@choco-vanille/ui 1.1.0 → 1.1.2

package/dist/components/surfaces/card/index.d.ts

@@ -0,0 +1,7 @@
+export { Card } from './Card.tsx';
+export { CARD_STYLES } from './styles/Card.css.ts';
+export { CARD_HEADER_STYLES } from './components/card-header/styles/CardHeader.css.ts';
+export type { CardProps } from './types/Card.props.ts';
+export type { CardHeaderProps } from './components/card-header/types/CardHeader.props.ts';
+export type { CardBodyProps } from './components/card-body/types/CardBody.props.ts';
+export type { CardFooterProps } from './components/card-footer/types/CardFooter.props.ts';

package/dist/components/surfaces/card/styles/Card.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                          */var e={root:"i7xk180"};exports.CARD_STYLES=e;
+//# sourceMappingURL=Card.css.cjs.map

package/dist/components/surfaces/card/styles/Card.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/surfaces/card/styles/Card.css.d.ts

@@ -0,0 +1,3 @@
+export declare const CARD_STYLES: {
+    root: string;
+};

package/dist/components/surfaces/card/styles/Card.css.js

@@ -0,0 +1,7 @@
+/* empty css                                            */
+/* empty css                        */
+var t = { root: "i7xk180" };
+export {
+  t as CARD_STYLES
+};
+//# sourceMappingURL=Card.css.js.map

package/dist/components/surfaces/card/styles/Card.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/surfaces/card/types/Card.props.d.ts

@@ -0,0 +1,19 @@
+import { BoxProps } from '../../../layout/box/types/Box.props.ts';
+export type CardProps = Omit<BoxProps, 'as' | 'backgroundColor' | 'color' | 'borderRadius' | 'borderWidth' | 'borderColor' | 'boxShadow' | 'overflow'> & {
+    /** The HTML element to render. @default 'div' */
+    as?: 'div' | 'section' | 'article' | 'aside';
+    /** Background color token. @default 'card' */
+    backgroundColor?: BoxProps['backgroundColor'];
+    /** Text color token. @default 'cardForeground' */
+    color?: BoxProps['color'];
+    /** Border radius token. @default 'lg' */
+    borderRadius?: BoxProps['borderRadius'];
+    /** Border width. @default '1px' */
+    borderWidth?: BoxProps['borderWidth'];
+    /** Border color token. @default 'border' */
+    borderColor?: BoxProps['borderColor'];
+    /** Shadow token. @default 'none' */
+    boxShadow?: BoxProps['boxShadow'];
+    /** Overflow behavior. @default 'hidden' */
+    overflow?: BoxProps['overflow'];
+};

package/dist/components/surfaces/card/types/index.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { default as CardBody } from '../components/card-body/CardBody.tsx';
+import { default as CardFooter } from '../components/card-footer/CardFooter.tsx';
+import { default as CardHeader } from '../components/card-header/CardHeader.tsx';
+import { CardProps } from './Card.props.ts';
+export type CardCompound = FC<CardProps> & {
+    Header: typeof CardHeader;
+    Body: typeof CardBody;
+    Footer: typeof CardFooter;
+};

package/dist/components/surfaces/collapsible/Collapsible.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),r=require("react"),t=require("@base-ui/react/collapsible"),n=require("./components/collapsible-panel/CollapsiblePanel.cjs"),c=require("./components/collapsible-trigger/CollapsibleTrigger.cjs"),a=require("./styles/Collapsible.css.cjs"),u=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const e=r.memo(({className:l,width:i,...o})=>s.jsx(u,{flexDirection:"column",alignItems:"stretch",width:i??"100%",gap:"none",className:typeof l=="function"?void 0:l,children:s.jsx(t.Collapsible.Root,{className:a.COLLAPSIBLE_STYLES.root,...o})}));e.displayName="Collapsible";e.Trigger=c;e.Panel=n;module.exports=e;
+//# sourceMappingURL=Collapsible.cjs.map

package/dist/components/surfaces/collapsible/Collapsible.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.cjs","sources":["../../../../src/components/surfaces/collapsible/Collapsible.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible'\r\n\r\nimport CollapsiblePanel from '@components/surfaces/collapsible/components/collapsible-panel/CollapsiblePanel.tsx'\r\nimport CollapsibleTrigger from '@components/surfaces/collapsible/components/collapsible-trigger/CollapsibleTrigger.tsx'\r\nimport { COLLAPSIBLE_STYLES } from '@components/surfaces/collapsible/styles/Collapsible.css.ts'\r\nimport type { CollapsibleProps } from '@components/surfaces/collapsible/types/Collapsible.props.ts'\r\nimport type { CollapsibleCompound } from '@components/surfaces/collapsible/types'\r\nimport { Flex } from '@components/layout/flex'\r\n\r\nconst Collapsible = memo<CollapsibleProps>(({ className, width, ...props }) => (\r\n    <Flex\r\n        flexDirection={'column'}\r\n        alignItems={'stretch'}\r\n        width={width ?? '100%'}\r\n        gap={'none'}\r\n        className={typeof className === 'function' ? undefined : className}\r\n    >\r\n        <BaseCollapsible.Root\r\n            className={COLLAPSIBLE_STYLES.root}\r\n            {...props}\r\n        />\r\n    </Flex>\r\n)) as unknown as CollapsibleCompound\r\n\r\nCollapsible.displayName = 'Collapsible'\r\nCollapsible.Trigger = CollapsibleTrigger\r\nCollapsible.Panel = CollapsiblePanel\r\n\r\nexport default Collapsible\r\n"],"names":["Collapsible","memo","className","width","props","jsx","Flex","BaseCollapsible","COLLAPSIBLE_STYLES","CollapsibleTrigger","CollapsiblePanel"],"mappings":"sXAWA,MAAMA,EAAcC,EAAAA,KAAuB,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,GAAGC,KAC/DC,EAAAA,IAACC,EAAA,CACG,cAAe,SACf,WAAY,UACZ,MAAOH,GAAS,OAChB,IAAK,OACL,UAAW,OAAOD,GAAc,WAAa,OAAYA,EAEzD,SAAAG,EAAAA,IAACE,EAAAA,YAAgB,KAAhB,CACG,UAAWC,EAAAA,mBAAmB,KAC7B,GAAGJ,CAAA,CAAA,CACR,CACJ,CACH,EAEDJ,EAAY,YAAc,cAC1BA,EAAY,QAAUS,EACtBT,EAAY,MAAQU"}

package/dist/components/surfaces/collapsible/Collapsible.d.ts

@@ -0,0 +1,3 @@
+import { CollapsibleCompound } from './types';
+declare const Collapsible: CollapsibleCompound;
+export default Collapsible;

package/dist/components/surfaces/collapsible/Collapsible.js

@@ -0,0 +1,32 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as m } from "react";
+import { Collapsible as t } from "@base-ui/react/collapsible";
+import p from "./components/collapsible-panel/CollapsiblePanel.js";
+import a from "./components/collapsible-trigger/CollapsibleTrigger.js";
+import { COLLAPSIBLE_STYLES as s } from "./styles/Collapsible.css.js";
+import f from "../../layout/flex/Flex.js";
+import "../../layout/flex/styles/Flex.css.js";
+const o = m(({ className: l, width: r, ...e }) => /* @__PURE__ */ i(
+  f,
+  {
+    flexDirection: "column",
+    alignItems: "stretch",
+    width: r ?? "100%",
+    gap: "none",
+    className: typeof l == "function" ? void 0 : l,
+    children: /* @__PURE__ */ i(
+      t.Root,
+      {
+        className: s.root,
+        ...e
+      }
+    )
+  }
+));
+o.displayName = "Collapsible";
+o.Trigger = a;
+o.Panel = p;
+export {
+  o as default
+};
+//# sourceMappingURL=Collapsible.js.map

package/dist/components/surfaces/collapsible/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sources":["../../../../src/components/surfaces/collapsible/Collapsible.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible'\r\n\r\nimport CollapsiblePanel from '@components/surfaces/collapsible/components/collapsible-panel/CollapsiblePanel.tsx'\r\nimport CollapsibleTrigger from '@components/surfaces/collapsible/components/collapsible-trigger/CollapsibleTrigger.tsx'\r\nimport { COLLAPSIBLE_STYLES } from '@components/surfaces/collapsible/styles/Collapsible.css.ts'\r\nimport type { CollapsibleProps } from '@components/surfaces/collapsible/types/Collapsible.props.ts'\r\nimport type { CollapsibleCompound } from '@components/surfaces/collapsible/types'\r\nimport { Flex } from '@components/layout/flex'\r\n\r\nconst Collapsible = memo<CollapsibleProps>(({ className, width, ...props }) => (\r\n    <Flex\r\n        flexDirection={'column'}\r\n        alignItems={'stretch'}\r\n        width={width ?? '100%'}\r\n        gap={'none'}\r\n        className={typeof className === 'function' ? undefined : className}\r\n    >\r\n        <BaseCollapsible.Root\r\n            className={COLLAPSIBLE_STYLES.root}\r\n            {...props}\r\n        />\r\n    </Flex>\r\n)) as unknown as CollapsibleCompound\r\n\r\nCollapsible.displayName = 'Collapsible'\r\nCollapsible.Trigger = CollapsibleTrigger\r\nCollapsible.Panel = CollapsiblePanel\r\n\r\nexport default Collapsible\r\n"],"names":["Collapsible","memo","className","width","props","jsx","Flex","BaseCollapsible","COLLAPSIBLE_STYLES","CollapsibleTrigger","CollapsiblePanel"],"mappings":";;;;;;;;AAWA,MAAMA,IAAcC,EAAuB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,QAC/D,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,OAAOH,KAAS;AAAA,IAChB,KAAK;AAAA,IACL,WAAW,OAAOD,KAAc,aAAa,SAAYA;AAAA,IAEzD,UAAA,gBAAAG;AAAA,MAACE,EAAgB;AAAA,MAAhB;AAAA,QACG,WAAWC,EAAmB;AAAA,QAC7B,GAAGJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACR;AACJ,CACH;AAEDJ,EAAY,cAAc;AAC1BA,EAAY,UAAUS;AACtBT,EAAY,QAAQU;"}

package/dist/components/surfaces/collapsible/components/collapsible-panel/CollapsiblePanel.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("react"),i=require("@base-ui/react/collapsible"),s=require("./styles/CollapsiblePanel.css.cjs"),L=require("../../../../../theme/contract.css.cjs"),p=require("../../../../../utils/cn.cjs"),l=t.memo(({className:a,padding:c="md",keepMounted:r=!0,children:n,...o})=>e.jsx(i.Collapsible.Panel,{keepMounted:r,className:p.cn(s.COLLAPSIBLE_PANEL_STYLES.root,a),style:{paddingBottom:L.vars.space[c]},...o,children:e.jsx("div",{className:s.COLLAPSIBLE_PANEL_STYLES.inner,children:n})}));l.displayName="Collapsible.Panel";module.exports=l;
+//# sourceMappingURL=CollapsiblePanel.cjs.map

package/dist/components/surfaces/collapsible/components/collapsible-panel/CollapsiblePanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsiblePanel.cjs","sources":["../../../../../../src/components/surfaces/collapsible/components/collapsible-panel/CollapsiblePanel.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible'\r\n\r\nimport { COLLAPSIBLE_PANEL_STYLES } from '@components/surfaces/collapsible/components/collapsible-panel/styles/CollapsiblePanel.css.ts'\r\nimport type { CollapsiblePanelProps } from '@components/surfaces/collapsible/components/collapsible-panel/types/CollapsiblePanel.props.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst CollapsiblePanel: FC<CollapsiblePanelProps> = memo(({\r\n    className,\r\n    padding = 'md',\r\n    keepMounted = true,\r\n    children,\r\n    ...props\r\n}) => (\r\n    <BaseCollapsible.Panel\r\n        keepMounted={keepMounted}\r\n        className={cn(COLLAPSIBLE_PANEL_STYLES.root, className)}\r\n        style={{ paddingBottom: vars.space[padding] }}\r\n        {...props}\r\n    >\r\n        <div className={COLLAPSIBLE_PANEL_STYLES.inner}>{children}</div>\r\n    </BaseCollapsible.Panel>\r\n))\r\n\r\nCollapsiblePanel.displayName = 'Collapsible.Panel'\r\n\r\nexport default CollapsiblePanel\r\n"],"names":["CollapsiblePanel","memo","className","padding","keepMounted","children","props","jsx","BaseCollapsible","cn","COLLAPSIBLE_PANEL_STYLES","vars"],"mappings":"wPASMA,EAA8CC,EAAAA,KAAK,CAAC,CACtD,UAAAC,EACA,QAAAC,EAAU,KACV,YAAAC,EAAc,GACd,SAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,IAACC,EAAAA,YAAgB,MAAhB,CACG,YAAAJ,EACA,UAAWK,EAAAA,GAAGC,2BAAyB,KAAMR,CAAS,EACtD,MAAO,CAAE,cAAeS,EAAAA,KAAK,MAAMR,CAAO,CAAA,EACzC,GAAGG,EAEJ,SAAAC,EAAAA,IAAC,MAAA,CAAI,UAAWG,EAAAA,yBAAyB,MAAQ,SAAAL,CAAA,CAAS,CAAA,CAC9D,CACH,EAEDL,EAAiB,YAAc"}

package/dist/components/surfaces/collapsible/components/collapsible-panel/CollapsiblePanel.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { CollapsiblePanelProps } from './types/CollapsiblePanel.props.ts';
+declare const CollapsiblePanel: FC<CollapsiblePanelProps>;
+export default CollapsiblePanel;

package/dist/components/surfaces/collapsible/components/collapsible-panel/CollapsiblePanel.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import { memo as s } from "react";
+import { Collapsible as t } from "@base-ui/react/collapsible";
+import { COLLAPSIBLE_PANEL_STYLES as m } from "./styles/CollapsiblePanel.css.js";
+import { vars as p } from "../../../../../theme/contract.css.js";
+import { cn as n } from "../../../../../utils/cn.js";
+const d = s(({
+  className: l,
+  padding: r = "md",
+  keepMounted: a = !0,
+  children: e,
+  ...i
+}) => /* @__PURE__ */ o(
+  t.Panel,
+  {
+    keepMounted: a,
+    className: n(m.root, l),
+    style: { paddingBottom: p.space[r] },
+    ...i,
+    children: /* @__PURE__ */ o("div", { className: m.inner, children: e })
+  }
+));
+d.displayName = "Collapsible.Panel";
+export {
+  d as default
+};
+//# sourceMappingURL=CollapsiblePanel.js.map

package/dist/components/surfaces/collapsible/components/collapsible-panel/CollapsiblePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsiblePanel.js","sources":["../../../../../../src/components/surfaces/collapsible/components/collapsible-panel/CollapsiblePanel.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible'\r\n\r\nimport { COLLAPSIBLE_PANEL_STYLES } from '@components/surfaces/collapsible/components/collapsible-panel/styles/CollapsiblePanel.css.ts'\r\nimport type { CollapsiblePanelProps } from '@components/surfaces/collapsible/components/collapsible-panel/types/CollapsiblePanel.props.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst CollapsiblePanel: FC<CollapsiblePanelProps> = memo(({\r\n    className,\r\n    padding = 'md',\r\n    keepMounted = true,\r\n    children,\r\n    ...props\r\n}) => (\r\n    <BaseCollapsible.Panel\r\n        keepMounted={keepMounted}\r\n        className={cn(COLLAPSIBLE_PANEL_STYLES.root, className)}\r\n        style={{ paddingBottom: vars.space[padding] }}\r\n        {...props}\r\n    >\r\n        <div className={COLLAPSIBLE_PANEL_STYLES.inner}>{children}</div>\r\n    </BaseCollapsible.Panel>\r\n))\r\n\r\nCollapsiblePanel.displayName = 'Collapsible.Panel'\r\n\r\nexport default CollapsiblePanel\r\n"],"names":["CollapsiblePanel","memo","className","padding","keepMounted","children","props","jsx","BaseCollapsible","cn","COLLAPSIBLE_PANEL_STYLES","vars"],"mappings":";;;;;;AASA,MAAMA,IAA8CC,EAAK,CAAC;AAAA,EACtD,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACG,aAAAJ;AAAA,IACA,WAAWK,EAAGC,EAAyB,MAAMR,CAAS;AAAA,IACtD,OAAO,EAAE,eAAeS,EAAK,MAAMR,CAAO,EAAA;AAAA,IACzC,GAAGG;AAAA,IAEJ,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWG,EAAyB,OAAQ,UAAAL,EAAA,CAAS;AAAA,EAAA;AAC9D,CACH;AAEDL,EAAiB,cAAc;"}

package/dist/components/surfaces/collapsible/components/collapsible-panel/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CollapsiblePanel } from './CollapsiblePanel.tsx';
+export { COLLAPSIBLE_PANEL_STYLES } from './styles/CollapsiblePanel.css.ts';
+export type { CollapsiblePanelProps } from './types/CollapsiblePanel.props.ts';

package/dist/components/surfaces/collapsible/components/collapsible-panel/styles/CollapsiblePanel.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                      */var e={root:"_1whcamm0",inner:"_1whcamm1"};exports.COLLAPSIBLE_PANEL_STYLES=e;
+//# sourceMappingURL=CollapsiblePanel.css.cjs.map

package/dist/components/surfaces/collapsible/components/collapsible-panel/styles/CollapsiblePanel.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsiblePanel.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/surfaces/collapsible/components/collapsible-panel/styles/CollapsiblePanel.css.d.ts

@@ -0,0 +1,4 @@
+export declare const COLLAPSIBLE_PANEL_STYLES: {
+    root: string;
+    inner: string;
+};

package/dist/components/surfaces/collapsible/components/collapsible-panel/styles/CollapsiblePanel.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                                    */
+var o = { root: "_1whcamm0", inner: "_1whcamm1" };
+export {
+  o as COLLAPSIBLE_PANEL_STYLES
+};
+//# sourceMappingURL=CollapsiblePanel.css.js.map

package/dist/components/surfaces/collapsible/components/collapsible-panel/styles/CollapsiblePanel.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsiblePanel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/surfaces/collapsible/components/collapsible-panel/types/CollapsiblePanel.props.d.ts

@@ -0,0 +1,5 @@
+import { Collapsible } from '@base-ui/react/collapsible';
+import { Space } from '../../../../../../theme/tokens/spacing.ts';
+export type CollapsiblePanelProps = Collapsible.Panel.Props & {
+    padding?: keyof Space;
+};

package/dist/components/surfaces/collapsible/components/collapsible-trigger/CollapsibleTrigger.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),u=require("@base-ui/react/collapsible"),q=require("./styles/CollapsibleTrigger.css.cjs"),p=require("../../../../_common/rotating-chevron/RotatingChevron.cjs");;/* empty css                                                 */;/* empty css                                                                               */const g=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const n=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const m=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const x=require("../../../../../utils/cn.cjs"),o=a.memo(({className:c,children:l,label:r,startIcon:s,endIcon:i,...t})=>e.jsxs(u.Collapsible.Trigger,{className:x.cn(q.COLLAPSIBLE_TRIGGER_STYLES.root,c),...t,children:[r?e.jsxs(g,{as:"span",alignItems:"center",gap:"sm",children:[s&&e.jsx(n,{icon:s,size:"sm"}),e.jsx(m,{as:"span",variant:"span",fontSize:"sm",children:r}),i&&e.jsx(n,{icon:i,size:"sm"})]}):l,e.jsx(p,{size:"sm"})]}));o.displayName="Collapsible.Trigger";module.exports=o;
+//# sourceMappingURL=CollapsibleTrigger.cjs.map

package/dist/components/surfaces/collapsible/components/collapsible-trigger/CollapsibleTrigger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTrigger.cjs","sources":["../../../../../../src/components/surfaces/collapsible/components/collapsible-trigger/CollapsibleTrigger.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible'\r\n\r\nimport { COLLAPSIBLE_TRIGGER_STYLES } from '@components/surfaces/collapsible/components/collapsible-trigger/styles/CollapsibleTrigger.css.ts'\r\nimport type { CollapsibleTriggerProps } from '@components/surfaces/collapsible/components/collapsible-trigger/types/CollapsibleTrigger.props.ts'\r\nimport { RotatingChevron } from '@components/_common/rotating-chevron'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst CollapsibleTrigger: FC<CollapsibleTriggerProps> = memo(({\r\n    className,\r\n    children,\r\n    label,\r\n    startIcon,\r\n    endIcon,\r\n    ...props\r\n}) => (\r\n    <BaseCollapsible.Trigger\r\n        className={cn(COLLAPSIBLE_TRIGGER_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        {label ? (\r\n            <Flex\r\n                as={'span'}\r\n                alignItems={'center'}\r\n                gap={'sm'}\r\n            >\r\n                {startIcon && (\r\n                    <Icon\r\n                        icon={startIcon}\r\n                        size={'sm'}\r\n                    />\r\n                )}\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n                {endIcon && (\r\n                    <Icon\r\n                        icon={endIcon}\r\n                        size={'sm'}\r\n                    />\r\n                )}\r\n            </Flex>\r\n        ) : (\r\n            children\r\n        )}\r\n        <RotatingChevron size={'sm'} />\r\n    </BaseCollapsible.Trigger>\r\n))\r\n\r\nCollapsibleTrigger.displayName = 'Collapsible.Trigger'\r\n\r\nexport default CollapsibleTrigger\r\n"],"names":["CollapsibleTrigger","memo","className","children","label","startIcon","endIcon","props","jsxs","BaseCollapsible","cn","COLLAPSIBLE_TRIGGER_STYLES","Flex","jsx","Icon","Typography","RotatingChevron"],"mappings":"0xBAYMA,EAAkDC,EAAAA,KAAK,CAAC,CAC1D,UAAAC,EACA,SAAAC,EACA,MAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAAA,YAAgB,QAAhB,CACG,UAAWC,EAAAA,GAAGC,6BAA2B,KAAMT,CAAS,EACvD,GAAGK,EAEH,SAAA,CAAAH,EACGI,EAAAA,KAACI,EAAA,CACG,GAAI,OACJ,WAAY,SACZ,IAAK,KAEJ,SAAA,CAAAP,GACGQ,EAAAA,IAACC,EAAA,CACG,KAAMT,EACN,KAAM,IAAA,CAAA,EAGdQ,EAAAA,IAACE,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KAET,SAAAX,CAAA,CAAA,EAEJE,GACGO,EAAAA,IAACC,EAAA,CACG,KAAMR,EACN,KAAM,IAAA,CAAA,CACV,CAAA,CAAA,EAIRH,EAEJU,EAAAA,IAACG,EAAA,CAAgB,KAAM,IAAA,CAAM,CAAA,CAAA,CACjC,CACH,EAEDhB,EAAmB,YAAc"}

package/dist/components/surfaces/collapsible/components/collapsible-trigger/CollapsibleTrigger.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { CollapsibleTriggerProps } from './types/CollapsibleTrigger.props.ts';
+declare const CollapsibleTrigger: FC<CollapsibleTriggerProps>;
+export default CollapsibleTrigger;

package/dist/components/surfaces/collapsible/components/collapsible-trigger/CollapsibleTrigger.js

@@ -0,0 +1,69 @@
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { memo as l } from "react";
+import { Collapsible as n } from "@base-ui/react/collapsible";
+import { COLLAPSIBLE_TRIGGER_STYLES as f } from "./styles/CollapsibleTrigger.css.js";
+import g from "../../../../_common/rotating-chevron/RotatingChevron.js";
+/* empty css                                               */
+/* empty css                                                                             */
+import c from "../../../../layout/flex/Flex.js";
+import "../../../../layout/flex/styles/Flex.css.js";
+import s from "../../../../foundation/icon/Icon.js";
+import "../../../../foundation/icon/styles/Icon.css.js";
+import T from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+import { cn as h } from "../../../../../utils/cn.js";
+const C = l(({
+  className: t,
+  children: e,
+  label: o,
+  startIcon: i,
+  endIcon: m,
+  ...a
+}) => /* @__PURE__ */ p(
+  n.Trigger,
+  {
+    className: h(f.root, t),
+    ...a,
+    children: [
+      o ? /* @__PURE__ */ p(
+        c,
+        {
+          as: "span",
+          alignItems: "center",
+          gap: "sm",
+          children: [
+            i && /* @__PURE__ */ r(
+              s,
+              {
+                icon: i,
+                size: "sm"
+              }
+            ),
+            /* @__PURE__ */ r(
+              T,
+              {
+                as: "span",
+                variant: "span",
+                fontSize: "sm",
+                children: o
+              }
+            ),
+            m && /* @__PURE__ */ r(
+              s,
+              {
+                icon: m,
+                size: "sm"
+              }
+            )
+          ]
+        }
+      ) : e,
+      /* @__PURE__ */ r(g, { size: "sm" })
+    ]
+  }
+));
+C.displayName = "Collapsible.Trigger";
+export {
+  C as default
+};
+//# sourceMappingURL=CollapsibleTrigger.js.map

package/dist/components/surfaces/collapsible/components/collapsible-trigger/CollapsibleTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTrigger.js","sources":["../../../../../../src/components/surfaces/collapsible/components/collapsible-trigger/CollapsibleTrigger.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible'\r\n\r\nimport { COLLAPSIBLE_TRIGGER_STYLES } from '@components/surfaces/collapsible/components/collapsible-trigger/styles/CollapsibleTrigger.css.ts'\r\nimport type { CollapsibleTriggerProps } from '@components/surfaces/collapsible/components/collapsible-trigger/types/CollapsibleTrigger.props.ts'\r\nimport { RotatingChevron } from '@components/_common/rotating-chevron'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst CollapsibleTrigger: FC<CollapsibleTriggerProps> = memo(({\r\n    className,\r\n    children,\r\n    label,\r\n    startIcon,\r\n    endIcon,\r\n    ...props\r\n}) => (\r\n    <BaseCollapsible.Trigger\r\n        className={cn(COLLAPSIBLE_TRIGGER_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        {label ? (\r\n            <Flex\r\n                as={'span'}\r\n                alignItems={'center'}\r\n                gap={'sm'}\r\n            >\r\n                {startIcon && (\r\n                    <Icon\r\n                        icon={startIcon}\r\n                        size={'sm'}\r\n                    />\r\n                )}\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n                {endIcon && (\r\n                    <Icon\r\n                        icon={endIcon}\r\n                        size={'sm'}\r\n                    />\r\n                )}\r\n            </Flex>\r\n        ) : (\r\n            children\r\n        )}\r\n        <RotatingChevron size={'sm'} />\r\n    </BaseCollapsible.Trigger>\r\n))\r\n\r\nCollapsibleTrigger.displayName = 'Collapsible.Trigger'\r\n\r\nexport default CollapsibleTrigger\r\n"],"names":["CollapsibleTrigger","memo","className","children","label","startIcon","endIcon","props","jsxs","BaseCollapsible","cn","COLLAPSIBLE_TRIGGER_STYLES","Flex","jsx","Icon","Typography","RotatingChevron"],"mappings":";;;;;;;;;;;;;;AAYA,MAAMA,IAAkDC,EAAK,CAAC;AAAA,EAC1D,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACG,WAAWC,EAAGC,EAA2B,MAAMT,CAAS;AAAA,IACvD,GAAGK;AAAA,IAEH,UAAA;AAAA,MAAAH,IACG,gBAAAI;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,YAAY;AAAA,UACZ,KAAK;AAAA,UAEJ,UAAA;AAAA,YAAAP,KACG,gBAAAQ;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,MAAMT;AAAA,gBACN,MAAM;AAAA,cAAA;AAAA,YAAA;AAAA,YAGd,gBAAAQ;AAAA,cAACE;AAAA,cAAA;AAAA,gBACG,IAAI;AAAA,gBACJ,SAAS;AAAA,gBACT,UAAU;AAAA,gBAET,UAAAX;AAAA,cAAA;AAAA,YAAA;AAAA,YAEJE,KACG,gBAAAO;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,MAAMR;AAAA,gBACN,MAAM;AAAA,cAAA;AAAA,YAAA;AAAA,UACV;AAAA,QAAA;AAAA,MAAA,IAIRH;AAAA,MAEJ,gBAAAU,EAACG,GAAA,EAAgB,MAAM,KAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AACjC,CACH;AAEDhB,EAAmB,cAAc;"}

package/dist/components/surfaces/collapsible/components/collapsible-trigger/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CollapsibleTrigger } from './CollapsibleTrigger.tsx';
+export { COLLAPSIBLE_TRIGGER_STYLES } from './styles/CollapsibleTrigger.css.ts';
+export type { CollapsibleTriggerProps } from './types/CollapsibleTrigger.props.ts';

package/dist/components/surfaces/collapsible/components/collapsible-trigger/styles/CollapsibleTrigger.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                        */var e={root:"_9m0h8m0"};exports.COLLAPSIBLE_TRIGGER_STYLES=e;
+//# sourceMappingURL=CollapsibleTrigger.css.cjs.map

package/dist/components/surfaces/collapsible/components/collapsible-trigger/styles/CollapsibleTrigger.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTrigger.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/surfaces/collapsible/components/collapsible-trigger/styles/CollapsibleTrigger.css.d.ts

@@ -0,0 +1,3 @@
+export declare const COLLAPSIBLE_TRIGGER_STYLES: {
+    root: string;
+};

package/dist/components/surfaces/collapsible/components/collapsible-trigger/styles/CollapsibleTrigger.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                                      */
+var m = { root: "_9m0h8m0" };
+export {
+  m as COLLAPSIBLE_TRIGGER_STYLES
+};
+//# sourceMappingURL=CollapsibleTrigger.css.js.map

package/dist/components/surfaces/collapsible/components/collapsible-trigger/styles/CollapsibleTrigger.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTrigger.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/surfaces/collapsible/components/collapsible-trigger/types/CollapsibleTrigger.props.d.ts

@@ -0,0 +1,7 @@
+import { Collapsible } from '@base-ui/react/collapsible';
+export type CollapsibleTriggerProps = Omit<Collapsible.Trigger.Props, 'children' | 'render'> & {
+    label?: string;
+    startIcon?: string;
+    endIcon?: string;
+    children?: Collapsible.Trigger.Props['children'];
+};

package/dist/components/surfaces/collapsible/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Collapsible } from './Collapsible.tsx';
+export { COLLAPSIBLE_STYLES } from './styles/Collapsible.css.ts';
+export { COLLAPSIBLE_TRIGGER_STYLES } from './components/collapsible-trigger/styles/CollapsibleTrigger.css.ts';
+export { COLLAPSIBLE_PANEL_STYLES } from './components/collapsible-panel/styles/CollapsiblePanel.css.ts';
+export type { CollapsibleProps } from './types/Collapsible.props.ts';
+export type { CollapsibleTriggerProps } from './components/collapsible-trigger/types/CollapsibleTrigger.props.ts';
+export type { CollapsiblePanelProps } from './components/collapsible-panel/types/CollapsiblePanel.props.ts';

package/dist/components/surfaces/collapsible/styles/Collapsible.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                                 */var e={root:"_1s81dpm0"};exports.COLLAPSIBLE_STYLES=e;
+//# sourceMappingURL=Collapsible.css.cjs.map

package/dist/components/surfaces/collapsible/styles/Collapsible.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/surfaces/collapsible/styles/Collapsible.css.d.ts

@@ -0,0 +1,3 @@
+export declare const COLLAPSIBLE_STYLES: {
+    root: string;
+};

package/dist/components/surfaces/collapsible/styles/Collapsible.css.js

@@ -0,0 +1,7 @@
+/* empty css                                            */
+/* empty css                               */
+var p = { root: "_1s81dpm0" };
+export {
+  p as COLLAPSIBLE_STYLES
+};
+//# sourceMappingURL=Collapsible.css.js.map

package/dist/components/surfaces/collapsible/styles/Collapsible.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/surfaces/collapsible/types/Collapsible.props.d.ts

@@ -0,0 +1,6 @@
+import { Collapsible } from '@base-ui/react/collapsible';
+import { CSSProperties } from 'react';
+export type CollapsibleProps = Collapsible.Root.Props & {
+    /** Overrides the default full-width collapsible. */
+    width?: CSSProperties['width'];
+};

package/dist/components/surfaces/collapsible/types/index.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { default as CollapsiblePanel } from '../components/collapsible-panel/CollapsiblePanel.tsx';
+import { default as CollapsibleTrigger } from '../components/collapsible-trigger/CollapsibleTrigger.tsx';
+import { CollapsibleProps } from './Collapsible.props.ts';
+export type CollapsibleCompound = FC<CollapsibleProps> & {
+    Trigger: typeof CollapsibleTrigger;
+    Panel: typeof CollapsiblePanel;
+};
+export type { CollapsibleProps } from './Collapsible.props.ts';

package/dist/components/surfaces/index.d.ts

@@ -0,0 +1,3 @@
+export * from './accordion';
+export * from './card';
+export * from './collapsible';

package/dist/components/theme-provider/ThemeProvider.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),r=require("react");require("../overlay/tooltip/Tooltip.cjs");const S=require("../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                        */;/* empty css                                                     */const g=require("./ThemeProvider.context.cjs"),p=require("./utils/getSystemTheme.utils.cjs"),P=require("./utils/resolveTheme.utils.cjs"),c=({theme:n,defaultTheme:h="system",onThemeChange:u,tokens:s,style:a,children:d,...l})=>{const[v,T]=r.useState(h),o=n??v,[q,y]=r.useState(p.getSystemTheme);r.useEffect(()=>{const e=window.matchMedia("(prefers-color-scheme: dark)"),t=x=>y(x.matches?"dark":"light");return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]);const m=P.resolveTheme(o,q),f=e=>{n===void 0&&T(e),u?.(e)},j=r.useMemo(()=>s?Object.fromEntries(Object.entries(s).map(([e,t])=>[`--color-${e}`,t])):{},[s]);return i.jsx(g.ThemeContext.Provider,{value:{theme:o,resolvedTheme:m,setTheme:f},children:i.jsx("div",{"data-theme":m,style:{...j,...a},...l,children:i.jsx(S,{children:d})})})};c.displayName="ThemeProvider";module.exports=c;
+//# sourceMappingURL=ThemeProvider.cjs.map

package/dist/components/theme-provider/ThemeProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.cjs","sources":["../../../src/components/theme-provider/ThemeProvider.tsx"],"sourcesContent":["import { type FC, useEffect, useMemo, useState } from 'react'\r\nimport { TooltipProvider } from '@components/overlay/tooltip'\r\nimport { ThemeContext } from '@components/theme-provider/ThemeProvider.context.ts'\r\nimport type { ThemeMode, ThemeProviderProps } from '@components/theme-provider/types/ThemeProvider.props.ts'\r\nimport { getSystemTheme } from '@components/theme-provider/utils/getSystemTheme.utils.ts'\r\nimport { resolveTheme } from '@components/theme-provider/utils/resolveTheme.utils.ts'\r\n\r\n/**\r\n * `ThemeProvider` wraps a subtree and manages the active color-scheme.\r\n *\r\n * ### What it does\r\n * - Sets `data-theme=\"light\"` or `data-theme=\"dark\"` on its wrapper `<div>` so\r\n *   the kit's CSS-variable scoping works out of the box.\r\n * - In `'system'` mode it follows `prefers-color-scheme` and reactively updates\r\n *   when the OS preference changes.\r\n * - Accepts a `tokens` map to inject runtime CSS-variable overrides directly\r\n *   on the wrapper element — no `.css.ts` file required.\r\n * - Exposes `{ theme, resolvedTheme, setTheme }` via React context so any child\r\n *   can read or change the active mode with the `useTheme` hook.\r\n *\r\n * ### Controlled vs uncontrolled\r\n * - **Uncontrolled** (default): omit the `theme` prop.  The component manages\r\n *   its own state; use `defaultTheme` to set the initial value.\r\n * - **Controlled**: pass `theme` and handle `onThemeChange` in the parent.\r\n *\r\n * ### Placing in your app\r\n * Wrap your whole application to enable global theming:\r\n * ```tsx\r\n * <ThemeProvider defaultTheme=\"system\">\r\n *   <App />\r\n * </ThemeProvider>\r\n * ```\r\n * Or scope it to a single subtree:\r\n * ```tsx\r\n * <ThemeProvider theme=\"dark\" tokens={{ primary: 'oklch(0.70 0.16 185)' }}>\r\n *   <DarkWidget />\r\n * </ThemeProvider>\r\n * ```\r\n */\r\nconst ThemeProvider: FC<ThemeProviderProps> = ({\r\n    theme: controlledTheme,\r\n    defaultTheme = 'system',\r\n    onThemeChange,\r\n    tokens,\r\n    style,\r\n    children,\r\n    ...divProps\r\n}) => {\r\n\r\n    // 1. Internal state (uncontrolled mode)\r\n\r\n    const [internalTheme, setInternalTheme] = useState<ThemeMode>(defaultTheme)\r\n    const activeTheme = controlledTheme ?? internalTheme\r\n\r\n    // 2. Resolve OS preference and subscribe to changes\r\n\r\n    const [systemTheme, setSystemTheme] = useState<'light' | 'dark'>(getSystemTheme)\r\n\r\n    useEffect(() => {\r\n        const mql = window.matchMedia('(prefers-color-scheme: dark)')\r\n        const handler = (e: MediaQueryListEvent) => setSystemTheme(e.matches ? 'dark' : 'light')\r\n        mql.addEventListener('change', handler)\r\n        return () => mql.removeEventListener('change', handler)\r\n    }, [])\r\n\r\n    const resolvedTheme = resolveTheme(activeTheme, systemTheme)\r\n\r\n    // 3. setTheme — works in both controlled and uncontrolled modes\r\n\r\n    const setTheme = (next: ThemeMode) => {\r\n        if (controlledTheme === undefined) {\r\n            setInternalTheme(next)\r\n        }\r\n        onThemeChange?.(next)\r\n    }\r\n\r\n    // 4. Convert `tokens` → inline CSS custom properties\r\n\r\n    const tokenStyles = useMemo<React.CSSProperties>(() => {\r\n        if (!tokens) { return {} }\r\n        return Object.fromEntries(\r\n            Object.entries(tokens).map(([key, value]) => [`--color-${key}`, value]),\r\n        ) as React.CSSProperties\r\n    }, [tokens])\r\n\r\n    // 5. Render\r\n\r\n    return (\r\n        <ThemeContext.Provider value={{ theme: activeTheme, resolvedTheme, setTheme }}>\r\n            <div\r\n                data-theme={resolvedTheme}\r\n                style={{ ...tokenStyles, ...style }}\r\n                {...divProps}\r\n            >\r\n                <TooltipProvider>\r\n                    {children}\r\n                </TooltipProvider>\r\n            </div>\r\n        </ThemeContext.Provider>\r\n    )\r\n}\r\n\r\nThemeProvider.displayName = 'ThemeProvider'\r\n\r\nexport default ThemeProvider\r\n"],"names":["ThemeProvider","controlledTheme","defaultTheme","onThemeChange","tokens","style","children","divProps","internalTheme","setInternalTheme","useState","activeTheme","systemTheme","setSystemTheme","getSystemTheme","useEffect","mql","handler","e","resolvedTheme","resolveTheme","setTheme","next","tokenStyles","useMemo","key","value","jsx","ThemeContext","TooltipProvider"],"mappings":"ycAuCMA,EAAwC,CAAC,CAC3C,MAAOC,EACP,aAAAC,EAAe,SACf,cAAAC,EACA,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACP,IAAM,CAIF,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SAAoBR,CAAY,EACpES,EAAcV,GAAmBO,EAIjC,CAACI,EAAaC,CAAc,EAAIH,EAAAA,SAA2BI,EAAAA,cAAc,EAE/EC,EAAAA,UAAU,IAAM,CACZ,MAAMC,EAAM,OAAO,WAAW,8BAA8B,EACtDC,EAAWC,GAA2BL,EAAeK,EAAE,QAAU,OAAS,OAAO,EACvF,OAAAF,EAAI,iBAAiB,SAAUC,CAAO,EAC/B,IAAMD,EAAI,oBAAoB,SAAUC,CAAO,CAC1D,EAAG,CAAA,CAAE,EAEL,MAAME,EAAgBC,EAAAA,aAAaT,EAAaC,CAAW,EAIrDS,EAAYC,GAAoB,CAC9BrB,IAAoB,QACpBQ,EAAiBa,CAAI,EAEzBnB,IAAgBmB,CAAI,CACxB,EAIMC,EAAcC,EAAAA,QAA6B,IACxCpB,EACE,OAAO,YACV,OAAO,QAAQA,CAAM,EAAE,IAAI,CAAC,CAACqB,EAAKC,CAAK,IAAM,CAAC,WAAWD,CAAG,GAAIC,CAAK,CAAC,CAAA,EAFpD,CAAA,EAIvB,CAACtB,CAAM,CAAC,EAIX,OACIuB,MAACC,EAAAA,aAAa,SAAb,CAAsB,MAAO,CAAE,MAAOjB,EAAa,cAAAQ,EAAe,SAAAE,CAAA,EAC/D,SAAAM,EAAAA,IAAC,MAAA,CACG,aAAYR,EACZ,MAAO,CAAE,GAAGI,EAAa,GAAGlB,CAAA,EAC3B,GAAGE,EAEJ,SAAAoB,EAAAA,IAACE,GACI,SAAAvB,CAAA,CACL,CAAA,CAAA,EAER,CAER,EAEAN,EAAc,YAAc"}

package/dist/components/theme-provider/ThemeProvider.context.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o={theme:"system",resolvedTheme:"light",setTheme:()=>{}},t=e.createContext(o),s=()=>e.useContext(t);exports.ThemeContext=t;exports.useTheme=s;
+//# sourceMappingURL=ThemeProvider.context.cjs.map

package/dist/components/theme-provider/ThemeProvider.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.context.cjs","sources":["../../../src/components/theme-provider/ThemeProvider.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\r\nimport type { ThemeMode } from '@components/theme-provider/types/ThemeProvider.props.ts'\r\n\r\nexport interface ThemeContextValue {\r\n    /** Currently active mode. `'system'` means \"follow the OS preference\". */\r\n    theme: ThemeMode\r\n\r\n    /**\r\n     * The concrete resolved mode — always `'light'` or `'dark'`, never\r\n     * `'system'`.  Useful for conditional rendering that depends on the actual\r\n     * visual state (e.g. swapping an icon).\r\n     */\r\n    resolvedTheme: 'light' | 'dark'\r\n\r\n    /**\r\n     * Change the active mode.\r\n     * - In **uncontrolled** mode this updates internal state.\r\n     * - In **controlled** mode (`theme` prop is provided) it only fires\r\n     *   `onThemeChange`; the parent is responsible for updating `theme`.\r\n     */\r\n    setTheme: (theme: ThemeMode) => void\r\n}\r\n\r\n/**\r\n * Default context value used when `useTheme` is called outside a\r\n * `ThemeProvider`.  Falls back to `'system'` / `'light'` so the hook is\r\n * always safe to call.\r\n */\r\nconst defaultContext: ThemeContextValue = {\r\n    theme: 'system',\r\n    resolvedTheme: 'light',\r\n    setTheme: () => undefined,\r\n}\r\n\r\nexport const ThemeContext = createContext<ThemeContextValue>(defaultContext)\r\n\r\n/**\r\n * Returns the nearest `ThemeProvider` context.\r\n *\r\n * Safe to call outside a provider — returns `{ theme: 'system', resolvedTheme:\r\n * 'light', setTheme: noop }` as a fallback.\r\n *\r\n * @example\r\n * const { resolvedTheme, setTheme } = useTheme()\r\n */\r\nexport const useTheme = (): ThemeContextValue => useContext(ThemeContext)\r\n"],"names":["defaultContext","ThemeContext","createContext","useTheme","useContext"],"mappings":"yGA4BMA,EAAoC,CACtC,MAAO,SACP,cAAe,QACf,SAAU,IAAA,EACd,EAEaC,EAAeC,EAAAA,cAAiCF,CAAc,EAW9DG,EAAW,IAAyBC,EAAAA,WAAWH,CAAY"}

package/dist/components/theme-provider/ThemeProvider.context.d.ts

@@ -0,0 +1,30 @@
+import { ThemeMode } from './types/ThemeProvider.props.ts';
+import { Context } from 'react';
+export interface ThemeContextValue {
+    /** Currently active mode. `'system'` means "follow the OS preference". */
+    theme: ThemeMode;
+    /**
+     * The concrete resolved mode — always `'light'` or `'dark'`, never
+     * `'system'`.  Useful for conditional rendering that depends on the actual
+     * visual state (e.g. swapping an icon).
+     */
+    resolvedTheme: 'light' | 'dark';
+    /**
+     * Change the active mode.
+     * - In **uncontrolled** mode this updates internal state.
+     * - In **controlled** mode (`theme` prop is provided) it only fires
+     *   `onThemeChange`; the parent is responsible for updating `theme`.
+     */
+    setTheme: (theme: ThemeMode) => void;
+}
+export declare const ThemeContext: Context<ThemeContextValue>;
+/**
+ * Returns the nearest `ThemeProvider` context.
+ *
+ * Safe to call outside a provider — returns `{ theme: 'system', resolvedTheme:
+ * 'light', setTheme: noop }` as a fallback.
+ *
+ * @example
+ * const { resolvedTheme, setTheme } = useTheme()
+ */
+export declare const useTheme: () => ThemeContextValue;

package/dist/components/theme-provider/ThemeProvider.context.js

@@ -0,0 +1,12 @@
+import { createContext as e, useContext as t } from "react";
+const o = {
+  theme: "system",
+  resolvedTheme: "light",
+  setTheme: () => {
+  }
+}, s = e(o), n = () => t(s);
+export {
+  s as ThemeContext,
+  n as useTheme
+};
+//# sourceMappingURL=ThemeProvider.context.js.map

package/dist/components/theme-provider/ThemeProvider.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.context.js","sources":["../../../src/components/theme-provider/ThemeProvider.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\r\nimport type { ThemeMode } from '@components/theme-provider/types/ThemeProvider.props.ts'\r\n\r\nexport interface ThemeContextValue {\r\n    /** Currently active mode. `'system'` means \"follow the OS preference\". */\r\n    theme: ThemeMode\r\n\r\n    /**\r\n     * The concrete resolved mode — always `'light'` or `'dark'`, never\r\n     * `'system'`.  Useful for conditional rendering that depends on the actual\r\n     * visual state (e.g. swapping an icon).\r\n     */\r\n    resolvedTheme: 'light' | 'dark'\r\n\r\n    /**\r\n     * Change the active mode.\r\n     * - In **uncontrolled** mode this updates internal state.\r\n     * - In **controlled** mode (`theme` prop is provided) it only fires\r\n     *   `onThemeChange`; the parent is responsible for updating `theme`.\r\n     */\r\n    setTheme: (theme: ThemeMode) => void\r\n}\r\n\r\n/**\r\n * Default context value used when `useTheme` is called outside a\r\n * `ThemeProvider`.  Falls back to `'system'` / `'light'` so the hook is\r\n * always safe to call.\r\n */\r\nconst defaultContext: ThemeContextValue = {\r\n    theme: 'system',\r\n    resolvedTheme: 'light',\r\n    setTheme: () => undefined,\r\n}\r\n\r\nexport const ThemeContext = createContext<ThemeContextValue>(defaultContext)\r\n\r\n/**\r\n * Returns the nearest `ThemeProvider` context.\r\n *\r\n * Safe to call outside a provider — returns `{ theme: 'system', resolvedTheme:\r\n * 'light', setTheme: noop }` as a fallback.\r\n *\r\n * @example\r\n * const { resolvedTheme, setTheme } = useTheme()\r\n */\r\nexport const useTheme = (): ThemeContextValue => useContext(ThemeContext)\r\n"],"names":["defaultContext","ThemeContext","createContext","useTheme","useContext"],"mappings":";AA4BA,MAAMA,IAAoC;AAAA,EACtC,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU,MAAA;AAAA;AACd,GAEaC,IAAeC,EAAiCF,CAAc,GAW9DG,IAAW,MAAyBC,EAAWH,CAAY;"}

package/dist/components/theme-provider/ThemeProvider.d.ts

@@ -0,0 +1,36 @@
+import { FC } from 'react';
+import { ThemeProviderProps } from './types/ThemeProvider.props.ts';
+/**
+ * `ThemeProvider` wraps a subtree and manages the active color-scheme.
+ *
+ * ### What it does
+ * - Sets `data-theme="light"` or `data-theme="dark"` on its wrapper `<div>` so
+ *   the kit's CSS-variable scoping works out of the box.
+ * - In `'system'` mode it follows `prefers-color-scheme` and reactively updates
+ *   when the OS preference changes.
+ * - Accepts a `tokens` map to inject runtime CSS-variable overrides directly
+ *   on the wrapper element — no `.css.ts` file required.
+ * - Exposes `{ theme, resolvedTheme, setTheme }` via React context so any child
+ *   can read or change the active mode with the `useTheme` hook.
+ *
+ * ### Controlled vs uncontrolled
+ * - **Uncontrolled** (default): omit the `theme` prop.  The component manages
+ *   its own state; use `defaultTheme` to set the initial value.
+ * - **Controlled**: pass `theme` and handle `onThemeChange` in the parent.
+ *
+ * ### Placing in your app
+ * Wrap your whole application to enable global theming:
+ * ```tsx
+ * <ThemeProvider defaultTheme="system">
+ *   <App />
+ * </ThemeProvider>
+ * ```
+ * Or scope it to a single subtree:
+ * ```tsx
+ * <ThemeProvider theme="dark" tokens={{ primary: 'oklch(0.70 0.16 185)' }}>
+ *   <DarkWidget />
+ * </ThemeProvider>
+ * ```
+ */
+declare const ThemeProvider: FC<ThemeProviderProps>;
+export default ThemeProvider;

package/dist/components/theme-provider/ThemeProvider.js

@@ -0,0 +1,43 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useState as n, useEffect as E, useMemo as P } from "react";
+import "../overlay/tooltip/Tooltip.js";
+import S from "../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
+/* empty css                                      */
+/* empty css                                                   */
+import { ThemeContext as j } from "./ThemeProvider.context.js";
+import { getSystemTheme as b } from "./utils/getSystemTheme.utils.js";
+import { resolveTheme as w } from "./utils/resolveTheme.utils.js";
+const x = ({
+  theme: o,
+  defaultTheme: h = "system",
+  onThemeChange: a,
+  tokens: r,
+  style: c,
+  children: d,
+  ...l
+}) => {
+  const [p, f] = n(h), s = o ?? p, [v, T] = n(b);
+  E(() => {
+    const e = window.matchMedia("(prefers-color-scheme: dark)"), t = (g) => T(g.matches ? "dark" : "light");
+    return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+  }, []);
+  const i = w(s, v), u = (e) => {
+    o === void 0 && f(e), a?.(e);
+  }, y = P(() => r ? Object.fromEntries(
+    Object.entries(r).map(([e, t]) => [`--color-${e}`, t])
+  ) : {}, [r]);
+  return /* @__PURE__ */ m(j.Provider, { value: { theme: s, resolvedTheme: i, setTheme: u }, children: /* @__PURE__ */ m(
+    "div",
+    {
+      "data-theme": i,
+      style: { ...y, ...c },
+      ...l,
+      children: /* @__PURE__ */ m(S, { children: d })
+    }
+  ) });
+};
+x.displayName = "ThemeProvider";
+export {
+  x as default
+};
+//# sourceMappingURL=ThemeProvider.js.map