"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceResizable",i="Resizable",s="1.0.0",n="stable",a="layout",r="resizable",o="Wrapper that adds drag resize handles to children.",c="1.0.0",d=["web","desktop"],l=["resizable","drag","resize","handles"],m=[{name:"width",type:"number",required:!1,description:"Initial width."},{name:"height",type:"number",required:!1,description:"Initial height."},{name:"minWidth",type:"number",required:!1,description:"Minimum width."},{name:"minHeight",type:"number",required:!1,description:"Minimum height."},{name:"maxWidth",type:"number",required:!1,description:"Maximum width."},{name:"maxHeight",type:"number",required:!1,description:"Maximum height."},{name:"handles",type:"NiceResizeHandle[]",required:!1,description:"Which handles to show ('top', 'right', 'bottom', 'left', 'topRight', etc.)."},{name:"children",type:"ReactNode",required:!0,description:"Content to make resizable."}],h=[{name:"onResize",parameters:[{name:"size",type:"{ width: number; height: number }"}],description:"Called during resize."}],p=[],u=[{title:"Resizable Panel",code:`<NiceResizable
  width={300}
  height={200}
  minWidth={100}
  maxWidth={500}
  handles={['right', 'bottom', 'bottomRight']}
  onResize={({ width, height }) => console.log(width, height)}
>
  <div>Drag corners to resize</div>
</NiceResizable>`,language:"tsx"}],b=[{name:"NiceSplitter",relationship:"multi-pane"}],g={$schema:e,name:t,displayName:i,version:s,status:n,category:a,subcategory:r,package:"@nicetoDev/ui",description:o,since:c,platforms:d,keywords:l,props:m,events:h,cssVariables:p,examples:u,related:b};exports.$schema=e;exports.category=a;exports.cssVariables=p;exports.default=g;exports.description=o;exports.displayName=i;exports.events=h;exports.examples=u;exports.keywords=l;exports.name=t;exports.platforms=d;exports.props=m;exports.related=b;exports.since=c;exports.status=n;exports.subcategory=r;exports.version=s;
