"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceSplitter",n="Splitter",s="1.0.0",i="stable",a="layout",r="resizable",o="Resizable multi-pane layout with draggable gutters.",c="1.0.0",l=["web","desktop"],p=["splitter","resizable","panes","layout"],d=[{name:"panes",type:"NiceSplitterPane[]",required:!0,description:"Panes (key, render, size, minSize, maxSize, collapsible)."},{name:"orientation",type:"'horizontal' | 'vertical'",required:!1,default:"'horizontal'",description:"Split direction."},{name:"gutterSize",type:"number",required:!1,default:"4",description:"Gutter width in px."}],m=[{name:"onResize",parameters:[{name:"sizes",type:"number[]"}],description:"Returns new sizes in %."}],u=[],y=[{title:"Two-Pane Layout",code:`<NiceSplitter
  panes={[
    { key: 'left', render: () => <SidePanel />, size: 30, minSize: 15 },
    { key: 'right', render: () => <MainContent />, size: 70 }
  ]}
  orientation="horizontal"
/>`,language:"tsx"},{title:"Three-Pane Vertical",code:`<NiceSplitter
  orientation="vertical"
  panes={[
    { key: 'top', render: () => <Header />, size: 20 },
    { key: 'middle', render: () => <Content />, size: 60 },
    { key: 'bottom', render: () => <Footer />, size: 20, collapsible: true }
  ]}
/>`,language:"tsx"}],z=[{name:"NiceResizable",relationship:"single"}],b={$schema:e,name:t,displayName:n,version:s,status:i,category:a,subcategory:r,package:"@nicetoDev/ui",description:o,since:c,platforms:l,keywords:p,props:d,events:m,cssVariables:u,examples:y,related:z};exports.$schema=e;exports.category=a;exports.cssVariables=u;exports.default=b;exports.description=o;exports.displayName=n;exports.events=m;exports.examples=y;exports.keywords=p;exports.name=t;exports.platforms=l;exports.props=d;exports.related=z;exports.since=c;exports.status=i;exports.subcategory=r;exports.version=s;
