import{j as e}from"./iframe-B8FSoBNY.js";import{c as y}from"./compiler-runtime-BXE7OOXE.js";import{T as I}from"./tooltip-DZxUoouw.js";import{H as b}from"./h-stack-DWHd8f97.js";import{B as v}from"./index-B0y2_lLF.js";import{T as o}from"./index-cFwdnc0b.js";import{I as C}from"./icon-C8FN9JqD.js";import{I as S}from"./info-DlgY5-DW.js";import{C as B}from"./chevron-right-owK1wZnx.js";import{S as P}from"./stack-CN4X31TA.js";import{C as A,a as k,b as _,c as z}from"./collapsible-DBDG7h1r.js";import{B as u}from"./button-C7it2n8t.js";import{S as D}from"./separator-CQkMOHNm.js";import"./preload-helper-PPVm8Dsz.js";import"./portal-CZHfPTRw.js";import"./index-DaXC_qY_.js";import"./index-DpB4ozcR.js";import"./normalize-props-D7NI5JRu.js";import"./factory-BR3bc_RM.js";import"./tooltip-C_a-XGZ8.js";import"./create-slot-recipe-context-DAhDE6G_.js";import"./factory-DAJZwK4o.js";import"./create-recipe-context-BU56IzEo.js";import"./use-presence-context-DK2PGZth.js";import"./create-split-props-u5h9OPvL.js";import"./computed-style-C0hzrq9-.js";import"./overflow-CkG1DOya.js";import"./createLucideIcon-CcBBUKX8.js";import"./collapsible-content-B1Uq3jUM.js";import"./mutation-observer-CAfGweIM.js";import"./tabbable-DHAf8oAu.js";import"./number-C92MPsRM.js";import"./spinner-ZYH_gvW-.js";import"./index-CXwl6T4k.js";const l=r=>{const t=y.c(14),{items:g,title:p,defaultOpen:T}=r,j=T===void 0?!0:T;let m;t[0]===Symbol.for("react.memo_cache_sentinel")?(m={background:"bg.muted"},t[0]=m):m=t[0];let i;t[1]!==p?(i=p&&e.jsx(o,{fontWeight:"600",textStyle:"label/S/medium",children:p}),t[1]=p,t[2]=i):i=t[2];let c;t[3]===Symbol.for("react.memo_cache_sentinel")?(c=e.jsx(A,{transition:"transform 0.2s",_open:{transform:"rotate(90deg)"},children:e.jsx(B,{size:16})}),t[3]=c):c=t[3];let n;t[4]!==i?(n=e.jsxs(k,{_hover:m,borderRadius:"xs",padding:"sm",height:"2rem",display:"flex",gap:"2",alignItems:"center",cursor:"pointer",children:[i,c]}),t[4]=i,t[5]=n):n=t[5];let s;t[6]!==g?(s=g.map(R),t[6]=g,t[7]=s):s=t[7];let a;t[8]!==s?(a=e.jsx(_,{children:e.jsx(P,{gap:"sm",paddingLeft:"sm",paddingY:"xs",children:s})}),t[8]=s,t[9]=a):a=t[9];let d;return t[10]!==j||t[11]!==n||t[12]!==a?(d=e.jsxs(z,{defaultOpen:j,width:"full",children:[n,a]}),t[10]=j,t[11]=n,t[12]=a,t[13]=d):d=t[13],d};l.__docgenInfo={description:`A collapsible component that displays a list of properties.

Each property has a label, an optional description (shown as a tooltip), and a value (ReactNode).
All labels have the same fixed width for alignment.`,methods:[],displayName:"Properties",props:{items:{required:!0,tsType:{name:"Array",elements:[{name:"PropertyItem"}],raw:"PropertyItem[]"},description:""},title:{required:!1,tsType:{name:"string"},description:""},defaultOpen:{required:!1,tsType:{name:"boolean"},description:""}}};function R(r,t){return e.jsxs(b,{gap:"md",alignItems:"center",children:[e.jsx(v,{width:"140px",flexShrink:0,children:e.jsxs(b,{gap:"1",alignItems:"center",children:[e.jsx(o,{textStyle:"label/S/medium",color:"fg.muted",children:r.label}),r.description&&e.jsx(I,{content:r.description,showArrow:!0,children:e.jsx(C,{as:S,boxSize:"12px",color:"fg.muted",opacity:.6,cursor:"help"})})]})}),e.jsx(v,{flex:"1",children:r.value})]},`${r.label}-${t}`)}const he={title:"Components/Properties",component:l,decorators:[r=>e.jsx(v,{padding:"lg",background:"bg",minWidth:"600px",children:e.jsx(r,{})})]},h={render:()=>e.jsx(l,{title:"Project Settings",items:[{label:"Project Name",description:"The unique identifier for this project",value:e.jsxs(u,{size:"sm",variant:"ghost",children:[e.jsx(S,{}),"My Cool Project"]})},{label:"Visibility",description:"Who can see this project",value:e.jsxs(b,{gap:"sm",children:[e.jsx(u,{size:"sm",variant:"outline",children:"Public"}),e.jsx(u,{size:"sm",variant:"ghost",children:"Change"})]})},{label:"Version",value:e.jsx(o,{children:"1.0.0"})},{label:"Actions",description:"Dangerous operations",value:e.jsx(u,{size:"sm",variant:"outline",colorPalette:"red",children:"Delete Project"})}]})},x={render:()=>e.jsx(l,{title:"Advanced Configuration",defaultOpen:!1,items:[{label:"API Endpoint",value:e.jsx(o,{children:"https://api.example.com/v1"})},{label:"Timeout",value:e.jsx(o,{children:"30000ms"})}]})},f={render:()=>e.jsxs(P,{gap:"md",children:[e.jsx(l,{title:"General Information",items:[{label:"Author",value:e.jsx(o,{children:"John Doe"})},{label:"License",value:e.jsx(o,{children:"MIT"})}]}),e.jsx(D,{}),e.jsx(l,{title:"Repository Details",items:[{label:"Git URL",value:e.jsx(o,{children:"git@github.com:user/repo.git"})},{label:"Branch",value:e.jsx(o,{children:"main"})}]})]})};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
  render: () => <Properties title="Project Settings" items={[{
    label: "Project Name",
    description: "The unique identifier for this project",
    value: <Button size="sm" variant="ghost">
              <Info />
              My Cool Project
            </Button>
  }, {
    label: "Visibility",
    description: "Who can see this project",
    value: <HStack gap="sm">
              <Button size="sm" variant="outline">
                Public
              </Button>
              <Button size="sm" variant="ghost">
                Change
              </Button>
            </HStack>
  }, {
    label: "Version",
    value: <Text>1.0.0</Text>
  }, {
    label: "Actions",
    description: "Dangerous operations",
    value: <Button size="sm" variant="outline" colorPalette="red">
              Delete Project
            </Button>
  }]} />
}`,...h.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
  render: () => <Properties title="Advanced Configuration" defaultOpen={false} items={[{
    label: "API Endpoint",
    value: <Text>https://api.example.com/v1</Text>
  }, {
    label: "Timeout",
    value: <Text>30000ms</Text>
  }]} />
}`,...x.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
  render: () => <Stack gap="md">
      <Properties title="General Information" items={[{
      label: "Author",
      value: <Text>John Doe</Text>
    }, {
      label: "License",
      value: <Text>MIT</Text>
    }]} />
      <Separator />
      <Properties title="Repository Details" items={[{
      label: "Git URL",
      value: <Text>git@github.com:user/repo.git</Text>
    }, {
      label: "Branch",
      value: <Text>main</Text>
    }]} />
    </Stack>
}`,...f.parameters?.docs?.source}}};const xe=["Default","Collapsed","MultipleInStack"];export{x as Collapsed,h as Default,f as MultipleInStack,xe as __namedExportsOrder,he as default};
