@choco-vanille/ui 1.17.1 → 1.18.0

package/dist/components/overlay/alert-dialog/AlertDialog.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { memo as m } from "react";
 import { Dialog as r } from "../dialog/Dialog.js";
-import '../../../ui-kit89.css';import '../../../ui-kit46.css';import '../../../ui-kit43.css';import '../../../ui-kit.css';import '../../../ui-kit14.css';import '../../../ui-kit5.css';import '../../../ui-kit7.css';import '../../../ui-kit6.css';import '../../../ui-kit8.css';import '../../../ui-kit9.css';import '../../../ui-kit13.css';import '../../../ui-kit11.css';import '../../../ui-kit10.css';import '../../../ui-kit12.css';import '../../../ui-kit4.css';import '../../../ui-kit3.css';/* empty css                                                           */
+import '../../../ui-kit99.css';import '../../../ui-kit66.css';import '../../../ui-kit65.css';import '../../../ui-kit.css';import '../../../ui-kit8.css';import '../../../ui-kit14.css';import '../../../ui-kit3.css';import '../../../ui-kit10.css';import '../../../ui-kit9.css';import '../../../ui-kit12.css';import '../../../ui-kit11.css';import '../../../ui-kit13.css';import '../../../ui-kit7.css';import '../../../ui-kit5.css';import '../../../ui-kit6.css';import '../../../ui-kit4.css';/* empty css                                                           */
 /* empty css                                                            */
 /* empty css                                                                    */
 /* empty css                                                                 */

package/dist/components/overlay/alert-dialog/styles/AlertDialog.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit46.css');require('../../../../ui-kit43.css');require('../../../../ui-kit.css');require('../../../../ui-kit14.css');require('../../../../ui-kit5.css');require('../../../../ui-kit7.css');require('../../../../ui-kit6.css');require('../../../../ui-kit8.css');require('../../../../ui-kit9.css');require('../../../../ui-kit13.css');require('../../../../ui-kit11.css');require('../../../../ui-kit10.css');require('../../../../ui-kit12.css');require('../../../../ui-kit4.css');require('../../../../ui-kit3.css');;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                                              */;/* empty css                                                        */;/* empty css                                              */var e={overlay:"_1toz4gl0",content:"_1bzhpwp0",contentSize:{sm:"_1bzhpwp1",md:"_1bzhpwp2",lg:"_1bzhpwp3",xl:"_1bzhpwp4","2xl":"_1bzhpwp5",full:"_1bzhpwp6"}};exports.ALERT_DIALOG_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit66.css');require('../../../../ui-kit65.css');require('../../../../ui-kit.css');require('../../../../ui-kit8.css');require('../../../../ui-kit14.css');require('../../../../ui-kit3.css');require('../../../../ui-kit10.css');require('../../../../ui-kit9.css');require('../../../../ui-kit12.css');require('../../../../ui-kit11.css');require('../../../../ui-kit13.css');require('../../../../ui-kit7.css');require('../../../../ui-kit5.css');require('../../../../ui-kit6.css');require('../../../../ui-kit4.css');;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                                              */;/* empty css                                                        */;/* empty css                                              */var e={overlay:"_1toz4gl0",content:"_1bzhpwp0",contentSize:{sm:"_1bzhpwp1",md:"_1bzhpwp2",lg:"_1bzhpwp3",xl:"_1bzhpwp4","2xl":"_1bzhpwp5",full:"_1bzhpwp6"}};exports.ALERT_DIALOG_STYLES=e;
 //# sourceMappingURL=AlertDialog.css.cjs.map

package/dist/components/overlay/alert-dialog/styles/AlertDialog.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit46.css';import '../../../../ui-kit43.css';import '../../../../ui-kit.css';import '../../../../ui-kit14.css';import '../../../../ui-kit5.css';import '../../../../ui-kit7.css';import '../../../../ui-kit6.css';import '../../../../ui-kit8.css';import '../../../../ui-kit9.css';import '../../../../ui-kit13.css';import '../../../../ui-kit11.css';import '../../../../ui-kit10.css';import '../../../../ui-kit12.css';import '../../../../ui-kit4.css';import '../../../../ui-kit3.css';/* empty css                                                              */
+import '../../../../ui-kit66.css';import '../../../../ui-kit65.css';import '../../../../ui-kit.css';import '../../../../ui-kit8.css';import '../../../../ui-kit14.css';import '../../../../ui-kit3.css';import '../../../../ui-kit10.css';import '../../../../ui-kit9.css';import '../../../../ui-kit12.css';import '../../../../ui-kit11.css';import '../../../../ui-kit13.css';import '../../../../ui-kit7.css';import '../../../../ui-kit5.css';import '../../../../ui-kit6.css';import '../../../../ui-kit4.css';/* empty css                                                              */
 /* empty css                                                               */
 /* empty css                                                                       */
 /* empty css                                                                    */

package/dist/components/overlay/bottom-sheet/BottomSheet.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("@base-ui/react/drawer"),i=require("react"),n=require("./components/bottom-sheet-close/BottomSheetClose.cjs"),m=require("./components/bottom-sheet-content/BottomSheetContent.cjs"),s=require("./components/bottom-sheet-header/BottomSheetHeader.cjs"),a=require("./components/bottom-sheet-item/BottomSheetItem.cjs"),u=require("./components/bottom-sheet-radio-group/BottomSheetRadioGroup.cjs"),c=require("./components/bottom-sheet-radio-item/BottomSheetRadioItem.cjs"),S=require("./components/bottom-sheet-separator/BottomSheetSeparator.cjs"),d=require("./components/bottom-sheet-trigger/BottomSheetTrigger.cjs"),e=i.memo(t=>o.jsx(r.Drawer.Root,{...t,swipeDirection:"down"}));e.displayName="BottomSheet";e.Trigger=d;e.Content=m;e.Header=s;e.Item=a;e.RadioGroup=u;e.RadioItem=c;e.Separator=S;e.Close=n;exports.BottomSheet=e;
+//# sourceMappingURL=BottomSheet.cjs.map

package/dist/components/overlay/bottom-sheet/BottomSheet.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.cjs","sources":["../../../../src/components/overlay/bottom-sheet/BottomSheet.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer'\nimport { memo } from 'react'\n\nimport BottomSheetClose from '@components/overlay/bottom-sheet/components/bottom-sheet-close/BottomSheetClose.tsx'\nimport BottomSheetContent from '@components/overlay/bottom-sheet/components/bottom-sheet-content/BottomSheetContent.tsx'\nimport BottomSheetHeader from '@components/overlay/bottom-sheet/components/bottom-sheet-header/BottomSheetHeader.tsx'\nimport BottomSheetItem from '@components/overlay/bottom-sheet/components/bottom-sheet-item/BottomSheetItem.tsx'\nimport BottomSheetRadioGroup from '@components/overlay/bottom-sheet/components/bottom-sheet-radio-group/BottomSheetRadioGroup.tsx'\nimport BottomSheetRadioItem from '@components/overlay/bottom-sheet/components/bottom-sheet-radio-item/BottomSheetRadioItem.tsx'\nimport BottomSheetSeparator from '@components/overlay/bottom-sheet/components/bottom-sheet-separator/BottomSheetSeparator.tsx'\nimport BottomSheetTrigger from '@components/overlay/bottom-sheet/components/bottom-sheet-trigger/BottomSheetTrigger.tsx'\nimport type { BottomSheetCompound } from '@components/overlay/bottom-sheet/types'\nimport type { BottomSheetProps } from '@components/overlay/bottom-sheet/types/BottomSheet.props.ts'\n\n/**\n * A modal sheet that slides up from the bottom of the screen — the mobile\n * counterpart of `DropdownMenu` for actions and single-choice pickers.\n * Built on Base UI Drawer: it supports swipe-to-dismiss, traps focus and\n * closes on `Escape` or a backdrop tap.\n *\n * @example\n * ```tsx\n * <BottomSheet>\n *   <BottomSheet.Trigger>\n *     <Button label=\"More actions\" />\n *   </BottomSheet.Trigger>\n *   <BottomSheet.Content>\n *     <BottomSheet.Item label=\"Share\" startIcon={ShareIcon} onClick={share} />\n *     <BottomSheet.Item label=\"Download\" startIcon={DownloadIcon} onClick={download} />\n *     <BottomSheet.Separator />\n *     <BottomSheet.Item label=\"Delete\" startIcon={TrashIcon} destructive onClick={remove} />\n *   </BottomSheet.Content>\n * </BottomSheet>\n * ```\n */\nconst BottomSheet = memo<BottomSheetProps>((props) => (\n    <BaseDrawer.Root\n        {...props}\n        swipeDirection={'down'}\n    />\n)) as unknown as BottomSheetCompound\n\nBottomSheet.displayName = 'BottomSheet'\nBottomSheet.Trigger = BottomSheetTrigger\nBottomSheet.Content = BottomSheetContent\nBottomSheet.Header = BottomSheetHeader\nBottomSheet.Item = BottomSheetItem\nBottomSheet.RadioGroup = BottomSheetRadioGroup\nBottomSheet.RadioItem = BottomSheetRadioItem\nBottomSheet.Separator = BottomSheetSeparator\nBottomSheet.Close = BottomSheetClose\n\nexport { BottomSheet }\n"],"names":["BottomSheet","memo","props","jsx","BaseDrawer","BottomSheetTrigger","BottomSheetContent","BottomSheetHeader","BottomSheetItem","BottomSheetRadioGroup","BottomSheetRadioItem","BottomSheetSeparator","BottomSheetClose"],"mappings":"+tBAmCMA,EAAcC,EAAAA,KAAwBC,GACxCC,EAAAA,IAACC,EAAAA,OAAW,KAAX,CACI,GAAGF,EACJ,eAAgB,MAAA,CACpB,CACH,EAEDF,EAAY,YAAc,cAC1BA,EAAY,QAAUK,EACtBL,EAAY,QAAUM,EACtBN,EAAY,OAASO,EACrBP,EAAY,KAAOQ,EACnBR,EAAY,WAAaS,EACzBT,EAAY,UAAYU,EACxBV,EAAY,UAAYW,EACxBX,EAAY,MAAQY"}

package/dist/components/overlay/bottom-sheet/BottomSheet.d.ts

@@ -0,0 +1,24 @@
+import { BottomSheetCompound } from './types';
+/**
+ * A modal sheet that slides up from the bottom of the screen — the mobile
+ * counterpart of `DropdownMenu` for actions and single-choice pickers.
+ * Built on Base UI Drawer: it supports swipe-to-dismiss, traps focus and
+ * closes on `Escape` or a backdrop tap.
+ *
+ * @example
+ * ```tsx
+ * <BottomSheet>
+ *   <BottomSheet.Trigger>
+ *     <Button label="More actions" />
+ *   </BottomSheet.Trigger>
+ *   <BottomSheet.Content>
+ *     <BottomSheet.Item label="Share" startIcon={ShareIcon} onClick={share} />
+ *     <BottomSheet.Item label="Download" startIcon={DownloadIcon} onClick={download} />
+ *     <BottomSheet.Separator />
+ *     <BottomSheet.Item label="Delete" startIcon={TrashIcon} destructive onClick={remove} />
+ *   </BottomSheet.Content>
+ * </BottomSheet>
+ * ```
+ */
+declare const BottomSheet: BottomSheetCompound;
+export { BottomSheet };

package/dist/components/overlay/bottom-sheet/BottomSheet.js

@@ -0,0 +1,31 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Drawer as m } from "@base-ui/react/drawer";
+import { memo as r } from "react";
+import i from "./components/bottom-sheet-close/BottomSheetClose.js";
+import p from "./components/bottom-sheet-content/BottomSheetContent.js";
+import a from "./components/bottom-sheet-header/BottomSheetHeader.js";
+import S from "./components/bottom-sheet-item/BottomSheetItem.js";
+import f from "./components/bottom-sheet-radio-group/BottomSheetRadioGroup.js";
+import h from "./components/bottom-sheet-radio-item/BottomSheetRadioItem.js";
+import B from "./components/bottom-sheet-separator/BottomSheetSeparator.js";
+import d from "./components/bottom-sheet-trigger/BottomSheetTrigger.js";
+const o = r((t) => /* @__PURE__ */ e(
+  m.Root,
+  {
+    ...t,
+    swipeDirection: "down"
+  }
+));
+o.displayName = "BottomSheet";
+o.Trigger = d;
+o.Content = p;
+o.Header = a;
+o.Item = S;
+o.RadioGroup = f;
+o.RadioItem = h;
+o.Separator = B;
+o.Close = i;
+export {
+  o as BottomSheet
+};
+//# sourceMappingURL=BottomSheet.js.map

package/dist/components/overlay/bottom-sheet/BottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.js","sources":["../../../../src/components/overlay/bottom-sheet/BottomSheet.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer'\nimport { memo } from 'react'\n\nimport BottomSheetClose from '@components/overlay/bottom-sheet/components/bottom-sheet-close/BottomSheetClose.tsx'\nimport BottomSheetContent from '@components/overlay/bottom-sheet/components/bottom-sheet-content/BottomSheetContent.tsx'\nimport BottomSheetHeader from '@components/overlay/bottom-sheet/components/bottom-sheet-header/BottomSheetHeader.tsx'\nimport BottomSheetItem from '@components/overlay/bottom-sheet/components/bottom-sheet-item/BottomSheetItem.tsx'\nimport BottomSheetRadioGroup from '@components/overlay/bottom-sheet/components/bottom-sheet-radio-group/BottomSheetRadioGroup.tsx'\nimport BottomSheetRadioItem from '@components/overlay/bottom-sheet/components/bottom-sheet-radio-item/BottomSheetRadioItem.tsx'\nimport BottomSheetSeparator from '@components/overlay/bottom-sheet/components/bottom-sheet-separator/BottomSheetSeparator.tsx'\nimport BottomSheetTrigger from '@components/overlay/bottom-sheet/components/bottom-sheet-trigger/BottomSheetTrigger.tsx'\nimport type { BottomSheetCompound } from '@components/overlay/bottom-sheet/types'\nimport type { BottomSheetProps } from '@components/overlay/bottom-sheet/types/BottomSheet.props.ts'\n\n/**\n * A modal sheet that slides up from the bottom of the screen — the mobile\n * counterpart of `DropdownMenu` for actions and single-choice pickers.\n * Built on Base UI Drawer: it supports swipe-to-dismiss, traps focus and\n * closes on `Escape` or a backdrop tap.\n *\n * @example\n * ```tsx\n * <BottomSheet>\n *   <BottomSheet.Trigger>\n *     <Button label=\"More actions\" />\n *   </BottomSheet.Trigger>\n *   <BottomSheet.Content>\n *     <BottomSheet.Item label=\"Share\" startIcon={ShareIcon} onClick={share} />\n *     <BottomSheet.Item label=\"Download\" startIcon={DownloadIcon} onClick={download} />\n *     <BottomSheet.Separator />\n *     <BottomSheet.Item label=\"Delete\" startIcon={TrashIcon} destructive onClick={remove} />\n *   </BottomSheet.Content>\n * </BottomSheet>\n * ```\n */\nconst BottomSheet = memo<BottomSheetProps>((props) => (\n    <BaseDrawer.Root\n        {...props}\n        swipeDirection={'down'}\n    />\n)) as unknown as BottomSheetCompound\n\nBottomSheet.displayName = 'BottomSheet'\nBottomSheet.Trigger = BottomSheetTrigger\nBottomSheet.Content = BottomSheetContent\nBottomSheet.Header = BottomSheetHeader\nBottomSheet.Item = BottomSheetItem\nBottomSheet.RadioGroup = BottomSheetRadioGroup\nBottomSheet.RadioItem = BottomSheetRadioItem\nBottomSheet.Separator = BottomSheetSeparator\nBottomSheet.Close = BottomSheetClose\n\nexport { BottomSheet }\n"],"names":["BottomSheet","memo","props","jsx","BaseDrawer","BottomSheetTrigger","BottomSheetContent","BottomSheetHeader","BottomSheetItem","BottomSheetRadioGroup","BottomSheetRadioItem","BottomSheetSeparator","BottomSheetClose"],"mappings":";;;;;;;;;;;AAmCA,MAAMA,IAAcC,EAAuB,CAACC,MACxC,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACI,GAAGF;AAAA,IACJ,gBAAgB;AAAA,EAAA;AACpB,CACH;AAEDF,EAAY,cAAc;AAC1BA,EAAY,UAAUK;AACtBL,EAAY,UAAUM;AACtBN,EAAY,SAASO;AACrBP,EAAY,OAAOQ;AACnBR,EAAY,aAAaS;AACzBT,EAAY,YAAYU;AACxBV,EAAY,YAAYW;AACxBX,EAAY,QAAQY;"}

package/dist/components/overlay/bottom-sheet/components/_shared/styles/BottomSheetItem.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit97.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                     */var e={root:"_11nfh4s0",destructive:"_11nfh4s1",label:"_11nfh4s2",icon:"_11nfh4s3"};exports.BOTTOM_SHEET_ITEM_STYLES=e;
+//# sourceMappingURL=BottomSheetItem.css.cjs.map

package/dist/components/overlay/bottom-sheet/components/_shared/styles/BottomSheetItem.css.cjs.map

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

package/dist/components/overlay/bottom-sheet/components/_shared/styles/BottomSheetItem.css.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Base style shared by the touch-friendly rows of a bottom sheet:
+ * `BottomSheet.Item` and `BottomSheet.RadioItem`.
+ */
+export declare const BOTTOM_SHEET_ITEM_STYLES: {
+    root: string;
+    /** Modifier applied to destructive actions (e.g. "Log out", "Delete"). */
+    destructive: string;
+    label: string;
+    /** Wrapper for leading / trailing icons; inherits the row color. */
+    icon: string;
+};

package/dist/components/overlay/bottom-sheet/components/_shared/styles/BottomSheetItem.css.js

@@ -0,0 +1,7 @@
+import '../../../../../../ui-kit97.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                                   */
+var r = { root: "_11nfh4s0", destructive: "_11nfh4s1", label: "_11nfh4s2", icon: "_11nfh4s3" };
+export {
+  r as BOTTOM_SHEET_ITEM_STYLES
+};
+//# sourceMappingURL=BottomSheetItem.css.js.map

package/dist/components/overlay/bottom-sheet/components/_shared/styles/BottomSheetItem.css.js.map

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

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-close/BottomSheetClose.cjs

@@ -0,0 +1,2 @@
+"use strict";const S=require("react/jsx-runtime"),i=require("@base-ui/react/drawer"),u=require("react"),o=require("./styles/BottomSheetClose.css.cjs"),t=require("../../../../../utils/cn.cjs"),r=u.memo(({children:s,className:e,...n})=>S.jsx(i.Drawer.Close,{...n,className:typeof e=="function"?c=>t.cn(o.BOTTOM_SHEET_CLOSE_STYLES.root,e(c)):t.cn(o.BOTTOM_SHEET_CLOSE_STYLES.root,e),render:s}));r.displayName="BottomSheet.Close";module.exports=r;
+//# sourceMappingURL=BottomSheetClose.cjs.map

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-close/BottomSheetClose.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetClose.cjs","sources":["../../../../../../src/components/overlay/bottom-sheet/components/bottom-sheet-close/BottomSheetClose.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer'\nimport { memo, type FC } from 'react'\n\nimport { BOTTOM_SHEET_CLOSE_STYLES } from '@components/overlay/bottom-sheet/components/bottom-sheet-close/styles/BottomSheetClose.css.ts'\nimport type { BottomSheetCloseProps } from '@components/overlay/bottom-sheet/components/bottom-sheet-close/types/BottomSheetClose.props.ts'\nimport { cn } from '@utils/cn.ts'\n\n/**\n * Closes the bottom sheet when clicked.\n * Pass your own element as `children` (e.g. `<Button />`) to use it as the close button.\n */\nconst BottomSheetClose: FC<BottomSheetCloseProps> = memo(({ children, className, ...props }) => (\n    <BaseDrawer.Close\n        {...props}\n        className={typeof className === 'function'\n            ? state => cn(BOTTOM_SHEET_CLOSE_STYLES.root, className(state))\n            : cn(BOTTOM_SHEET_CLOSE_STYLES.root, className)}\n        render={children}\n    />\n))\n\nBottomSheetClose.displayName = 'BottomSheet.Close'\n\nexport default BottomSheetClose\n"],"names":["BottomSheetClose","memo","children","className","props","jsx","BaseDrawer","cn","BOTTOM_SHEET_CLOSE_STYLES","state"],"mappings":"gMAWMA,EAA8CC,EAAAA,KAAK,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,KAChFC,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACI,GAAGF,EACJ,UAAW,OAAOD,GAAc,cACjBI,EAAAA,GAAGC,EAAAA,0BAA0B,KAAML,EAAUM,CAAK,CAAC,EAC5DF,EAAAA,GAAGC,EAAAA,0BAA0B,KAAML,CAAS,EAClD,OAAQD,CAAA,CACZ,CACH,EAEDF,EAAiB,YAAc"}

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-close/BottomSheetClose.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { BottomSheetCloseProps } from './types/BottomSheetClose.props.ts';
+/**
+ * Closes the bottom sheet when clicked.
+ * Pass your own element as `children` (e.g. `<Button />`) to use it as the close button.
+ */
+declare const BottomSheetClose: FC<BottomSheetCloseProps>;
+export default BottomSheetClose;

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-close/BottomSheetClose.js

@@ -0,0 +1,18 @@
+import { jsx as p } from "react/jsx-runtime";
+import { Drawer as i } from "@base-ui/react/drawer";
+import { memo as S } from "react";
+import { BOTTOM_SHEET_CLOSE_STYLES as t } from "./styles/BottomSheetClose.css.js";
+import { cn as r } from "../../../../../utils/cn.js";
+const n = S(({ children: e, className: o, ...m }) => /* @__PURE__ */ p(
+  i.Close,
+  {
+    ...m,
+    className: typeof o == "function" ? (f) => r(t.root, o(f)) : r(t.root, o),
+    render: e
+  }
+));
+n.displayName = "BottomSheet.Close";
+export {
+  n as default
+};
+//# sourceMappingURL=BottomSheetClose.js.map

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-close/BottomSheetClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetClose.js","sources":["../../../../../../src/components/overlay/bottom-sheet/components/bottom-sheet-close/BottomSheetClose.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer'\nimport { memo, type FC } from 'react'\n\nimport { BOTTOM_SHEET_CLOSE_STYLES } from '@components/overlay/bottom-sheet/components/bottom-sheet-close/styles/BottomSheetClose.css.ts'\nimport type { BottomSheetCloseProps } from '@components/overlay/bottom-sheet/components/bottom-sheet-close/types/BottomSheetClose.props.ts'\nimport { cn } from '@utils/cn.ts'\n\n/**\n * Closes the bottom sheet when clicked.\n * Pass your own element as `children` (e.g. `<Button />`) to use it as the close button.\n */\nconst BottomSheetClose: FC<BottomSheetCloseProps> = memo(({ children, className, ...props }) => (\n    <BaseDrawer.Close\n        {...props}\n        className={typeof className === 'function'\n            ? state => cn(BOTTOM_SHEET_CLOSE_STYLES.root, className(state))\n            : cn(BOTTOM_SHEET_CLOSE_STYLES.root, className)}\n        render={children}\n    />\n))\n\nBottomSheetClose.displayName = 'BottomSheet.Close'\n\nexport default BottomSheetClose\n"],"names":["BottomSheetClose","memo","children","className","props","jsx","BaseDrawer","cn","BOTTOM_SHEET_CLOSE_STYLES","state"],"mappings":";;;;;AAWA,MAAMA,IAA8CC,EAAK,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,QAChF,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACI,GAAGF;AAAA,IACJ,WAAW,OAAOD,KAAc,aAC1B,OAASI,EAAGC,EAA0B,MAAML,EAAUM,CAAK,CAAC,IAC5DF,EAAGC,EAA0B,MAAML,CAAS;AAAA,IAClD,QAAQD;AAAA,EAAA;AACZ,CACH;AAEDF,EAAiB,cAAc;"}

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-close/styles/BottomSheetClose.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit130.css');require('../../../../../../ui-kit75.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                               */;/* empty css                                      */var e={root:"n7lno50"};exports.BOTTOM_SHEET_CLOSE_STYLES=e;
+//# sourceMappingURL=BottomSheetClose.css.cjs.map

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-close/styles/BottomSheetClose.css.cjs.map

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

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-close/styles/BottomSheetClose.css.d.ts

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

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-close/styles/BottomSheetClose.css.js

@@ -0,0 +1,8 @@
+import '../../../../../../ui-kit130.css';import '../../../../../../ui-kit75.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                                             */
+/* empty css                                    */
+var p = { root: "n7lno50" };
+export {
+  p as BOTTOM_SHEET_CLOSE_STYLES
+};
+//# sourceMappingURL=BottomSheetClose.css.js.map

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-close/styles/BottomSheetClose.css.js.map

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

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-close/types/BottomSheetClose.props.d.ts

@@ -0,0 +1,12 @@
+import { Drawer } from '@base-ui/react/drawer';
+import { ReactElement } from 'react';
+/**
+ * Props for `BottomSheet.Close`.
+ *
+ * Pass your own element as `children` (e.g. `<Button />`); it is forwarded to
+ * Base UI's `render` prop internally.
+ */
+export type BottomSheetCloseProps = Omit<Drawer.Close.Props, 'render' | 'children'> & {
+    /** The element that closes the bottom sheet — forwarded to Base UI's `render` prop. */
+    children: ReactElement;
+};

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-content/BottomSheetContent.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("@base-ui/react/drawer"),m=require("react"),t=require("../../styles/BottomSheet.css.cjs"),d=require("../../../../../utils/cn.cjs"),a=m.memo(({className:o,showHandle:c=!0,"aria-label":n,"aria-labelledby":s,defaultAriaLabel:l="Bottom sheet",children:i,...T})=>{const S=n??(s?void 0:l),E=s?{"aria-labelledby":s}:{};return e.jsxs(r.Drawer.Portal,{children:[e.jsx(r.Drawer.Backdrop,{className:t.BOTTOM_SHEET_STYLES.backdrop}),e.jsx(r.Drawer.Viewport,{className:t.BOTTOM_SHEET_STYLES.viewport,children:e.jsxs(r.Drawer.Popup,{className:d.cn(t.BOTTOM_SHEET_STYLES.popup,o),"aria-label":S,...E,...T,children:[c&&e.jsx("div",{"aria-hidden":!0,className:t.BOTTOM_SHEET_STYLES.handle}),e.jsx(r.Drawer.Content,{className:t.BOTTOM_SHEET_STYLES.content,children:i})]})})]})});a.displayName="BottomSheet.Content";module.exports=a;
+//# sourceMappingURL=BottomSheetContent.cjs.map

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-content/BottomSheetContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetContent.cjs","sources":["../../../../../../src/components/overlay/bottom-sheet/components/bottom-sheet-content/BottomSheetContent.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer'\nimport { memo, type FC } from 'react'\n\nimport { BOTTOM_SHEET_STYLES } from '@components/overlay/bottom-sheet/styles/BottomSheet.css.ts'\nimport type { BottomSheetContentProps } from '@components/overlay/bottom-sheet/components/bottom-sheet-content/types/BottomSheetContent.props.ts'\nimport { cn } from '@utils/cn.ts'\n\n/**\n * The sheet panel rendered inside a portal, anchored to the bottom of the\n * viewport. Includes the backdrop, the drag handle and a scrollable content\n * area. The sheet can be dismissed by swiping down, pressing `Escape` or\n * tapping the backdrop.\n */\nconst BottomSheetContent: FC<BottomSheetContentProps> = memo(({\n    className,\n    showHandle = true,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    defaultAriaLabel = 'Bottom sheet',\n    children,\n    ...props\n}) => {\n    // A role=\"dialog\" element must have an accessible name. Base UI wires\n    // `aria-labelledby` to the `BottomSheet.Header` title, which takes\n    // precedence over the `aria-label` fallback. The key is only forwarded when\n    // set so it never clears Base UI's own value.\n    const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\n    const labelledByProps = ariaLabelledBy ? { 'aria-labelledby': ariaLabelledBy } : {}\n\n    return (\n        <BaseDrawer.Portal>\n            <BaseDrawer.Backdrop className={BOTTOM_SHEET_STYLES.backdrop} />\n            <BaseDrawer.Viewport className={BOTTOM_SHEET_STYLES.viewport}>\n                <BaseDrawer.Popup\n                    className={cn(BOTTOM_SHEET_STYLES.popup, className)}\n                    aria-label={accessibleName}\n                    {...labelledByProps}\n                    {...props}\n                >\n                    {showHandle && (\n                        <div\n                            aria-hidden\n                            className={BOTTOM_SHEET_STYLES.handle}\n                        />\n                    )}\n                    <BaseDrawer.Content className={BOTTOM_SHEET_STYLES.content}>\n                        {children}\n                    </BaseDrawer.Content>\n                </BaseDrawer.Popup>\n            </BaseDrawer.Viewport>\n        </BaseDrawer.Portal>\n    )\n})\n\nBottomSheetContent.displayName = 'BottomSheet.Content'\n\nexport default BottomSheetContent\n"],"names":["BottomSheetContent","memo","className","showHandle","ariaLabel","ariaLabelledBy","defaultAriaLabel","children","props","accessibleName","labelledByProps","jsxs","BaseDrawer","jsx","BOTTOM_SHEET_STYLES","cn"],"mappings":"+LAaMA,EAAkDC,EAAAA,KAAK,CAAC,CAC1D,UAAAC,EACA,WAAAC,EAAa,GACb,aAAcC,EACd,kBAAmBC,EACnB,iBAAAC,EAAmB,eACnB,SAAAC,EACA,GAAGC,CACP,IAAM,CAKF,MAAMC,EAAiBL,IAAcC,EAAiB,OAAYC,GAC5DI,EAAkBL,EAAiB,CAAE,kBAAmBA,CAAA,EAAmB,CAAA,EAEjF,OACIM,OAACC,EAAAA,OAAW,OAAX,CACG,SAAA,CAAAC,EAAAA,IAACD,EAAAA,OAAW,SAAX,CAAoB,UAAWE,EAAAA,oBAAoB,SAAU,QAC7DF,EAAAA,OAAW,SAAX,CAAoB,UAAWE,sBAAoB,SAChD,SAAAH,EAAAA,KAACC,EAAAA,OAAW,MAAX,CACG,UAAWG,EAAAA,GAAGD,sBAAoB,MAAOZ,CAAS,EAClD,aAAYO,EACX,GAAGC,EACH,GAAGF,EAEH,SAAA,CAAAL,GACGU,EAAAA,IAAC,MAAA,CACG,cAAW,GACX,UAAWC,EAAAA,oBAAoB,MAAA,CAAA,QAGtCF,EAAAA,OAAW,QAAX,CAAmB,UAAWE,EAAAA,oBAAoB,QAC9C,SAAAP,CAAA,CACL,CAAA,CAAA,CAAA,CACJ,CACJ,CAAA,EACJ,CAER,CAAC,EAEDP,EAAmB,YAAc"}

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-content/BottomSheetContent.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { BottomSheetContentProps } from './types/BottomSheetContent.props.ts';
+/**
+ * The sheet panel rendered inside a portal, anchored to the bottom of the
+ * viewport. Includes the backdrop, the drag handle and a scrollable content
+ * area. The sheet can be dismissed by swiping down, pressing `Escape` or
+ * tapping the backdrop.
+ */
+declare const BottomSheetContent: FC<BottomSheetContentProps>;
+export default BottomSheetContent;

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-content/BottomSheetContent.js

@@ -0,0 +1,43 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { Drawer as e } from "@base-ui/react/drawer";
+import { memo as h } from "react";
+import { BOTTOM_SHEET_STYLES as o } from "../../styles/BottomSheet.css.js";
+import { cn as b } from "../../../../../utils/cn.js";
+const N = h(({
+  className: l,
+  showHandle: m = !0,
+  "aria-label": s,
+  "aria-labelledby": a,
+  defaultAriaLabel: i = "Bottom sheet",
+  children: n,
+  ...c
+}) => {
+  const p = s ?? (a ? void 0 : i), d = a ? { "aria-labelledby": a } : {};
+  return /* @__PURE__ */ r(e.Portal, { children: [
+    /* @__PURE__ */ t(e.Backdrop, { className: o.backdrop }),
+    /* @__PURE__ */ t(e.Viewport, { className: o.viewport, children: /* @__PURE__ */ r(
+      e.Popup,
+      {
+        className: b(o.popup, l),
+        "aria-label": p,
+        ...d,
+        ...c,
+        children: [
+          m && /* @__PURE__ */ t(
+            "div",
+            {
+              "aria-hidden": !0,
+              className: o.handle
+            }
+          ),
+          /* @__PURE__ */ t(e.Content, { className: o.content, children: n })
+        ]
+      }
+    ) })
+  ] });
+});
+N.displayName = "BottomSheet.Content";
+export {
+  N as default
+};
+//# sourceMappingURL=BottomSheetContent.js.map

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-content/BottomSheetContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetContent.js","sources":["../../../../../../src/components/overlay/bottom-sheet/components/bottom-sheet-content/BottomSheetContent.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer'\nimport { memo, type FC } from 'react'\n\nimport { BOTTOM_SHEET_STYLES } from '@components/overlay/bottom-sheet/styles/BottomSheet.css.ts'\nimport type { BottomSheetContentProps } from '@components/overlay/bottom-sheet/components/bottom-sheet-content/types/BottomSheetContent.props.ts'\nimport { cn } from '@utils/cn.ts'\n\n/**\n * The sheet panel rendered inside a portal, anchored to the bottom of the\n * viewport. Includes the backdrop, the drag handle and a scrollable content\n * area. The sheet can be dismissed by swiping down, pressing `Escape` or\n * tapping the backdrop.\n */\nconst BottomSheetContent: FC<BottomSheetContentProps> = memo(({\n    className,\n    showHandle = true,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    defaultAriaLabel = 'Bottom sheet',\n    children,\n    ...props\n}) => {\n    // A role=\"dialog\" element must have an accessible name. Base UI wires\n    // `aria-labelledby` to the `BottomSheet.Header` title, which takes\n    // precedence over the `aria-label` fallback. The key is only forwarded when\n    // set so it never clears Base UI's own value.\n    const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\n    const labelledByProps = ariaLabelledBy ? { 'aria-labelledby': ariaLabelledBy } : {}\n\n    return (\n        <BaseDrawer.Portal>\n            <BaseDrawer.Backdrop className={BOTTOM_SHEET_STYLES.backdrop} />\n            <BaseDrawer.Viewport className={BOTTOM_SHEET_STYLES.viewport}>\n                <BaseDrawer.Popup\n                    className={cn(BOTTOM_SHEET_STYLES.popup, className)}\n                    aria-label={accessibleName}\n                    {...labelledByProps}\n                    {...props}\n                >\n                    {showHandle && (\n                        <div\n                            aria-hidden\n                            className={BOTTOM_SHEET_STYLES.handle}\n                        />\n                    )}\n                    <BaseDrawer.Content className={BOTTOM_SHEET_STYLES.content}>\n                        {children}\n                    </BaseDrawer.Content>\n                </BaseDrawer.Popup>\n            </BaseDrawer.Viewport>\n        </BaseDrawer.Portal>\n    )\n})\n\nBottomSheetContent.displayName = 'BottomSheet.Content'\n\nexport default BottomSheetContent\n"],"names":["BottomSheetContent","memo","className","showHandle","ariaLabel","ariaLabelledBy","defaultAriaLabel","children","props","accessibleName","labelledByProps","jsxs","BaseDrawer","jsx","BOTTOM_SHEET_STYLES","cn"],"mappings":";;;;;AAaA,MAAMA,IAAkDC,EAAK,CAAC;AAAA,EAC1D,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AAKF,QAAMC,IAAiBL,MAAcC,IAAiB,SAAYC,IAC5DI,IAAkBL,IAAiB,EAAE,mBAAmBA,EAAA,IAAmB,CAAA;AAEjF,SACI,gBAAAM,EAACC,EAAW,QAAX,EACG,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAW,UAAX,EAAoB,WAAWE,EAAoB,UAAU;AAAA,sBAC7DF,EAAW,UAAX,EAAoB,WAAWE,EAAoB,UAChD,UAAA,gBAAAH;AAAA,MAACC,EAAW;AAAA,MAAX;AAAA,QACG,WAAWG,EAAGD,EAAoB,OAAOZ,CAAS;AAAA,QAClD,cAAYO;AAAA,QACX,GAAGC;AAAA,QACH,GAAGF;AAAA,QAEH,UAAA;AAAA,UAAAL,KACG,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,eAAW;AAAA,cACX,WAAWC,EAAoB;AAAA,YAAA;AAAA,UAAA;AAAA,4BAGtCF,EAAW,SAAX,EAAmB,WAAWE,EAAoB,SAC9C,UAAAP,EAAA,CACL;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACJ,CACJ;AAAA,EAAA,GACJ;AAER,CAAC;AAEDP,EAAmB,cAAc;"}

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-content/types/BottomSheetContent.props.d.ts

@@ -0,0 +1,15 @@
+import { Drawer } from '@base-ui/react/drawer';
+/** Props for `BottomSheet.Content`. */
+export type BottomSheetContentProps = Drawer.Popup.Props & {
+    /**
+     * Whether to render the drag handle at the top of the sheet.
+     * @default true
+     */
+    showHandle?: boolean;
+    /**
+     * Accessible name used when neither `aria-label`, `aria-labelledby` nor a
+     * `BottomSheet.Header` title is provided. Override this for i18n.
+     * @default 'Bottom sheet'
+     */
+    defaultAriaLabel?: string;
+};

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-header/BottomSheetHeader.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("@base-ui/react/drawer"),a=require("react"),n=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const c=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const t=a.memo(({title:i,titleAs:s="h2",description:r,...d})=>e.jsxs(c,{flexDirection:"column",gap:"xxs",paddingX:"md",paddingTop:"xs",paddingBottom:"sm",...d,children:[e.jsx(o.Drawer.Title,{render:e.jsx(n,{as:s,fontSize:"lg",fontWeight:"semibold",color:"foreground",margin:"none"}),children:i}),r&&e.jsx(o.Drawer.Description,{render:e.jsx(n,{as:"p",fontSize:"sm",color:"mutedForeground",margin:"none"}),children:r})]}));t.displayName="BottomSheet.Header";module.exports=t;
+//# sourceMappingURL=BottomSheetHeader.cjs.map

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-header/BottomSheetHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.cjs","sources":["../../../../../../src/components/overlay/bottom-sheet/components/bottom-sheet-header/BottomSheetHeader.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer'\nimport { memo, type FC } from 'react'\n\nimport { Typography } from '@components/foundation/typography'\nimport { Flex } from '@components/layout/flex'\nimport type { BottomSheetHeaderProps } from '@components/overlay/bottom-sheet/components/bottom-sheet-header/types/BottomSheetHeader.props.ts'\n\n/**\n * Title and optional description of a `BottomSheet`.\n * The title labels the sheet and the description describes it.\n */\nconst BottomSheetHeader: FC<BottomSheetHeaderProps> = memo(({\n    title,\n    titleAs = 'h2',\n    description,\n    ...props\n}) => (\n    <Flex\n        flexDirection={'column'}\n        gap={'xxs'}\n        paddingX={'md'}\n        paddingTop={'xs'}\n        paddingBottom={'sm'}\n        {...props}\n    >\n        <BaseDrawer.Title\n            render={(\n                <Typography\n                    as={titleAs}\n                    fontSize={'lg'}\n                    fontWeight={'semibold'}\n                    color={'foreground'}\n                    margin={'none'}\n                />\n            )}\n        >\n            {title}\n        </BaseDrawer.Title>\n        {description && (\n            <BaseDrawer.Description\n                render={(\n                    <Typography\n                        as={'p'}\n                        fontSize={'sm'}\n                        color={'mutedForeground'}\n                        margin={'none'}\n                    />\n                )}\n            >\n                {description}\n            </BaseDrawer.Description>\n        )}\n    </Flex>\n))\n\nBottomSheetHeader.displayName = 'BottomSheet.Header'\n\nexport default BottomSheetHeader\n"],"names":["BottomSheetHeader","memo","title","titleAs","description","props","jsxs","Flex","jsx","BaseDrawer","Typography"],"mappings":"wVAWA,MAAMA,EAAgDC,EAAAA,KAAK,CAAC,CACxD,MAAAC,EACA,QAAAC,EAAU,KACV,YAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,IAAK,MACL,SAAU,KACV,WAAY,KACZ,cAAe,KACd,GAAGF,EAEJ,SAAA,CAAAG,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,OACID,EAAAA,IAACE,EAAA,CACG,GAAIP,EACJ,SAAU,KACV,WAAY,WACZ,MAAO,aACP,OAAQ,MAAA,CAAA,EAIf,SAAAD,CAAA,CAAA,EAEJE,GACGI,EAAAA,IAACC,EAAAA,OAAW,YAAX,CACG,OACID,EAAAA,IAACE,EAAA,CACG,GAAI,IACJ,SAAU,KACV,MAAO,kBACP,OAAQ,MAAA,CAAA,EAIf,SAAAN,CAAA,CAAA,CACL,CAAA,CAER,CACH,EAEDJ,EAAkB,YAAc"}

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-header/BottomSheetHeader.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { BottomSheetHeaderProps } from './types/BottomSheetHeader.props.ts';
+/**
+ * Title and optional description of a `BottomSheet`.
+ * The title labels the sheet and the description describes it.
+ */
+declare const BottomSheetHeader: FC<BottomSheetHeaderProps>;
+export default BottomSheetHeader;

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-header/BottomSheetHeader.js

@@ -0,0 +1,61 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { Drawer as e } from "@base-ui/react/drawer";
+import { memo as p } from "react";
+import m from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+import a from "../../../../layout/flex/Flex.js";
+import "../../../../layout/flex/styles/Flex.css.js";
+const l = p(({
+  title: t,
+  titleAs: i = "h2",
+  description: r,
+  ...n
+}) => /* @__PURE__ */ d(
+  a,
+  {
+    flexDirection: "column",
+    gap: "xxs",
+    paddingX: "md",
+    paddingTop: "xs",
+    paddingBottom: "sm",
+    ...n,
+    children: [
+      /* @__PURE__ */ o(
+        e.Title,
+        {
+          render: /* @__PURE__ */ o(
+            m,
+            {
+              as: i,
+              fontSize: "lg",
+              fontWeight: "semibold",
+              color: "foreground",
+              margin: "none"
+            }
+          ),
+          children: t
+        }
+      ),
+      r && /* @__PURE__ */ o(
+        e.Description,
+        {
+          render: /* @__PURE__ */ o(
+            m,
+            {
+              as: "p",
+              fontSize: "sm",
+              color: "mutedForeground",
+              margin: "none"
+            }
+          ),
+          children: r
+        }
+      )
+    ]
+  }
+));
+l.displayName = "BottomSheet.Header";
+export {
+  l as default
+};
+//# sourceMappingURL=BottomSheetHeader.js.map

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-header/BottomSheetHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetHeader.js","sources":["../../../../../../src/components/overlay/bottom-sheet/components/bottom-sheet-header/BottomSheetHeader.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer'\nimport { memo, type FC } from 'react'\n\nimport { Typography } from '@components/foundation/typography'\nimport { Flex } from '@components/layout/flex'\nimport type { BottomSheetHeaderProps } from '@components/overlay/bottom-sheet/components/bottom-sheet-header/types/BottomSheetHeader.props.ts'\n\n/**\n * Title and optional description of a `BottomSheet`.\n * The title labels the sheet and the description describes it.\n */\nconst BottomSheetHeader: FC<BottomSheetHeaderProps> = memo(({\n    title,\n    titleAs = 'h2',\n    description,\n    ...props\n}) => (\n    <Flex\n        flexDirection={'column'}\n        gap={'xxs'}\n        paddingX={'md'}\n        paddingTop={'xs'}\n        paddingBottom={'sm'}\n        {...props}\n    >\n        <BaseDrawer.Title\n            render={(\n                <Typography\n                    as={titleAs}\n                    fontSize={'lg'}\n                    fontWeight={'semibold'}\n                    color={'foreground'}\n                    margin={'none'}\n                />\n            )}\n        >\n            {title}\n        </BaseDrawer.Title>\n        {description && (\n            <BaseDrawer.Description\n                render={(\n                    <Typography\n                        as={'p'}\n                        fontSize={'sm'}\n                        color={'mutedForeground'}\n                        margin={'none'}\n                    />\n                )}\n            >\n                {description}\n            </BaseDrawer.Description>\n        )}\n    </Flex>\n))\n\nBottomSheetHeader.displayName = 'BottomSheet.Header'\n\nexport default BottomSheetHeader\n"],"names":["BottomSheetHeader","memo","title","titleAs","description","props","jsxs","Flex","jsx","BaseDrawer","Typography"],"mappings":";;;;;;;AAWA,MAAMA,IAAgDC,EAAK,CAAC;AAAA,EACxD,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,eAAe;AAAA,IACf,KAAK;AAAA,IACL,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,eAAe;AAAA,IACd,GAAGF;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAG;AAAA,QAACC,EAAW;AAAA,QAAX;AAAA,UACG,QACI,gBAAAD;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,IAAIP;AAAA,cACJ,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,QAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,UAIf,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJE,KACG,gBAAAI;AAAA,QAACC,EAAW;AAAA,QAAX;AAAA,UACG,QACI,gBAAAD;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,IAAI;AAAA,cACJ,UAAU;AAAA,cACV,OAAO;AAAA,cACP,QAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,UAIf,UAAAN;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAER,CACH;AAEDJ,EAAkB,cAAc;"}

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-header/types/BottomSheetHeader.props.d.ts

@@ -0,0 +1,10 @@
+import { FlexProps } from '../../../../../layout/flex';
+/** Props for `BottomSheet.Header`. */
+export type BottomSheetHeaderProps = Omit<FlexProps, 'as' | 'title'> & {
+    /** Title of the sheet, also used as its accessible name. */
+    title: string;
+    /** Heading level for the title element. @default 'h2' */
+    titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /** Muted description rendered below the title and announced with the sheet. */
+    description?: string;
+};

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-item/BottomSheetItem.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),u=require("@base-ui/react/drawer"),_=require("react"),o=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const l=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const s=require("../_shared/styles/BottomSheetItem.css.cjs"),x=require("../../../../../utils/cn.cjs"),c=_.memo(({className:T,label:i,startIcon:r,endIcon:t,destructive:a=!1,closeOnClick:E=!0,type:S="button",...m})=>{const n=e.jsxs("button",{className:x.cn(s.BOTTOM_SHEET_ITEM_STYLES.root,a&&s.BOTTOM_SHEET_ITEM_STYLES.destructive,T),type:S,...m,children:[r&&e.jsx("span",{className:s.BOTTOM_SHEET_ITEM_STYLES.icon,children:e.jsx(o,{icon:r,size:"sm"})}),e.jsx(l,{as:"span",variant:"span",maxLines:1,className:s.BOTTOM_SHEET_ITEM_STYLES.label,children:i}),t&&e.jsx("span",{className:s.BOTTOM_SHEET_ITEM_STYLES.icon,children:e.jsx(o,{icon:t,size:"sm"})})]});return E?e.jsx(u.Drawer.Close,{render:n}):n});c.displayName="BottomSheet.Item";module.exports=c;
+//# sourceMappingURL=BottomSheetItem.cjs.map

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-item/BottomSheetItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetItem.cjs","sources":["../../../../../../src/components/overlay/bottom-sheet/components/bottom-sheet-item/BottomSheetItem.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer'\nimport { memo, type FC } from 'react'\n\nimport { Icon } from '@components/foundation/icon'\nimport { Typography } from '@components/foundation/typography'\nimport { BOTTOM_SHEET_ITEM_STYLES } from '@components/overlay/bottom-sheet/components/_shared/styles/BottomSheetItem.css.ts'\nimport type { BottomSheetItemProps } from '@components/overlay/bottom-sheet/components/bottom-sheet-item/types/BottomSheetItem.props.ts'\nimport { cn } from '@utils/cn.ts'\n\n/**\n * A full-width, touch-friendly action row inside a bottom sheet.\n * Closes the sheet when activated unless `closeOnClick` is `false`.\n *\n * @example\n * ```tsx\n * <BottomSheet.Item label={'Share'} startIcon={ShareIcon} onClick={share} />\n * ```\n */\nconst BottomSheetItem: FC<BottomSheetItemProps> = memo(({\n    className,\n    label,\n    startIcon,\n    endIcon,\n    destructive = false,\n    closeOnClick = true,\n    type = 'button',\n    ...props\n}) => {\n    const button = (\n        <button\n            className={cn(\n                BOTTOM_SHEET_ITEM_STYLES.root,\n                destructive && BOTTOM_SHEET_ITEM_STYLES.destructive,\n                className,\n            )}\n            type={type}\n            {...props}\n        >\n            {startIcon && (\n                <span className={BOTTOM_SHEET_ITEM_STYLES.icon}>\n                    <Icon\n                        icon={startIcon}\n                        size={'sm'}\n                    />\n                </span>\n            )}\n            <Typography\n                as={'span'}\n                variant={'span'}\n                maxLines={1}\n                className={BOTTOM_SHEET_ITEM_STYLES.label}\n            >\n                {label}\n            </Typography>\n            {endIcon && (\n                <span className={BOTTOM_SHEET_ITEM_STYLES.icon}>\n                    <Icon\n                        icon={endIcon}\n                        size={'sm'}\n                    />\n                </span>\n            )}\n        </button>\n    )\n\n    return closeOnClick\n        ? <BaseDrawer.Close render={button} />\n        : button\n})\n\nBottomSheetItem.displayName = 'BottomSheet.Item'\n\nexport default BottomSheetItem\n"],"names":["BottomSheetItem","memo","className","label","startIcon","endIcon","destructive","closeOnClick","type","props","button","jsxs","cn","BOTTOM_SHEET_ITEM_STYLES","jsx","Icon","Typography","BaseDrawer"],"mappings":"scAkBMA,EAA4CC,EAAAA,KAAK,CAAC,CACpD,UAAAC,EACA,MAAAC,EACA,UAAAC,EACA,QAAAC,EACA,YAAAC,EAAc,GACd,aAAAC,EAAe,GACf,KAAAC,EAAO,SACP,GAAGC,CACP,IAAM,CACF,MAAMC,EACFC,EAAAA,KAAC,SAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,yBAAyB,KACzBP,GAAeO,EAAAA,yBAAyB,YACxCX,CAAA,EAEJ,KAAAM,EACC,GAAGC,EAEH,SAAA,CAAAL,GACGU,EAAAA,IAAC,OAAA,CAAK,UAAWD,2BAAyB,KACtC,SAAAC,EAAAA,IAACC,EAAA,CACG,KAAMX,EACN,KAAM,IAAA,CAAA,EAEd,EAEJU,EAAAA,IAACE,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,EACV,UAAWH,EAAAA,yBAAyB,MAEnC,SAAAV,CAAA,CAAA,EAEJE,GACGS,EAAAA,IAAC,OAAA,CAAK,UAAWD,2BAAyB,KACtC,SAAAC,EAAAA,IAACC,EAAA,CACG,KAAMV,EACN,KAAM,IAAA,CAAA,CACV,CACJ,CAAA,CAAA,CAAA,EAKZ,OAAOE,EACDO,EAAAA,IAACG,SAAW,MAAX,CAAiB,OAAQP,EAAQ,EAClCA,CACV,CAAC,EAEDV,EAAgB,YAAc"}

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-item/BottomSheetItem.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { BottomSheetItemProps } from './types/BottomSheetItem.props.ts';
+/**
+ * A full-width, touch-friendly action row inside a bottom sheet.
+ * Closes the sheet when activated unless `closeOnClick` is `false`.
+ *
+ * @example
+ * ```tsx
+ * <BottomSheet.Item label={'Share'} startIcon={ShareIcon} onClick={share} />
+ * ```
+ */
+declare const BottomSheetItem: FC<BottomSheetItemProps>;
+export default BottomSheetItem;

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-item/BottomSheetItem.js

@@ -0,0 +1,64 @@
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { Drawer as d } from "@base-ui/react/drawer";
+import { memo as h } from "react";
+import s from "../../../../foundation/icon/Icon.js";
+import "../../../../foundation/icon/styles/Icon.css.js";
+import u from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+import { BOTTOM_SHEET_ITEM_STYLES as r } from "../_shared/styles/BottomSheetItem.css.js";
+import { cn as T } from "../../../../../utils/cn.js";
+const N = h(({
+  className: a,
+  label: i,
+  startIcon: t,
+  endIcon: e,
+  destructive: n = !1,
+  closeOnClick: p = !0,
+  type: c = "button",
+  ...l
+}) => {
+  const m = /* @__PURE__ */ f(
+    "button",
+    {
+      className: T(
+        r.root,
+        n && r.destructive,
+        a
+      ),
+      type: c,
+      ...l,
+      children: [
+        t && /* @__PURE__ */ o("span", { className: r.icon, children: /* @__PURE__ */ o(
+          s,
+          {
+            icon: t,
+            size: "sm"
+          }
+        ) }),
+        /* @__PURE__ */ o(
+          u,
+          {
+            as: "span",
+            variant: "span",
+            maxLines: 1,
+            className: r.label,
+            children: i
+          }
+        ),
+        e && /* @__PURE__ */ o("span", { className: r.icon, children: /* @__PURE__ */ o(
+          s,
+          {
+            icon: e,
+            size: "sm"
+          }
+        ) })
+      ]
+    }
+  );
+  return p ? /* @__PURE__ */ o(d.Close, { render: m }) : m;
+});
+N.displayName = "BottomSheet.Item";
+export {
+  N as default
+};
+//# sourceMappingURL=BottomSheetItem.js.map

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-item/BottomSheetItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetItem.js","sources":["../../../../../../src/components/overlay/bottom-sheet/components/bottom-sheet-item/BottomSheetItem.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer'\nimport { memo, type FC } from 'react'\n\nimport { Icon } from '@components/foundation/icon'\nimport { Typography } from '@components/foundation/typography'\nimport { BOTTOM_SHEET_ITEM_STYLES } from '@components/overlay/bottom-sheet/components/_shared/styles/BottomSheetItem.css.ts'\nimport type { BottomSheetItemProps } from '@components/overlay/bottom-sheet/components/bottom-sheet-item/types/BottomSheetItem.props.ts'\nimport { cn } from '@utils/cn.ts'\n\n/**\n * A full-width, touch-friendly action row inside a bottom sheet.\n * Closes the sheet when activated unless `closeOnClick` is `false`.\n *\n * @example\n * ```tsx\n * <BottomSheet.Item label={'Share'} startIcon={ShareIcon} onClick={share} />\n * ```\n */\nconst BottomSheetItem: FC<BottomSheetItemProps> = memo(({\n    className,\n    label,\n    startIcon,\n    endIcon,\n    destructive = false,\n    closeOnClick = true,\n    type = 'button',\n    ...props\n}) => {\n    const button = (\n        <button\n            className={cn(\n                BOTTOM_SHEET_ITEM_STYLES.root,\n                destructive && BOTTOM_SHEET_ITEM_STYLES.destructive,\n                className,\n            )}\n            type={type}\n            {...props}\n        >\n            {startIcon && (\n                <span className={BOTTOM_SHEET_ITEM_STYLES.icon}>\n                    <Icon\n                        icon={startIcon}\n                        size={'sm'}\n                    />\n                </span>\n            )}\n            <Typography\n                as={'span'}\n                variant={'span'}\n                maxLines={1}\n                className={BOTTOM_SHEET_ITEM_STYLES.label}\n            >\n                {label}\n            </Typography>\n            {endIcon && (\n                <span className={BOTTOM_SHEET_ITEM_STYLES.icon}>\n                    <Icon\n                        icon={endIcon}\n                        size={'sm'}\n                    />\n                </span>\n            )}\n        </button>\n    )\n\n    return closeOnClick\n        ? <BaseDrawer.Close render={button} />\n        : button\n})\n\nBottomSheetItem.displayName = 'BottomSheet.Item'\n\nexport default BottomSheetItem\n"],"names":["BottomSheetItem","memo","className","label","startIcon","endIcon","destructive","closeOnClick","type","props","button","jsxs","cn","BOTTOM_SHEET_ITEM_STYLES","jsx","Icon","Typography","BaseDrawer"],"mappings":";;;;;;;;;AAkBA,MAAMA,IAA4CC,EAAK,CAAC;AAAA,EACpD,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,cAAAC,IAAe;AAAA,EACf,MAAAC,IAAO;AAAA,EACP,GAAGC;AACP,MAAM;AACF,QAAMC,IACF,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACPC,EAAyB;AAAA,QACzBP,KAAeO,EAAyB;AAAA,QACxCX;AAAA,MAAA;AAAA,MAEJ,MAAAM;AAAA,MACC,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAL,KACG,gBAAAU,EAAC,QAAA,EAAK,WAAWD,EAAyB,MACtC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMX;AAAA,YACN,MAAM;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,QAEJ,gBAAAU;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,UAAU;AAAA,YACV,WAAWH,EAAyB;AAAA,YAEnC,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJE,KACG,gBAAAS,EAAC,QAAA,EAAK,WAAWD,EAAyB,MACtC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMV;AAAA,YACN,MAAM;AAAA,UAAA;AAAA,QAAA,EACV,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAKZ,SAAOE,IACD,gBAAAO,EAACG,EAAW,OAAX,EAAiB,QAAQP,GAAQ,IAClCA;AACV,CAAC;AAEDV,EAAgB,cAAc;"}

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-item/types/BottomSheetItem.props.d.ts

@@ -0,0 +1,18 @@
+import { ButtonHTMLAttributes, RefAttributes } from 'react';
+import { IconComponent } from '../../../../../foundation/icon';
+/** Props for `BottomSheet.Item`. */
+export type BottomSheetItemProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & RefAttributes<HTMLButtonElement> & {
+    /** Text label of the item. */
+    label: string;
+    /** Icon rendered before the label. */
+    startIcon?: IconComponent;
+    /** Icon rendered after the label. */
+    endIcon?: IconComponent;
+    /** Renders the item with a destructive (danger) visual style. */
+    destructive?: boolean;
+    /**
+     * Whether activating the item closes the bottom sheet.
+     * @default true
+     */
+    closeOnClick?: boolean;
+};

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-radio-group/BottomSheetRadioGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),i=require("@base-ui/react/radio-group"),o=require("react"),n=require("./styles/BottomSheetRadioGroup.css.cjs"),m=require("../../../../../utils/cn.cjs"),t=o.memo(({className:r,onValueChange:e,...s})=>{const a=o.useCallback((...u)=>{e?.(...u)},[e]);return c.jsx(i.RadioGroup,{className:m.cn(n.BOTTOM_SHEET_RADIO_GROUP_STYLES.root,r),onValueChange:a,...s})});t.displayName="BottomSheet.RadioGroup";module.exports=t;
+//# sourceMappingURL=BottomSheetRadioGroup.cjs.map

package/dist/components/overlay/bottom-sheet/components/bottom-sheet-radio-group/BottomSheetRadioGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetRadioGroup.cjs","sources":["../../../../../../src/components/overlay/bottom-sheet/components/bottom-sheet-radio-group/BottomSheetRadioGroup.tsx"],"sourcesContent":["import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group'\nimport { memo, useCallback, type FC } from 'react'\n\nimport { BOTTOM_SHEET_RADIO_GROUP_STYLES } from '@components/overlay/bottom-sheet/components/bottom-sheet-radio-group/styles/BottomSheetRadioGroup.css.ts'\nimport type { BottomSheetRadioGroupProps } from '@components/overlay/bottom-sheet/components/bottom-sheet-radio-group/types/BottomSheetRadioGroup.props.ts'\nimport { cn } from '@utils/cn.ts'\n\n/**\n * Groups `BottomSheet.RadioItem` rows so only one can be selected at a time.\n * Name the group with `aria-label` or `aria-labelledby`.\n */\nconst BottomSheetRadioGroup: FC<BottomSheetRadioGroupProps> = memo(({\n    className,\n    onValueChange,\n    ...props\n}) => {\n    const handleValueChange = useCallback(\n        (...args: Parameters<NonNullable<BottomSheetRadioGroupProps['onValueChange']>>) => {\n            onValueChange?.(...args)\n        },\n        [onValueChange],\n    )\n\n    return (\n        <BaseRadioGroup\n            className={cn(BOTTOM_SHEET_RADIO_GROUP_STYLES.root, className)}\n            onValueChange={handleValueChange}\n            {...props}\n        />\n    )\n})\n\nBottomSheetRadioGroup.displayName = 'BottomSheet.RadioGroup'\n\nexport default BottomSheetRadioGroup\n"],"names":["BottomSheetRadioGroup","memo","className","onValueChange","props","handleValueChange","useCallback","args","jsx","BaseRadioGroup","cn","BOTTOM_SHEET_RADIO_GROUP_STYLES"],"mappings":"0MAWMA,EAAwDC,EAAAA,KAAK,CAAC,CAChE,UAAAC,EACA,cAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAoBC,EAAAA,YACtB,IAAIC,IAA+E,CAC/EJ,IAAgB,GAAGI,CAAI,CAC3B,EACA,CAACJ,CAAa,CAAA,EAGlB,OACIK,EAAAA,IAACC,EAAAA,WAAA,CACG,UAAWC,EAAAA,GAAGC,kCAAgC,KAAMT,CAAS,EAC7D,cAAeG,EACd,GAAGD,CAAA,CAAA,CAGhB,CAAC,EAEDJ,EAAsB,YAAc"}