@choco-vanille/ui 1.1.2 → 1.3.0

package/dist/components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayBackdrop.js","sources":["../../../../../../src/components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { OVERLAY_BACKDROP_STYLES } from '@components/overlay/_shared/styles/OverlayBackdrop.css.ts'\r\nimport type { OverlayBackdropProps } from '@components/overlay/_shared/components/overlay-backdrop/types/OverlayBackdrop.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst OverlayBackdrop: FC<OverlayBackdropProps> = memo(({ className, ...props }) => (\r\n    <BaseDialog.Backdrop\r\n        className={cn(OVERLAY_BACKDROP_STYLES.root, className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nOverlayBackdrop.displayName = 'OverlayBackdrop'\r\n\r\nexport default OverlayBackdrop\r\n"],"names":["OverlayBackdrop","memo","className","props","jsx","BaseDialog","cn","OVERLAY_BACKDROP_STYLES"],"mappings":";;;;;AAOA,MAAMA,IAA4CC,EAAK,CAAC,EAAE,WAAAC,GAAW,GAAGC,QACpE,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACG,WAAWC,EAAGC,EAAwB,MAAML,CAAS;AAAA,IACpD,GAAGC;AAAA,EAAA;AACR,CACH;AAEDH,EAAgB,cAAc;"}

package/dist/components/overlay/_shared/components/overlay-backdrop/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Backdrop, default as OverlayBackdrop, } from './OverlayBackdrop.tsx';
+export type { OverlayBackdropProps } from './types/OverlayBackdrop.props.ts';

package/dist/components/overlay/_shared/components/overlay-backdrop/types/OverlayBackdrop.props.d.ts

@@ -0,0 +1,3 @@
+import { Dialog } from '@base-ui/react/dialog';
+/** Props for the public `Backdrop` wrapper around Base UI Dialog.Backdrop. */
+export type OverlayBackdropProps = Dialog.Backdrop.Props;

package/dist/components/overlay/_shared/styles/OverlayBackdrop.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* 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={root:"_1toz4gl0"};exports.OVERLAY_BACKDROP_STYLES=e;
+//# sourceMappingURL=OverlayBackdrop.css.cjs.map

package/dist/components/overlay/_shared/styles/OverlayBackdrop.css.cjs.map

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

package/dist/components/overlay/_shared/styles/OverlayBackdrop.css.d.ts

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

package/dist/components/overlay/_shared/styles/OverlayBackdrop.css.js

@@ -0,0 +1,19 @@
+/* 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 a = { root: "_1toz4gl0" };
+export {
+  a as OVERLAY_BACKDROP_STYLES
+};
+//# sourceMappingURL=OverlayBackdrop.css.js.map

package/dist/components/overlay/_shared/styles/OverlayBackdrop.css.js.map

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),r=require("../dialog/Dialog.cjs");;/* 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                                           */;/* empty css                                                                          */const l=require("./components/alert-dialog-action/AlertDialogAction.cjs"),u=require("./components/alert-dialog-cancel/AlertDialogCancel.cjs"),e=t.memo(i=>o.jsx(r.Dialog,{...i}));e.displayName="AlertDialog";e.Trigger=r.Dialog.Trigger;e.Content=r.Dialog.Content;e.Header=r.Dialog.Header;e.Body=r.Dialog.Body;e.Footer=r.Dialog.Footer;e.Title=r.Dialog.Title;e.Description=r.Dialog.Description;e.Close=r.Dialog.Close;e.Action=l;e.Cancel=u;exports.AlertDialog=e;
+//# sourceMappingURL=AlertDialog.cjs.map

package/dist/components/overlay/alert-dialog/AlertDialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.cjs","sources":["../../../../src/components/overlay/alert-dialog/AlertDialog.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Dialog } from '@components/overlay/dialog'\r\nimport AlertDialogAction from '@components/overlay/alert-dialog/components/alert-dialog-action/AlertDialogAction.tsx'\r\nimport AlertDialogCancel from '@components/overlay/alert-dialog/components/alert-dialog-cancel/AlertDialogCancel.tsx'\r\nimport type { AlertDialogCompound } from '@components/overlay/alert-dialog/types/AlertDialogCompound.ts'\r\nimport type { AlertDialogProps } from '@components/overlay/alert-dialog/types/AlertDialog.props.ts'\r\n\r\n/**\r\n * A modal confirmation dialog for destructive actions.\r\n *\r\n * It reuses the accessible Dialog slots and adds `Action` and `Cancel`\r\n * buttons with destructive and outlined defaults respectively.\r\n */\r\nconst AlertDialog = memo<AlertDialogProps>((props) => <Dialog {...props} />) as unknown as AlertDialogCompound\r\n\r\nAlertDialog.displayName = 'AlertDialog'\r\nAlertDialog.Trigger = Dialog.Trigger\r\nAlertDialog.Content = Dialog.Content\r\nAlertDialog.Header = Dialog.Header\r\nAlertDialog.Body = Dialog.Body\r\nAlertDialog.Footer = Dialog.Footer\r\nAlertDialog.Title = Dialog.Title\r\nAlertDialog.Description = Dialog.Description\r\nAlertDialog.Close = Dialog.Close\r\nAlertDialog.Action = AlertDialogAction\r\nAlertDialog.Cancel = AlertDialogCancel\r\n\r\nexport { AlertDialog }\r\n"],"names":["AlertDialog","memo","props","Dialog","AlertDialogAction","AlertDialogCancel"],"mappings":"4hDAcMA,EAAcC,EAAAA,KAAwBC,SAAWC,SAAA,CAAQ,GAAGD,EAAO,CAAE,EAE3EF,EAAY,YAAc,cAC1BA,EAAY,QAAUG,EAAAA,OAAO,QAC7BH,EAAY,QAAUG,EAAAA,OAAO,QAC7BH,EAAY,OAASG,EAAAA,OAAO,OAC5BH,EAAY,KAAOG,EAAAA,OAAO,KAC1BH,EAAY,OAASG,EAAAA,OAAO,OAC5BH,EAAY,MAAQG,EAAAA,OAAO,MAC3BH,EAAY,YAAcG,EAAAA,OAAO,YACjCH,EAAY,MAAQG,EAAAA,OAAO,MAC3BH,EAAY,OAASI,EACrBJ,EAAY,OAASK"}

package/dist/components/overlay/alert-dialog/AlertDialog.d.ts

@@ -0,0 +1,9 @@
+import { AlertDialogCompound } from './types/AlertDialogCompound.ts';
+/**
+ * A modal confirmation dialog for destructive actions.
+ *
+ * It reuses the accessible Dialog slots and adds `Action` and `Cancel`
+ * buttons with destructive and outlined defaults respectively.
+ */
+declare const AlertDialog: AlertDialogCompound;
+export { AlertDialog };

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

@@ -0,0 +1,37 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as m } from "react";
+import { Dialog as r } from "../dialog/Dialog.js";
+/* 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                                         */
+/* empty css                                                                        */
+import e from "./components/alert-dialog-action/AlertDialogAction.js";
+import p from "./components/alert-dialog-cancel/AlertDialogCancel.js";
+const o = m((t) => /* @__PURE__ */ i(r, { ...t }));
+o.displayName = "AlertDialog";
+o.Trigger = r.Trigger;
+o.Content = r.Content;
+o.Header = r.Header;
+o.Body = r.Body;
+o.Footer = r.Footer;
+o.Title = r.Title;
+o.Description = r.Description;
+o.Close = r.Close;
+o.Action = e;
+o.Cancel = p;
+export {
+  o as AlertDialog
+};
+//# sourceMappingURL=AlertDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.js","sources":["../../../../src/components/overlay/alert-dialog/AlertDialog.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Dialog } from '@components/overlay/dialog'\r\nimport AlertDialogAction from '@components/overlay/alert-dialog/components/alert-dialog-action/AlertDialogAction.tsx'\r\nimport AlertDialogCancel from '@components/overlay/alert-dialog/components/alert-dialog-cancel/AlertDialogCancel.tsx'\r\nimport type { AlertDialogCompound } from '@components/overlay/alert-dialog/types/AlertDialogCompound.ts'\r\nimport type { AlertDialogProps } from '@components/overlay/alert-dialog/types/AlertDialog.props.ts'\r\n\r\n/**\r\n * A modal confirmation dialog for destructive actions.\r\n *\r\n * It reuses the accessible Dialog slots and adds `Action` and `Cancel`\r\n * buttons with destructive and outlined defaults respectively.\r\n */\r\nconst AlertDialog = memo<AlertDialogProps>((props) => <Dialog {...props} />) as unknown as AlertDialogCompound\r\n\r\nAlertDialog.displayName = 'AlertDialog'\r\nAlertDialog.Trigger = Dialog.Trigger\r\nAlertDialog.Content = Dialog.Content\r\nAlertDialog.Header = Dialog.Header\r\nAlertDialog.Body = Dialog.Body\r\nAlertDialog.Footer = Dialog.Footer\r\nAlertDialog.Title = Dialog.Title\r\nAlertDialog.Description = Dialog.Description\r\nAlertDialog.Close = Dialog.Close\r\nAlertDialog.Action = AlertDialogAction\r\nAlertDialog.Cancel = AlertDialogCancel\r\n\r\nexport { AlertDialog }\r\n"],"names":["AlertDialog","memo","props","Dialog","AlertDialogAction","AlertDialogCancel"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAcA,MAAMA,IAAcC,EAAuB,CAACC,wBAAWC,GAAA,EAAQ,GAAGD,GAAO,CAAE;AAE3EF,EAAY,cAAc;AAC1BA,EAAY,UAAUG,EAAO;AAC7BH,EAAY,UAAUG,EAAO;AAC7BH,EAAY,SAASG,EAAO;AAC5BH,EAAY,OAAOG,EAAO;AAC1BH,EAAY,SAASG,EAAO;AAC5BH,EAAY,QAAQG,EAAO;AAC3BH,EAAY,cAAcG,EAAO;AACjCH,EAAY,QAAQG,EAAO;AAC3BH,EAAY,SAASI;AACrBJ,EAAY,SAASK;"}

package/dist/components/overlay/alert-dialog/components/alert-dialog-action/AlertDialogAction.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),s=require("react"),c=require("../../../../actions/button/Button.cjs");require("../../../../actions/button/styles/Button.css.cjs");const n=require("../../../dialog/components/dialog-close/DialogClose.cjs"),t=s.memo(({color:r="destructive",variant:i="contained",...o})=>e.jsx(n,{children:e.jsx(c,{...o,color:r,variant:i})}));t.displayName="AlertDialog.Action";module.exports=t;
+//# sourceMappingURL=AlertDialogAction.cjs.map

package/dist/components/overlay/alert-dialog/components/alert-dialog-action/AlertDialogAction.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogAction.cjs","sources":["../../../../../../src/components/overlay/alert-dialog/components/alert-dialog-action/AlertDialogAction.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Button } from '@components/actions/button'\r\nimport DialogClose from '@components/overlay/dialog/components/dialog-close/DialogClose.tsx'\r\nimport type { AlertDialogActionProps } from '@components/overlay/alert-dialog/components/alert-dialog-action/types/AlertDialogAction.props.ts'\r\n\r\nconst AlertDialogAction: FC<AlertDialogActionProps> = memo(({\r\n    color = 'destructive',\r\n    variant = 'contained',\r\n    ...props\r\n}) => (\r\n    <DialogClose>\r\n        <Button\r\n            {...props}\r\n            color={color}\r\n            variant={variant}\r\n        />\r\n    </DialogClose>\r\n))\r\n\r\nAlertDialogAction.displayName = 'AlertDialog.Action'\r\n\r\nexport default AlertDialogAction\r\n"],"names":["AlertDialogAction","memo","color","variant","props","DialogClose","jsx","Button"],"mappings":"+PAMMA,EAAgDC,EAAAA,KAAK,CAAC,CACxD,MAAAC,EAAQ,cACR,QAAAC,EAAU,YACV,GAAGC,CACP,UACKC,EAAA,CACG,SAAAC,EAAAA,IAACC,EAAA,CACI,GAAGH,EACJ,MAAAF,EACA,QAAAC,CAAA,CACJ,EACJ,CACH,EAEDH,EAAkB,YAAc"}

package/dist/components/overlay/alert-dialog/components/alert-dialog-action/AlertDialogAction.d.ts

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

package/dist/components/overlay/alert-dialog/components/alert-dialog-action/AlertDialogAction.js

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+import { memo as m } from "react";
+import e from "../../../../actions/button/Button.js";
+import "../../../../actions/button/styles/Button.css.js";
+import l from "../../../dialog/components/dialog-close/DialogClose.js";
+const a = m(({
+  color: t = "destructive",
+  variant: i = "contained",
+  ...r
+}) => /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(
+  e,
+  {
+    ...r,
+    color: t,
+    variant: i
+  }
+) }));
+a.displayName = "AlertDialog.Action";
+export {
+  a as default
+};
+//# sourceMappingURL=AlertDialogAction.js.map

package/dist/components/overlay/alert-dialog/components/alert-dialog-action/AlertDialogAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogAction.js","sources":["../../../../../../src/components/overlay/alert-dialog/components/alert-dialog-action/AlertDialogAction.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Button } from '@components/actions/button'\r\nimport DialogClose from '@components/overlay/dialog/components/dialog-close/DialogClose.tsx'\r\nimport type { AlertDialogActionProps } from '@components/overlay/alert-dialog/components/alert-dialog-action/types/AlertDialogAction.props.ts'\r\n\r\nconst AlertDialogAction: FC<AlertDialogActionProps> = memo(({\r\n    color = 'destructive',\r\n    variant = 'contained',\r\n    ...props\r\n}) => (\r\n    <DialogClose>\r\n        <Button\r\n            {...props}\r\n            color={color}\r\n            variant={variant}\r\n        />\r\n    </DialogClose>\r\n))\r\n\r\nAlertDialogAction.displayName = 'AlertDialog.Action'\r\n\r\nexport default AlertDialogAction\r\n"],"names":["AlertDialogAction","memo","color","variant","props","DialogClose","jsx","Button"],"mappings":";;;;;AAMA,MAAMA,IAAgDC,EAAK,CAAC;AAAA,EACxD,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,GAAGC;AACP,wBACKC,GAAA,EACG,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGH;AAAA,IACJ,OAAAF;AAAA,IACA,SAAAC;AAAA,EAAA;AACJ,GACJ,CACH;AAEDH,EAAkB,cAAc;"}

package/dist/components/overlay/alert-dialog/components/alert-dialog-action/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AlertDialogAction } from './AlertDialogAction.tsx';
+export type { AlertDialogActionProps } from './types/AlertDialogAction.props.ts';

package/dist/components/overlay/alert-dialog/components/alert-dialog-action/types/AlertDialogAction.props.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from '../../../../../actions/button/types/Button.props.ts';
+/** A destructive action that closes the alert dialog after activation. */
+export type AlertDialogActionProps = Omit<ButtonProps, 'color' | 'variant'> & {
+    color?: ButtonProps['color'];
+    variant?: ButtonProps['variant'];
+};

package/dist/components/overlay/alert-dialog/components/alert-dialog-cancel/AlertDialogCancel.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),n=require("../../../../actions/button/Button.cjs");require("../../../../actions/button/styles/Button.css.cjs");const c=require("../../../dialog/components/dialog-close/DialogClose.cjs"),r=l.memo(({label:t="Cancel",color:i="primary",variant:o="outlined",...s})=>e.jsx(c,{children:e.jsx(n,{...s,label:t,color:i,variant:o})}));r.displayName="AlertDialog.Cancel";module.exports=r;
+//# sourceMappingURL=AlertDialogCancel.cjs.map

package/dist/components/overlay/alert-dialog/components/alert-dialog-cancel/AlertDialogCancel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogCancel.cjs","sources":["../../../../../../src/components/overlay/alert-dialog/components/alert-dialog-cancel/AlertDialogCancel.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Button } from '@components/actions/button'\r\nimport DialogClose from '@components/overlay/dialog/components/dialog-close/DialogClose.tsx'\r\nimport type { AlertDialogCancelProps } from '@components/overlay/alert-dialog/components/alert-dialog-cancel/types/AlertDialogCancel.props.ts'\r\n\r\nconst AlertDialogCancel: FC<AlertDialogCancelProps> = memo(({\r\n    label = 'Cancel',\r\n    color = 'primary',\r\n    variant = 'outlined',\r\n    ...props\r\n}) => (\r\n    <DialogClose>\r\n        <Button\r\n            {...props}\r\n            label={label}\r\n            color={color}\r\n            variant={variant}\r\n        />\r\n    </DialogClose>\r\n))\r\n\r\nAlertDialogCancel.displayName = 'AlertDialog.Cancel'\r\n\r\nexport default AlertDialogCancel\r\n"],"names":["AlertDialogCancel","memo","label","color","variant","props","DialogClose","jsx","Button"],"mappings":"+PAMMA,EAAgDC,EAAAA,KAAK,CAAC,CACxD,MAAAC,EAAQ,SACR,MAAAC,EAAQ,UACR,QAAAC,EAAU,WACV,GAAGC,CACP,UACKC,EAAA,CACG,SAAAC,EAAAA,IAACC,EAAA,CACI,GAAGH,EACJ,MAAAH,EACA,MAAAC,EACA,QAAAC,CAAA,CACJ,EACJ,CACH,EAEDJ,EAAkB,YAAc"}

package/dist/components/overlay/alert-dialog/components/alert-dialog-cancel/AlertDialogCancel.d.ts

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

package/dist/components/overlay/alert-dialog/components/alert-dialog-cancel/AlertDialogCancel.js

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import { memo as e } from "react";
+import i from "../../../../actions/button/Button.js";
+import "../../../../actions/button/styles/Button.css.js";
+import a from "../../../dialog/components/dialog-close/DialogClose.js";
+const p = e(({
+  label: r = "Cancel",
+  color: l = "primary",
+  variant: m = "outlined",
+  ...t
+}) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(
+  i,
+  {
+    ...t,
+    label: r,
+    color: l,
+    variant: m
+  }
+) }));
+p.displayName = "AlertDialog.Cancel";
+export {
+  p as default
+};
+//# sourceMappingURL=AlertDialogCancel.js.map

package/dist/components/overlay/alert-dialog/components/alert-dialog-cancel/AlertDialogCancel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogCancel.js","sources":["../../../../../../src/components/overlay/alert-dialog/components/alert-dialog-cancel/AlertDialogCancel.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Button } from '@components/actions/button'\r\nimport DialogClose from '@components/overlay/dialog/components/dialog-close/DialogClose.tsx'\r\nimport type { AlertDialogCancelProps } from '@components/overlay/alert-dialog/components/alert-dialog-cancel/types/AlertDialogCancel.props.ts'\r\n\r\nconst AlertDialogCancel: FC<AlertDialogCancelProps> = memo(({\r\n    label = 'Cancel',\r\n    color = 'primary',\r\n    variant = 'outlined',\r\n    ...props\r\n}) => (\r\n    <DialogClose>\r\n        <Button\r\n            {...props}\r\n            label={label}\r\n            color={color}\r\n            variant={variant}\r\n        />\r\n    </DialogClose>\r\n))\r\n\r\nAlertDialogCancel.displayName = 'AlertDialog.Cancel'\r\n\r\nexport default AlertDialogCancel\r\n"],"names":["AlertDialogCancel","memo","label","color","variant","props","DialogClose","jsx","Button"],"mappings":";;;;;AAMA,MAAMA,IAAgDC,EAAK,CAAC;AAAA,EACxD,OAAAC,IAAQ;AAAA,EACR,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,GAAGC;AACP,wBACKC,GAAA,EACG,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGH;AAAA,IACJ,OAAAH;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,EAAA;AACJ,GACJ,CACH;AAEDJ,EAAkB,cAAc;"}

package/dist/components/overlay/alert-dialog/components/alert-dialog-cancel/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AlertDialogCancel } from './AlertDialogCancel.tsx';
+export type { AlertDialogCancelProps } from './types/AlertDialogCancel.props.ts';

package/dist/components/overlay/alert-dialog/components/alert-dialog-cancel/types/AlertDialogCancel.props.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from '../../../../../actions/button/types/Button.props.ts';
+/** A secondary action that cancels and closes the alert dialog. */
+export type AlertDialogCancelProps = Omit<ButtonProps, 'color' | 'variant' | 'label'> & {
+    color?: ButtonProps['color'];
+    variant?: ButtonProps['variant'];
+    label?: string;
+};

package/dist/components/overlay/alert-dialog/components/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AlertDialogAction } from './alert-dialog-action/AlertDialogAction.tsx';
+export { default as AlertDialogCancel } from './alert-dialog-cancel/AlertDialogCancel.tsx';

package/dist/components/overlay/alert-dialog/index.d.ts

@@ -0,0 +1,5 @@
+export { AlertDialog } from './AlertDialog.tsx';
+export { ALERT_DIALOG_STYLES } from './styles/AlertDialog.css.ts';
+export type { AlertDialogProps, AlertDialogCompound, AlertDialogSize } from './types';
+export type { AlertDialogActionProps } from './components/alert-dialog-action/types/AlertDialogAction.props.ts';
+export type { AlertDialogCancelProps } from './components/alert-dialog-cancel/types/AlertDialogCancel.props.ts';

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* 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.cjs.map

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

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

@@ -0,0 +1 @@
+export { DIALOG_STYLES as ALERT_DIALOG_STYLES } from '../../dialog/styles/Dialog.css.ts';

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

@@ -0,0 +1,20 @@
+/* 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 L = { overlay: "_1toz4gl0", content: "_1bzhpwp0", contentSize: { sm: "_1bzhpwp1", md: "_1bzhpwp2", lg: "_1bzhpwp3", xl: "_1bzhpwp4", "2xl": "_1bzhpwp5", full: "_1bzhpwp6" } };
+export {
+  L as ALERT_DIALOG_STYLES
+};
+//# sourceMappingURL=AlertDialog.css.js.map

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

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

package/dist/components/overlay/alert-dialog/types/AlertDialog.props.d.ts

@@ -0,0 +1,3 @@
+import { DialogProps } from '../../dialog/types/Dialog.props.ts';
+/** Props for the destructive-confirmation `AlertDialog` root. */
+export type AlertDialogProps = DialogProps;

package/dist/components/overlay/alert-dialog/types/AlertDialogCompound.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { default as AlertDialogAction } from '../components/alert-dialog-action/AlertDialogAction.tsx';
+import { default as AlertDialogCancel } from '../components/alert-dialog-cancel/AlertDialogCancel.tsx';
+import { AlertDialogProps } from './AlertDialog.props.ts';
+import { default as DialogBody } from '../../dialog/components/dialog-body/DialogBody.tsx';
+import { default as DialogClose } from '../../dialog/components/dialog-close/DialogClose.tsx';
+import { default as DialogContent } from '../../dialog/components/dialog-content/DialogContent.tsx';
+import { default as DialogDescription } from '../../dialog/components/dialog-description/DialogDescription.tsx';
+import { default as DialogFooter } from '../../dialog/components/dialog-footer/DialogFooter.tsx';
+import { default as DialogHeader } from '../../dialog/components/dialog-header/DialogHeader.tsx';
+import { default as DialogTitle } from '../../dialog/components/dialog-title/DialogTitle.tsx';
+import { default as DialogTrigger } from '../../dialog/components/dialog-trigger/DialogTrigger.tsx';
+export type AlertDialogCompound = FC<AlertDialogProps> & {
+    Trigger: typeof DialogTrigger;
+    Content: typeof DialogContent;
+    Header: typeof DialogHeader;
+    Body: typeof DialogBody;
+    Footer: typeof DialogFooter;
+    Title: typeof DialogTitle;
+    Description: typeof DialogDescription;
+    Close: typeof DialogClose;
+    Action: typeof AlertDialogAction;
+    Cancel: typeof AlertDialogCancel;
+};

package/dist/components/overlay/alert-dialog/types/index.d.ts

@@ -0,0 +1,3 @@
+export type { AlertDialogProps } from './AlertDialog.props.ts';
+export type { AlertDialogCompound } from './AlertDialogCompound.ts';
+export type { DialogSize as AlertDialogSize } from '../../dialog/types/Dialog.types.ts';

package/dist/components/overlay/command/Command.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("@base-ui/react/dialog"),m=require("react"),a=require("./components/command-trigger/CommandTrigger.cjs"),i=require("./components/command-content/CommandContent.cjs"),s=require("./components/command-input/CommandInput.cjs"),u=require("./components/command-list/CommandList.cjs"),c=require("./components/command-group/CommandGroup.cjs"),d=require("./components/command-item/CommandItem.cjs"),C=require("./components/command-empty/CommandEmpty.cjs"),q=require("./components/command-separator/CommandSeparator.cjs"),e=m.memo(({defaultOpen:o=!1,...r})=>t.jsx(n.Dialog.Root,{...r,defaultOpen:o}));e.displayName="Command";e.Trigger=a;e.Content=i;e.Input=s;e.List=u;e.Group=c;e.Item=d;e.Empty=C;e.Separator=q;exports.Command=e;
+//# sourceMappingURL=Command.cjs.map

package/dist/components/overlay/command/Command.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.cjs","sources":["../../../../src/components/overlay/command/Command.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo } from 'react'\r\n\r\nimport {\r\n    CommandContent,\r\n    CommandEmpty,\r\n    CommandGroup,\r\n    CommandInput,\r\n    CommandItem,\r\n    CommandList,\r\n    CommandSeparator,\r\n    CommandTrigger,\r\n} from '@components/overlay/command/components'\r\nimport type { CommandCompound } from '@components/overlay/command/types'\r\nimport type { CommandProps } from '@components/overlay/command/types/Command.props.ts'\r\n\r\n/**\r\n * A modal command palette for action search and keyboard navigation.\r\n *\r\n * Built on Base UI Dialog for focus-trap, backdrop, Escape-key dismiss and\r\n * portal rendering. Compose with the named sub-components:\r\n *\r\n * - `Command.Trigger` — element that opens the palette.\r\n * - `Command.Content` — the modal panel; creates the search context.\r\n * - `Command.Input` — the combobox search field.\r\n * - `Command.List` — the scrollable results container (`role=\"listbox\"`).\r\n * - `Command.Group` — a labeled section inside the list.\r\n * - `Command.Item` — a single activatable command (`role=\"option\"`).\r\n * - `Command.Empty` — shown when no items match the current search.\r\n * - `Command.Separator` — horizontal divider between groups.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Command>\r\n *   <Command.Trigger>\r\n *     <Button label=\"Open command palette\" variant=\"outlined\" color=\"primary\" />\r\n *   </Command.Trigger>\r\n *   <Command.Content>\r\n *     <Command.Input placeholder=\"Search actions…\" />\r\n *     <Command.List aria-label=\"Commands\">\r\n *       <Command.Group label=\"Actions\">\r\n *         <Command.Item icon=\"lucide:pencil\" shortcut=\"⌘E\" onSelect={() => {}}>\r\n *           Edit profile\r\n *         </Command.Item>\r\n *         <Command.Item icon=\"lucide:settings\" shortcut=\"⌘S\" onSelect={() => {}}>\r\n *           Settings\r\n *         </Command.Item>\r\n *       </Command.Group>\r\n *       <Command.Separator />\r\n *       <Command.Group label=\"Navigation\">\r\n *         <Command.Item icon=\"lucide:home\" onSelect={() => {}}>\r\n *           Go to dashboard\r\n *         </Command.Item>\r\n *       </Command.Group>\r\n *       <Command.Empty>No results found.</Command.Empty>\r\n *     </Command.List>\r\n *   </Command.Content>\r\n * </Command>\r\n * ```\r\n */\r\nconst Command = memo<CommandProps>(({ defaultOpen = false, ...props }) => (\r\n    <BaseDialog.Root\r\n        {...props}\r\n        defaultOpen={defaultOpen}\r\n    />\r\n)) as unknown as CommandCompound\r\n\r\nCommand.displayName = 'Command'\r\nCommand.Trigger = CommandTrigger\r\nCommand.Content = CommandContent\r\nCommand.Input = CommandInput\r\nCommand.List = CommandList\r\nCommand.Group = CommandGroup\r\nCommand.Item = CommandItem\r\nCommand.Empty = CommandEmpty\r\nCommand.Separator = CommandSeparator\r\n\r\nexport { Command }\r\n"],"names":["Command","memo","defaultOpen","props","jsx","BaseDialog","CommandTrigger","CommandContent","CommandInput","CommandList","CommandGroup","CommandItem","CommandEmpty","CommandSeparator"],"mappings":"+nBA4DMA,EAAUC,EAAAA,KAAmB,CAAC,CAAE,YAAAC,EAAc,GAAO,GAAGC,KAC1DC,EAAAA,IAACC,EAAAA,OAAW,KAAX,CACI,GAAGF,EACJ,YAAAD,CAAA,CACJ,CACH,EAEDF,EAAQ,YAAc,UACtBA,EAAQ,QAAUM,EAClBN,EAAQ,QAAUO,EAClBP,EAAQ,MAAQQ,EAChBR,EAAQ,KAAOS,EACfT,EAAQ,MAAQU,EAChBV,EAAQ,KAAOW,EACfX,EAAQ,MAAQY,EAChBZ,EAAQ,UAAYa"}

package/dist/components/overlay/command/Command.d.ts

@@ -0,0 +1,47 @@
+import { CommandCompound } from './types';
+/**
+ * A modal command palette for action search and keyboard navigation.
+ *
+ * Built on Base UI Dialog for focus-trap, backdrop, Escape-key dismiss and
+ * portal rendering. Compose with the named sub-components:
+ *
+ * - `Command.Trigger` — element that opens the palette.
+ * - `Command.Content` — the modal panel; creates the search context.
+ * - `Command.Input` — the combobox search field.
+ * - `Command.List` — the scrollable results container (`role="listbox"`).
+ * - `Command.Group` — a labeled section inside the list.
+ * - `Command.Item` — a single activatable command (`role="option"`).
+ * - `Command.Empty` — shown when no items match the current search.
+ * - `Command.Separator` — horizontal divider between groups.
+ *
+ * @example
+ * ```tsx
+ * <Command>
+ *   <Command.Trigger>
+ *     <Button label="Open command palette" variant="outlined" color="primary" />
+ *   </Command.Trigger>
+ *   <Command.Content>
+ *     <Command.Input placeholder="Search actions…" />
+ *     <Command.List aria-label="Commands">
+ *       <Command.Group label="Actions">
+ *         <Command.Item icon="lucide:pencil" shortcut="⌘E" onSelect={() => {}}>
+ *           Edit profile
+ *         </Command.Item>
+ *         <Command.Item icon="lucide:settings" shortcut="⌘S" onSelect={() => {}}>
+ *           Settings
+ *         </Command.Item>
+ *       </Command.Group>
+ *       <Command.Separator />
+ *       <Command.Group label="Navigation">
+ *         <Command.Item icon="lucide:home" onSelect={() => {}}>
+ *           Go to dashboard
+ *         </Command.Item>
+ *       </Command.Group>
+ *       <Command.Empty>No results found.</Command.Empty>
+ *     </Command.List>
+ *   </Command.Content>
+ * </Command>
+ * ```
+ */
+declare const Command: CommandCompound;
+export { Command };

package/dist/components/overlay/command/Command.js

@@ -0,0 +1,31 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Dialog as p } from "@base-ui/react/dialog";
+import { memo as a } from "react";
+import i from "./components/command-trigger/CommandTrigger.js";
+import n from "./components/command-content/CommandContent.js";
+import e from "./components/command-input/CommandInput.js";
+import f from "./components/command-list/CommandList.js";
+import C from "./components/command-group/CommandGroup.js";
+import d from "./components/command-item/CommandItem.js";
+import s from "./components/command-empty/CommandEmpty.js";
+import g from "./components/command-separator/CommandSeparator.js";
+const m = a(({ defaultOpen: o = !1, ...r }) => /* @__PURE__ */ t(
+  p.Root,
+  {
+    ...r,
+    defaultOpen: o
+  }
+));
+m.displayName = "Command";
+m.Trigger = i;
+m.Content = n;
+m.Input = e;
+m.List = f;
+m.Group = C;
+m.Item = d;
+m.Empty = s;
+m.Separator = g;
+export {
+  m as Command
+};
+//# sourceMappingURL=Command.js.map

package/dist/components/overlay/command/Command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.js","sources":["../../../../src/components/overlay/command/Command.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo } from 'react'\r\n\r\nimport {\r\n    CommandContent,\r\n    CommandEmpty,\r\n    CommandGroup,\r\n    CommandInput,\r\n    CommandItem,\r\n    CommandList,\r\n    CommandSeparator,\r\n    CommandTrigger,\r\n} from '@components/overlay/command/components'\r\nimport type { CommandCompound } from '@components/overlay/command/types'\r\nimport type { CommandProps } from '@components/overlay/command/types/Command.props.ts'\r\n\r\n/**\r\n * A modal command palette for action search and keyboard navigation.\r\n *\r\n * Built on Base UI Dialog for focus-trap, backdrop, Escape-key dismiss and\r\n * portal rendering. Compose with the named sub-components:\r\n *\r\n * - `Command.Trigger` — element that opens the palette.\r\n * - `Command.Content` — the modal panel; creates the search context.\r\n * - `Command.Input` — the combobox search field.\r\n * - `Command.List` — the scrollable results container (`role=\"listbox\"`).\r\n * - `Command.Group` — a labeled section inside the list.\r\n * - `Command.Item` — a single activatable command (`role=\"option\"`).\r\n * - `Command.Empty` — shown when no items match the current search.\r\n * - `Command.Separator` — horizontal divider between groups.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Command>\r\n *   <Command.Trigger>\r\n *     <Button label=\"Open command palette\" variant=\"outlined\" color=\"primary\" />\r\n *   </Command.Trigger>\r\n *   <Command.Content>\r\n *     <Command.Input placeholder=\"Search actions…\" />\r\n *     <Command.List aria-label=\"Commands\">\r\n *       <Command.Group label=\"Actions\">\r\n *         <Command.Item icon=\"lucide:pencil\" shortcut=\"⌘E\" onSelect={() => {}}>\r\n *           Edit profile\r\n *         </Command.Item>\r\n *         <Command.Item icon=\"lucide:settings\" shortcut=\"⌘S\" onSelect={() => {}}>\r\n *           Settings\r\n *         </Command.Item>\r\n *       </Command.Group>\r\n *       <Command.Separator />\r\n *       <Command.Group label=\"Navigation\">\r\n *         <Command.Item icon=\"lucide:home\" onSelect={() => {}}>\r\n *           Go to dashboard\r\n *         </Command.Item>\r\n *       </Command.Group>\r\n *       <Command.Empty>No results found.</Command.Empty>\r\n *     </Command.List>\r\n *   </Command.Content>\r\n * </Command>\r\n * ```\r\n */\r\nconst Command = memo<CommandProps>(({ defaultOpen = false, ...props }) => (\r\n    <BaseDialog.Root\r\n        {...props}\r\n        defaultOpen={defaultOpen}\r\n    />\r\n)) as unknown as CommandCompound\r\n\r\nCommand.displayName = 'Command'\r\nCommand.Trigger = CommandTrigger\r\nCommand.Content = CommandContent\r\nCommand.Input = CommandInput\r\nCommand.List = CommandList\r\nCommand.Group = CommandGroup\r\nCommand.Item = CommandItem\r\nCommand.Empty = CommandEmpty\r\nCommand.Separator = CommandSeparator\r\n\r\nexport { Command }\r\n"],"names":["Command","memo","defaultOpen","props","jsx","BaseDialog","CommandTrigger","CommandContent","CommandInput","CommandList","CommandGroup","CommandItem","CommandEmpty","CommandSeparator"],"mappings":";;;;;;;;;;;AA4DA,MAAMA,IAAUC,EAAmB,CAAC,EAAE,aAAAC,IAAc,IAAO,GAAGC,QAC1D,gBAAAC;AAAA,EAACC,EAAW;AAAA,EAAX;AAAA,IACI,GAAGF;AAAA,IACJ,aAAAD;AAAA,EAAA;AACJ,CACH;AAEDF,EAAQ,cAAc;AACtBA,EAAQ,UAAUM;AAClBN,EAAQ,UAAUO;AAClBP,EAAQ,QAAQQ;AAChBR,EAAQ,OAAOS;AACfT,EAAQ,QAAQU;AAChBV,EAAQ,OAAOW;AACfX,EAAQ,QAAQY;AAChBZ,EAAQ,YAAYa;"}

package/dist/components/overlay/command/components/command-content/CommandContent.cjs

@@ -0,0 +1,2 @@
+"use strict";const l=require("react/jsx-runtime"),y=require("@base-ui/react/dialog"),o=require("react"),E=require("../../../_shared/components/overlay-backdrop/OverlayBackdrop.cjs"),j=require("../../context/Command.context.cjs"),p=require("../../styles/Command.css.cjs"),M=require("../../../../../utils/cn.cjs"),x=o.memo(({className:D,size:b="md","aria-label":h,"aria-labelledby":d,defaultAriaLabel:w="Command palette",children:C,...I})=>{const[c,S]=o.useState(""),[n,s]=o.useState(void 0),u=o.useId(),m=o.useRef(null),f=o.useRef(c);f.current!==c&&(f.current=c,s(void 0));const A=o.useMemo(()=>({search:c,setSearch:S,activeId:n,setActiveId:s,listId:u,listRef:m}),[c,n,u]),g=h??(d?void 0:w),q=o.useCallback(t=>{const k=m.current;if(!k||t.key!=="ArrowDown"&&t.key!=="ArrowUp"&&t.key!=="Home"&&t.key!=="End"&&t.key!=="Enter")return;const e=Array.from(k.querySelectorAll('[role="option"]:not([hidden]):not([data-disabled])'));if(e.length)if(t.key==="ArrowDown"){t.preventDefault();const i=e.findIndex(a=>a.id===n),r=i<e.length-1?i+1:0;s(e[r].id),e[r].scrollIntoView?.({block:"nearest"})}else if(t.key==="ArrowUp"){t.preventDefault();const i=e.findIndex(a=>a.id===n),r=i>0?i-1:e.length-1;s(e[r].id),e[r].scrollIntoView?.({block:"nearest"})}else t.key==="Home"?(t.preventDefault(),s(e[0].id),e[0].scrollIntoView?.({block:"nearest"})):t.key==="End"?(t.preventDefault(),s(e[e.length-1].id),e[e.length-1].scrollIntoView?.({block:"nearest"})):t.key==="Enter"&&n&&(t.preventDefault(),e.find(r=>r.id===n)?.click())},[n]);return l.jsx(j.CommandContext.Provider,{value:A,children:l.jsxs(y.Dialog.Portal,{children:[l.jsx(E,{}),l.jsx(y.Dialog.Popup,{className:M.cn(p.COMMAND_STYLES.content,p.COMMAND_STYLES.contentSize[b],D),"aria-label":g,"aria-labelledby":d,onKeyDown:q,...I,children:C})]})})});x.displayName="Command.Content";module.exports=x;
+//# sourceMappingURL=CommandContent.cjs.map

package/dist/components/overlay/command/components/command-content/CommandContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandContent.cjs","sources":["../../../../../../src/components/overlay/command/components/command-content/CommandContent.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, useCallback, useId, useMemo, useRef, useState, type FC } from 'react'\r\n\r\nimport { OverlayBackdrop } from '@components/overlay/_shared/components/overlay-backdrop'\r\nimport { CommandContext, type CommandContextValue } from '@components/overlay/command/context/Command.context.ts'\r\nimport { COMMAND_STYLES } from '@components/overlay/command/styles/Command.css.ts'\r\nimport type { CommandContentProps } from '@components/overlay/command/components/command-content/types/CommandContent.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The modal command palette panel.\r\n *\r\n * Renders into a portal with a backdrop. Creates the `CommandContext` that\r\n * provides `search`, `activeId`, `listId` and `listRef` to all descendant\r\n * slots. `Command.Input`, `Command.List`, `Command.Group`, `Command.Item`,\r\n * `Command.Empty` and `Command.Separator` must be rendered inside this slot.\r\n */\r\nconst CommandContent: FC<CommandContentProps> = memo(({\r\n    className,\r\n    size = 'md',\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    defaultAriaLabel = 'Command palette',\r\n    children,\r\n    ...props\r\n}) => {\r\n    const [search, setSearch] = useState('')\r\n    const [activeId, setActiveId] = useState<string | undefined>(undefined)\r\n    const listId = useId()\r\n    const listRef = useRef<HTMLDivElement>(null)\r\n\r\n    // Reset the highlighted item whenever the search query changes so stale\r\n    // positions are never retained after the visible-items set changes.\r\n    const prevSearchRef = useRef(search)\r\n    if (prevSearchRef.current !== search) {\r\n        prevSearchRef.current = search\r\n        setActiveId(undefined)\r\n    }\r\n\r\n    const ctx: CommandContextValue = useMemo(\r\n        () => ({ search, setSearch, activeId, setActiveId, listId, listRef }),\r\n        [search, activeId, listId],\r\n    )\r\n\r\n    // A role=\"dialog\" element must have an accessible name.\r\n    const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n    const handleKeyDown = useCallback(\r\n        (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n            const list = listRef.current\r\n            if (!list) {return}\r\n            if (\r\n                event.key !== 'ArrowDown' &&\r\n                event.key !== 'ArrowUp' &&\r\n                event.key !== 'Home' &&\r\n                event.key !== 'End' &&\r\n                event.key !== 'Enter'\r\n            ) {return}\r\n\r\n            // Collect only non-hidden, non-disabled options so that disabled and\r\n            // filtered-out items are transparently skipped by every navigation key.\r\n            const items = Array.from(\r\n                list.querySelectorAll<HTMLElement>(\r\n                    '[role=\"option\"]:not([hidden]):not([data-disabled])',\r\n                ),\r\n            )\r\n            if (!items.length) {return}\r\n\r\n            if (event.key === 'ArrowDown') {\r\n                event.preventDefault()\r\n                const idx = items.findIndex((el) => el.id === activeId)\r\n                // When nothing is highlighted (idx === -1), idx + 1 === 0 — first item.\r\n                const next = idx < items.length - 1 ? idx + 1 : 0\r\n                setActiveId(items[next].id)\r\n                items[next].scrollIntoView?.({ block: 'nearest' })\r\n            } else if (event.key === 'ArrowUp') {\r\n                event.preventDefault()\r\n                const idx = items.findIndex((el) => el.id === activeId)\r\n                // When nothing is highlighted (idx === -1), wrap to last item.\r\n                const prev = idx > 0 ? idx - 1 : items.length - 1\r\n                setActiveId(items[prev].id)\r\n                items[prev].scrollIntoView?.({ block: 'nearest' })\r\n            } else if (event.key === 'Home') {\r\n                // Jump to the first navigable item. preventDefault stops the input\r\n                // cursor from moving to position 0 so the highlight is the sole effect.\r\n                event.preventDefault()\r\n                setActiveId(items[0].id)\r\n                items[0].scrollIntoView?.({ block: 'nearest' })\r\n            } else if (event.key === 'End') {\r\n                // Jump to the last navigable item.\r\n                event.preventDefault()\r\n                setActiveId(items[items.length - 1].id)\r\n                items[items.length - 1].scrollIntoView?.({ block: 'nearest' })\r\n            } else if (event.key === 'Enter') {\r\n                if (activeId) {\r\n                    event.preventDefault()\r\n                    const active = items.find((el) => el.id === activeId)\r\n                    active?.click()\r\n                }\r\n            }\r\n        },\r\n        [activeId],\r\n    )\r\n\r\n    return (\r\n        <CommandContext.Provider value={ctx}>\r\n            <BaseDialog.Portal>\r\n                <OverlayBackdrop />\r\n                <BaseDialog.Popup\r\n                    className={cn(\r\n                        COMMAND_STYLES.content,\r\n                        COMMAND_STYLES.contentSize[size],\r\n                        className,\r\n                    )}\r\n                    aria-label={accessibleName}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    onKeyDown={handleKeyDown}\r\n                    {...props}\r\n                >\r\n                    {children}\r\n                </BaseDialog.Popup>\r\n            </BaseDialog.Portal>\r\n        </CommandContext.Provider>\r\n    )\r\n})\r\n\r\nCommandContent.displayName = 'Command.Content'\r\n\r\nexport default CommandContent\r\n"],"names":["CommandContent","memo","className","size","ariaLabel","ariaLabelledBy","defaultAriaLabel","children","props","search","setSearch","useState","activeId","setActiveId","listId","useId","listRef","useRef","prevSearchRef","ctx","useMemo","accessibleName","handleKeyDown","useCallback","event","list","items","idx","el","next","prev","jsx","CommandContext","jsxs","BaseDialog","OverlayBackdrop","cn","COMMAND_STYLES"],"mappings":"wTAiBMA,EAA0CC,EAAAA,KAAK,CAAC,CAClD,UAAAC,EACA,KAAAC,EAAO,KACP,aAAcC,EACd,kBAAmBC,EACnB,iBAAAC,EAAmB,kBACnB,SAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAE,EACjC,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAA6B,MAAS,EAChEG,EAASC,EAAAA,MAAA,EACTC,EAAUC,EAAAA,OAAuB,IAAI,EAIrCC,EAAgBD,EAAAA,OAAOR,CAAM,EAC/BS,EAAc,UAAYT,IAC1BS,EAAc,QAAUT,EACxBI,EAAY,MAAS,GAGzB,MAAMM,EAA2BC,EAAAA,QAC7B,KAAO,CAAE,OAAAX,EAAQ,UAAAC,EAAW,SAAAE,EAAU,YAAAC,EAAa,OAAAC,EAAQ,QAAAE,IAC3D,CAACP,EAAQG,EAAUE,CAAM,CAAA,EAIvBO,EAAiBjB,IAAcC,EAAiB,OAAYC,GAE5DgB,EAAgBC,EAAAA,YACjBC,GAA+C,CAC5C,MAAMC,EAAOT,EAAQ,QAErB,GADI,CAACS,GAEDD,EAAM,MAAQ,aACdA,EAAM,MAAQ,WACdA,EAAM,MAAQ,QACdA,EAAM,MAAQ,OACdA,EAAM,MAAQ,QACf,OAIH,MAAME,EAAQ,MAAM,KAChBD,EAAK,iBACD,oDAAA,CACJ,EAEJ,GAAKC,EAAM,OAEX,GAAIF,EAAM,MAAQ,YAAa,CAC3BA,EAAM,eAAA,EACN,MAAMG,EAAMD,EAAM,UAAWE,GAAOA,EAAG,KAAOhB,CAAQ,EAEhDiB,EAAOF,EAAMD,EAAM,OAAS,EAAIC,EAAM,EAAI,EAChDd,EAAYa,EAAMG,CAAI,EAAE,EAAE,EAC1BH,EAAMG,CAAI,EAAE,iBAAiB,CAAE,MAAO,UAAW,CACrD,SAAWL,EAAM,MAAQ,UAAW,CAChCA,EAAM,eAAA,EACN,MAAMG,EAAMD,EAAM,UAAWE,GAAOA,EAAG,KAAOhB,CAAQ,EAEhDkB,EAAOH,EAAM,EAAIA,EAAM,EAAID,EAAM,OAAS,EAChDb,EAAYa,EAAMI,CAAI,EAAE,EAAE,EAC1BJ,EAAMI,CAAI,EAAE,iBAAiB,CAAE,MAAO,UAAW,CACrD,MAAWN,EAAM,MAAQ,QAGrBA,EAAM,eAAA,EACNX,EAAYa,EAAM,CAAC,EAAE,EAAE,EACvBA,EAAM,CAAC,EAAE,iBAAiB,CAAE,MAAO,UAAW,GACvCF,EAAM,MAAQ,OAErBA,EAAM,eAAA,EACNX,EAAYa,EAAMA,EAAM,OAAS,CAAC,EAAE,EAAE,EACtCA,EAAMA,EAAM,OAAS,CAAC,EAAE,iBAAiB,CAAE,MAAO,UAAW,GACtDF,EAAM,MAAQ,SACjBZ,IACAY,EAAM,eAAA,EACSE,EAAM,KAAME,GAAOA,EAAG,KAAOhB,CAAQ,GAC5C,MAAA,EAGpB,EACA,CAACA,CAAQ,CAAA,EAGb,OACImB,MAACC,EAAAA,eAAe,SAAf,CAAwB,MAAOb,EAC5B,SAAAc,OAACC,EAAAA,OAAW,OAAX,CACG,SAAA,CAAAH,EAAAA,IAACI,EAAA,EAAgB,EACjBJ,EAAAA,IAACG,EAAAA,OAAW,MAAX,CACG,UAAWE,EAAAA,GACPC,EAAAA,eAAe,QACfA,EAAAA,eAAe,YAAYlC,CAAI,EAC/BD,CAAA,EAEJ,aAAYmB,EACZ,kBAAiBhB,EACjB,UAAWiB,EACV,GAAGd,EAEH,SAAAD,CAAA,CAAA,CACL,CAAA,CACJ,CAAA,CACJ,CAER,CAAC,EAEDP,EAAe,YAAc"}

package/dist/components/overlay/command/components/command-content/CommandContent.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { CommandContentProps } from './types/CommandContent.props.ts';
+/**
+ * The modal command palette panel.
+ *
+ * Renders into a portal with a backdrop. Creates the `CommandContext` that
+ * provides `search`, `activeId`, `listId` and `listRef` to all descendant
+ * slots. `Command.Input`, `Command.List`, `Command.Group`, `Command.Item`,
+ * `Command.Empty` and `Command.Separator` must be rendered inside this slot.
+ */
+declare const CommandContent: FC<CommandContentProps>;
+export default CommandContent;

package/dist/components/overlay/command/components/command-content/CommandContent.js

@@ -0,0 +1,68 @@
+import { jsx as s, jsxs as N } from "react/jsx-runtime";
+import { Dialog as u } from "@base-ui/react/dialog";
+import { memo as V, useState as k, useId as v, useRef as y, useMemo as M, useCallback as P } from "react";
+import R from "../../../_shared/components/overlay-backdrop/OverlayBackdrop.js";
+import { CommandContext as j } from "../../context/Command.context.js";
+import { COMMAND_STYLES as b } from "../../styles/Command.css.js";
+import { cn as H } from "../../../../../utils/cn.js";
+const K = V(({
+  className: h,
+  size: w = "md",
+  "aria-label": D,
+  "aria-labelledby": c,
+  defaultAriaLabel: x = "Command palette",
+  children: I,
+  ...C
+}) => {
+  const [i, A] = k(""), [t, n] = k(void 0), d = v(), m = y(null), f = y(i);
+  f.current !== i && (f.current = i, n(void 0));
+  const S = M(
+    () => ({ search: i, setSearch: A, activeId: t, setActiveId: n, listId: d, listRef: m }),
+    [i, t, d]
+  ), g = D ?? (c ? void 0 : x), E = P(
+    (o) => {
+      const p = m.current;
+      if (!p || o.key !== "ArrowDown" && o.key !== "ArrowUp" && o.key !== "Home" && o.key !== "End" && o.key !== "Enter")
+        return;
+      const e = Array.from(
+        p.querySelectorAll(
+          '[role="option"]:not([hidden]):not([data-disabled])'
+        )
+      );
+      if (e.length)
+        if (o.key === "ArrowDown") {
+          o.preventDefault();
+          const l = e.findIndex((a) => a.id === t), r = l < e.length - 1 ? l + 1 : 0;
+          n(e[r].id), e[r].scrollIntoView?.({ block: "nearest" });
+        } else if (o.key === "ArrowUp") {
+          o.preventDefault();
+          const l = e.findIndex((a) => a.id === t), r = l > 0 ? l - 1 : e.length - 1;
+          n(e[r].id), e[r].scrollIntoView?.({ block: "nearest" });
+        } else o.key === "Home" ? (o.preventDefault(), n(e[0].id), e[0].scrollIntoView?.({ block: "nearest" })) : o.key === "End" ? (o.preventDefault(), n(e[e.length - 1].id), e[e.length - 1].scrollIntoView?.({ block: "nearest" })) : o.key === "Enter" && t && (o.preventDefault(), e.find((r) => r.id === t)?.click());
+    },
+    [t]
+  );
+  return /* @__PURE__ */ s(j.Provider, { value: S, children: /* @__PURE__ */ N(u.Portal, { children: [
+    /* @__PURE__ */ s(R, {}),
+    /* @__PURE__ */ s(
+      u.Popup,
+      {
+        className: H(
+          b.content,
+          b.contentSize[w],
+          h
+        ),
+        "aria-label": g,
+        "aria-labelledby": c,
+        onKeyDown: E,
+        ...C,
+        children: I
+      }
+    )
+  ] }) });
+});
+K.displayName = "Command.Content";
+export {
+  K as default
+};
+//# sourceMappingURL=CommandContent.js.map

package/dist/components/overlay/command/components/command-content/CommandContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandContent.js","sources":["../../../../../../src/components/overlay/command/components/command-content/CommandContent.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\r\nimport { memo, useCallback, useId, useMemo, useRef, useState, type FC } from 'react'\r\n\r\nimport { OverlayBackdrop } from '@components/overlay/_shared/components/overlay-backdrop'\r\nimport { CommandContext, type CommandContextValue } from '@components/overlay/command/context/Command.context.ts'\r\nimport { COMMAND_STYLES } from '@components/overlay/command/styles/Command.css.ts'\r\nimport type { CommandContentProps } from '@components/overlay/command/components/command-content/types/CommandContent.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * The modal command palette panel.\r\n *\r\n * Renders into a portal with a backdrop. Creates the `CommandContext` that\r\n * provides `search`, `activeId`, `listId` and `listRef` to all descendant\r\n * slots. `Command.Input`, `Command.List`, `Command.Group`, `Command.Item`,\r\n * `Command.Empty` and `Command.Separator` must be rendered inside this slot.\r\n */\r\nconst CommandContent: FC<CommandContentProps> = memo(({\r\n    className,\r\n    size = 'md',\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    defaultAriaLabel = 'Command palette',\r\n    children,\r\n    ...props\r\n}) => {\r\n    const [search, setSearch] = useState('')\r\n    const [activeId, setActiveId] = useState<string | undefined>(undefined)\r\n    const listId = useId()\r\n    const listRef = useRef<HTMLDivElement>(null)\r\n\r\n    // Reset the highlighted item whenever the search query changes so stale\r\n    // positions are never retained after the visible-items set changes.\r\n    const prevSearchRef = useRef(search)\r\n    if (prevSearchRef.current !== search) {\r\n        prevSearchRef.current = search\r\n        setActiveId(undefined)\r\n    }\r\n\r\n    const ctx: CommandContextValue = useMemo(\r\n        () => ({ search, setSearch, activeId, setActiveId, listId, listRef }),\r\n        [search, activeId, listId],\r\n    )\r\n\r\n    // A role=\"dialog\" element must have an accessible name.\r\n    const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n    const handleKeyDown = useCallback(\r\n        (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n            const list = listRef.current\r\n            if (!list) {return}\r\n            if (\r\n                event.key !== 'ArrowDown' &&\r\n                event.key !== 'ArrowUp' &&\r\n                event.key !== 'Home' &&\r\n                event.key !== 'End' &&\r\n                event.key !== 'Enter'\r\n            ) {return}\r\n\r\n            // Collect only non-hidden, non-disabled options so that disabled and\r\n            // filtered-out items are transparently skipped by every navigation key.\r\n            const items = Array.from(\r\n                list.querySelectorAll<HTMLElement>(\r\n                    '[role=\"option\"]:not([hidden]):not([data-disabled])',\r\n                ),\r\n            )\r\n            if (!items.length) {return}\r\n\r\n            if (event.key === 'ArrowDown') {\r\n                event.preventDefault()\r\n                const idx = items.findIndex((el) => el.id === activeId)\r\n                // When nothing is highlighted (idx === -1), idx + 1 === 0 — first item.\r\n                const next = idx < items.length - 1 ? idx + 1 : 0\r\n                setActiveId(items[next].id)\r\n                items[next].scrollIntoView?.({ block: 'nearest' })\r\n            } else if (event.key === 'ArrowUp') {\r\n                event.preventDefault()\r\n                const idx = items.findIndex((el) => el.id === activeId)\r\n                // When nothing is highlighted (idx === -1), wrap to last item.\r\n                const prev = idx > 0 ? idx - 1 : items.length - 1\r\n                setActiveId(items[prev].id)\r\n                items[prev].scrollIntoView?.({ block: 'nearest' })\r\n            } else if (event.key === 'Home') {\r\n                // Jump to the first navigable item. preventDefault stops the input\r\n                // cursor from moving to position 0 so the highlight is the sole effect.\r\n                event.preventDefault()\r\n                setActiveId(items[0].id)\r\n                items[0].scrollIntoView?.({ block: 'nearest' })\r\n            } else if (event.key === 'End') {\r\n                // Jump to the last navigable item.\r\n                event.preventDefault()\r\n                setActiveId(items[items.length - 1].id)\r\n                items[items.length - 1].scrollIntoView?.({ block: 'nearest' })\r\n            } else if (event.key === 'Enter') {\r\n                if (activeId) {\r\n                    event.preventDefault()\r\n                    const active = items.find((el) => el.id === activeId)\r\n                    active?.click()\r\n                }\r\n            }\r\n        },\r\n        [activeId],\r\n    )\r\n\r\n    return (\r\n        <CommandContext.Provider value={ctx}>\r\n            <BaseDialog.Portal>\r\n                <OverlayBackdrop />\r\n                <BaseDialog.Popup\r\n                    className={cn(\r\n                        COMMAND_STYLES.content,\r\n                        COMMAND_STYLES.contentSize[size],\r\n                        className,\r\n                    )}\r\n                    aria-label={accessibleName}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    onKeyDown={handleKeyDown}\r\n                    {...props}\r\n                >\r\n                    {children}\r\n                </BaseDialog.Popup>\r\n            </BaseDialog.Portal>\r\n        </CommandContext.Provider>\r\n    )\r\n})\r\n\r\nCommandContent.displayName = 'Command.Content'\r\n\r\nexport default CommandContent\r\n"],"names":["CommandContent","memo","className","size","ariaLabel","ariaLabelledBy","defaultAriaLabel","children","props","search","setSearch","useState","activeId","setActiveId","listId","useId","listRef","useRef","prevSearchRef","ctx","useMemo","accessibleName","handleKeyDown","useCallback","event","list","items","idx","el","next","prev","jsx","CommandContext","jsxs","BaseDialog","OverlayBackdrop","cn","COMMAND_STYLES"],"mappings":";;;;;;;AAiBA,MAAMA,IAA0CC,EAAK,CAAC;AAAA,EAClD,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAE,GACjC,CAACC,GAAUC,CAAW,IAAIF,EAA6B,MAAS,GAChEG,IAASC,EAAA,GACTC,IAAUC,EAAuB,IAAI,GAIrCC,IAAgBD,EAAOR,CAAM;AACnC,EAAIS,EAAc,YAAYT,MAC1BS,EAAc,UAAUT,GACxBI,EAAY,MAAS;AAGzB,QAAMM,IAA2BC;AAAA,IAC7B,OAAO,EAAE,QAAAX,GAAQ,WAAAC,GAAW,UAAAE,GAAU,aAAAC,GAAa,QAAAC,GAAQ,SAAAE;IAC3D,CAACP,GAAQG,GAAUE,CAAM;AAAA,EAAA,GAIvBO,IAAiBjB,MAAcC,IAAiB,SAAYC,IAE5DgB,IAAgBC;AAAA,IAClB,CAACC,MAA+C;AAC5C,YAAMC,IAAOT,EAAQ;AAErB,UADI,CAACS,KAEDD,EAAM,QAAQ,eACdA,EAAM,QAAQ,aACdA,EAAM,QAAQ,UACdA,EAAM,QAAQ,SACdA,EAAM,QAAQ;AACf;AAIH,YAAME,IAAQ,MAAM;AAAA,QAChBD,EAAK;AAAA,UACD;AAAA,QAAA;AAAA,MACJ;AAEJ,UAAKC,EAAM;AAEX,YAAIF,EAAM,QAAQ,aAAa;AAC3B,UAAAA,EAAM,eAAA;AACN,gBAAMG,IAAMD,EAAM,UAAU,CAACE,MAAOA,EAAG,OAAOhB,CAAQ,GAEhDiB,IAAOF,IAAMD,EAAM,SAAS,IAAIC,IAAM,IAAI;AAChD,UAAAd,EAAYa,EAAMG,CAAI,EAAE,EAAE,GAC1BH,EAAMG,CAAI,EAAE,iBAAiB,EAAE,OAAO,WAAW;AAAA,QACrD,WAAWL,EAAM,QAAQ,WAAW;AAChC,UAAAA,EAAM,eAAA;AACN,gBAAMG,IAAMD,EAAM,UAAU,CAACE,MAAOA,EAAG,OAAOhB,CAAQ,GAEhDkB,IAAOH,IAAM,IAAIA,IAAM,IAAID,EAAM,SAAS;AAChD,UAAAb,EAAYa,EAAMI,CAAI,EAAE,EAAE,GAC1BJ,EAAMI,CAAI,EAAE,iBAAiB,EAAE,OAAO,WAAW;AAAA,QACrD,MAAA,CAAWN,EAAM,QAAQ,UAGrBA,EAAM,eAAA,GACNX,EAAYa,EAAM,CAAC,EAAE,EAAE,GACvBA,EAAM,CAAC,EAAE,iBAAiB,EAAE,OAAO,WAAW,KACvCF,EAAM,QAAQ,SAErBA,EAAM,eAAA,GACNX,EAAYa,EAAMA,EAAM,SAAS,CAAC,EAAE,EAAE,GACtCA,EAAMA,EAAM,SAAS,CAAC,EAAE,iBAAiB,EAAE,OAAO,WAAW,KACtDF,EAAM,QAAQ,WACjBZ,MACAY,EAAM,eAAA,GACSE,EAAM,KAAK,CAACE,MAAOA,EAAG,OAAOhB,CAAQ,GAC5C,MAAA;AAAA,IAGpB;AAAA,IACA,CAACA,CAAQ;AAAA,EAAA;AAGb,SACI,gBAAAmB,EAACC,EAAe,UAAf,EAAwB,OAAOb,GAC5B,UAAA,gBAAAc,EAACC,EAAW,QAAX,EACG,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EAAgB;AAAA,IACjB,gBAAAJ;AAAA,MAACG,EAAW;AAAA,MAAX;AAAA,QACG,WAAWE;AAAA,UACPC,EAAe;AAAA,UACfA,EAAe,YAAYlC,CAAI;AAAA,UAC/BD;AAAA,QAAA;AAAA,QAEJ,cAAYmB;AAAA,QACZ,mBAAiBhB;AAAA,QACjB,WAAWiB;AAAA,QACV,GAAGd;AAAA,QAEH,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,EAAA,CACJ,EAAA,CACJ;AAER,CAAC;AAEDP,EAAe,cAAc;"}