{"version":3,"file":"index.cjs","names":["AccordionPrimitive","Separator","IconButton","ChevronRight","Separator"],"sources":["../../../src/components/SectionBlock/FoldableSection.tsx","../../../src/components/SectionBlock/SectionV2.tsx"],"sourcesContent":["import * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport clsx from \"clsx\";\nimport { ChevronRight } from \"lucide-react\";\nimport React, { forwardRef } from \"react\";\nimport { IconButton } from \"../IconButton\";\nimport { Separator } from \"../Separator\";\n\nexport type FoldableSectionRootProps = AccordionPrimitive.AccordionMultipleProps;\n\nexport const FoldableSectionRoot = forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Root>,\n  FoldableSectionRootProps\n>(({ className, style, ...props }, ref) => (\n  <AccordionPrimitive.Root\n    ref={ref}\n    className={clsx(\"openui-foldable-section-root\", className)}\n    style={style}\n    {...props}\n  />\n));\nFoldableSectionRoot.displayName = \"FoldableSectionRoot\";\n\nexport interface FoldableSectionItemProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {\n  className?: string;\n  style?: React.CSSProperties;\n  value: string;\n}\n\nexport const FoldableSectionItem = forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Item>,\n  FoldableSectionItemProps\n>(({ className, style, value, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={clsx(\"openui-foldable-section-item\", className)}\n    style={style}\n    value={value}\n    {...props}\n  />\n));\nFoldableSectionItem.displayName = \"FoldableSectionItem\";\n\nexport interface FoldableSectionTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {\n  className?: string;\n  style?: React.CSSProperties;\n  text: React.ReactNode;\n}\n\nexport const FoldableSectionTrigger = forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Trigger>,\n  FoldableSectionTriggerProps\n>(({ className, style, text, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"openui-foldable-section-header\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={clsx(\"openui-foldable-section-trigger\", className)}\n      style={style}\n      {...props}\n    >\n      <div className=\"openui-foldable-section-trigger-content-wrapper\">\n        <Separator className=\"openui-foldable-section-trigger-content-separator\" />\n        <div className=\"openui-foldable-section-trigger-content-icon-button-wrapper\">\n          <IconButton\n            icon={\n              <ChevronRight className=\"openui-foldable-section-trigger-content-icon-button-icon\" />\n            }\n            size=\"3-extra-small\"\n            variant=\"secondary\"\n            className=\"openui-foldable-section-trigger-content-icon-button\"\n          />\n          <div className=\"openui-foldable-section-trigger-content-text\">{text}</div>\n        </div>\n      </div>\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n));\nFoldableSectionTrigger.displayName = \"FoldableSectionTrigger\";\n\nexport interface FoldableSectionContentProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n}\n\nexport const FoldableSectionContent = forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Content>,\n  FoldableSectionContentProps\n>(({ className, style, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className={clsx(\"openui-foldable-section-content\", className)}\n    style={style}\n    {...props}\n  >\n    {children}\n  </AccordionPrimitive.Content>\n));\nFoldableSectionContent.displayName = \"FoldableSectionContent\";\n","import React from \"react\";\nimport { Separator } from \"../Separator\";\n\ninterface SectionV2Props {\n  trigger: string;\n  children?: React.ReactNode;\n}\n\nexport const SectionV2 = ({ trigger, children }: SectionV2Props) => {\n  return (\n    <div className=\"openui-section-v2\">\n      <div className=\"openui-section-v2-wrapper\">\n        <Separator orientation=\"horizontal\" />\n        <div className=\"openui-section-v2-header\">\n          <div className=\"openui-section-v2-header-trigger\">{trigger}</div>\n        </div>\n        <div className=\"openui-section-v2-content\">{children}</div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AASA,MAAa,uBAAA,GAAA,MAAA,aAGV,EAAE,WAAW,OAAO,GAAG,SAAS,QACjC,iBAAA,GAAA,kBAAA,KAACA,0BAAmB,MAApB;CACO;CACL,YAAA,GAAA,KAAA,SAAgB,gCAAgC,UAAU;CACnD;CACP,GAAI;CACJ,CAAA,CACF;AACF,oBAAoB,cAAc;AASlC,MAAa,uBAAA,GAAA,MAAA,aAGV,EAAE,WAAW,OAAO,OAAO,GAAG,SAAS,QACxC,iBAAA,GAAA,kBAAA,KAACA,0BAAmB,MAApB;CACO;CACL,YAAA,GAAA,KAAA,SAAgB,gCAAgC,UAAU;CACnD;CACA;CACP,GAAI;CACJ,CAAA,CACF;AACF,oBAAoB,cAAc;AASlC,MAAa,0BAAA,GAAA,MAAA,aAGV,EAAE,WAAW,OAAO,MAAM,GAAG,SAAS,QACvC,iBAAA,GAAA,kBAAA,KAACA,0BAAmB,QAApB;CAA2B,WAAU;WACnC,iBAAA,GAAA,kBAAA,KAACA,0BAAmB,SAApB;EACO;EACL,YAAA,GAAA,KAAA,SAAgB,mCAAmC,UAAU;EACtD;EACP,GAAI;YAEJ,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACE,iBAAA,GAAA,kBAAA,KAACC,mCAAAA,WAAD,EAAW,WAAU,qDAAsD,CAAA,EAC3E,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,KAACC,oCAAAA,YAAD;KACE,MACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,cAAD,EAAc,WAAU,4DAA6D,CAAA;KAEvF,MAAK;KACL,SAAQ;KACR,WAAU;KACV,CAAA,EACF,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAU;eAAgD;KAAW,CAAA,CACtE;MACF;;EACqB,CAAA;CACH,CAAA,CAC5B;AACF,uBAAuB,cAAc;AASrC,MAAa,0BAAA,GAAA,MAAA,aAGV,EAAE,WAAW,OAAO,UAAU,GAAG,SAAS,QAC3C,iBAAA,GAAA,kBAAA,KAACH,0BAAmB,SAApB;CACO;CACL,YAAA,GAAA,KAAA,SAAgB,mCAAmC,UAAU;CACtD;CACP,GAAI;CAEH;CAC0B,CAAA,CAC7B;AACF,uBAAuB,cAAc;;;AC5FrC,MAAa,aAAa,EAAE,SAAS,eAA+B;AAClE,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IACE,iBAAA,GAAA,kBAAA,KAACI,mCAAAA,WAAD,EAAW,aAAY,cAAe,CAAA;IACtC,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAU;gBAAoC;MAAc,CAAA;KAC7D,CAAA;IACN,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAU;KAA6B;KAAe,CAAA;IACvD;;EACF,CAAA"}