silver-ui 0.1.0

package/dist/chunk-ZHFAFEI2.js

@@ -0,0 +1,247 @@
+import { Button } from './chunk-VLIQPSPM.js';
+import { mergeRefs } from './chunk-SGLIDI6R.js';
+import { cva } from './chunk-NAELQLZN.js';
+import { cx } from './chunk-PPNETWIP.js';
+import { css } from './chunk-UHQRL4OA.js';
+import { createContext, use, useCallback, useRef, useEffect } from 'react';
+import { X, Menu } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultValue = {
+  closeMobileNav: () => {
+  },
+  hasAutoToggle: true,
+  isMobile: false,
+  isMobileNavEnabled: false,
+  isMobileNavOpen: false,
+  openMobileNav: () => {
+  },
+  toggleMobileNav: () => {
+  }
+};
+var AppShellMobileContext = createContext(defaultValue);
+AppShellMobileContext.displayName = "AppShellMobileContext";
+function useAppShellMobile() {
+  return use(AppShellMobileContext);
+}
+
+// src/internal/MobileNav/MobileNav.recipe.ts
+var mobileNavRecipe = cva({
+  base: {
+    position: "fixed",
+    inset: 0,
+    m: 0,
+    p: 0,
+    borderWidth: 0,
+    maxW: "none",
+    maxH: "none",
+    w: "100vw",
+    h: "100dvh",
+    bg: "transparent",
+    overflow: "hidden",
+    display: "none",
+    "&::backdrop": {
+      bg: "overlay.scrim",
+      backdropFilter: "blur(2px)"
+    }
+  },
+  variants: {
+    isOpen: {
+      true: {
+        display: "flex"
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    isOpen: false
+  }
+});
+function formatSize(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+var CLOSE_BUTTON_SELECTOR = '[aria-label="Close navigation"]';
+var styles = {
+  drawer: css({
+    position: "absolute",
+    insetBlock: 0,
+    display: "flex",
+    flexDirection: "column",
+    bg: "bg",
+    borderColor: "border",
+    boxSizing: "border-box",
+    overflow: "hidden",
+    transitionProperty: "transform",
+    transitionDuration: "fast",
+    transitionTimingFunction: "default",
+    "@media (prefers-reduced-motion: reduce)": {
+      transitionDuration: "0.01s"
+    }
+  }),
+  drawerStart: css({
+    insetInlineStart: 0,
+    borderInlineEndWidth: "default",
+    transform: "translateX(-100%)"
+  }),
+  drawerEnd: css({
+    insetInlineEnd: 0,
+    borderInlineStartWidth: "default",
+    transform: "translateX(100%)"
+  }),
+  drawerOpen: css({
+    transform: "translateX(0)"
+  }),
+  header: css({
+    h: "12",
+    px: "2",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    borderBlockEndWidth: "default",
+    borderBlockEndStyle: "solid",
+    borderBlockEndColor: "border",
+    flexShrink: 0
+  }),
+  body: css({
+    flex: 1,
+    overflowY: "auto",
+    overflowX: "hidden",
+    p: "2"
+  })
+};
+function MobileNav({
+  children,
+  className,
+  "data-testid": dataTestId,
+  header,
+  isOpen: isOpenFromProps,
+  label,
+  onOpenChange: onOpenChangeFromProps,
+  ref,
+  side = "end",
+  size = 320,
+  style
+}) {
+  const appShellMobile = useAppShellMobile();
+  const isOpen = isOpenFromProps ?? appShellMobile.isMobileNavOpen;
+  const { openMobileNav, closeMobileNav } = appShellMobile;
+  const onOpenChange = useCallback(
+    (isNextOpen) => {
+      if (onOpenChangeFromProps != null) {
+        onOpenChangeFromProps(isNextOpen);
+      } else if (isNextOpen) {
+        openMobileNav();
+      } else {
+        closeMobileNav();
+      }
+    },
+    [openMobileNav, closeMobileNav, onOpenChangeFromProps]
+  );
+  const dialogRef = useRef(null);
+  useEffect(() => {
+    const dialog = dialogRef.current;
+    if (dialog == null) {
+      return;
+    }
+    if (isOpen && !dialog.open) {
+      dialog.showModal();
+      const firstFocusable = dialog.querySelector(
+        `a[href], button:not(${CLOSE_BUTTON_SELECTOR}):not([disabled])`
+      );
+      if (firstFocusable != null) {
+        firstFocusable.focus();
+      }
+    } else if (!isOpen && dialog.open) {
+      dialog.close();
+    }
+  }, [isOpen]);
+  useEffect(() => {
+    if (!isOpen) {
+      return;
+    }
+    const previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = previousOverflow;
+    };
+  }, [isOpen]);
+  const formattedSize = formatSize(size);
+  return /* @__PURE__ */ jsx(
+    "dialog",
+    {
+      "aria-label": label ?? (typeof header === "string" ? header : "Navigation"),
+      className: cx(mobileNavRecipe({ isOpen }), className),
+      "data-testid": dataTestId,
+      onCancel: (event) => {
+        event.preventDefault();
+        onOpenChange(false);
+      },
+      onClick: (event) => {
+        if (event.target === event.currentTarget) {
+          onOpenChange(false);
+        }
+      },
+      ref: mergeRefs(ref, dialogRef),
+      style,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cx(
+            styles.drawer,
+            side === "start" ? styles.drawerStart : styles.drawerEnd,
+            isOpen && styles.drawerOpen
+          ),
+          style: { maxWidth: formattedSize, width: "100vw" },
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
+              header ?? /* @__PURE__ */ jsx("span", {}),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  icon: X,
+                  isIconOnly: true,
+                  label: "Close navigation",
+                  onClick: () => onOpenChange(false),
+                  variant: "ghost"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: styles.body, children })
+          ]
+        }
+      )
+    }
+  );
+}
+MobileNav.displayName = "MobileNav";
+function MobileNavToggle({
+  className,
+  "data-testid": dataTestId,
+  label = "Open navigation",
+  ref,
+  style
+}) {
+  const { isMobile, isMobileNavEnabled, toggleMobileNav } = useAppShellMobile();
+  if (!isMobile || !isMobileNavEnabled) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      className,
+      "data-testid": dataTestId ?? "mobile-nav-toggle",
+      icon: Menu,
+      isIconOnly: true,
+      label,
+      onClick: toggleMobileNav,
+      ref,
+      style,
+      variant: "ghost"
+    }
+  );
+}
+MobileNavToggle.displayName = "MobileNavToggle";
+
+export { AppShellMobileContext, MobileNav, MobileNavToggle, useAppShellMobile };
+//# sourceMappingURL=chunk-ZHFAFEI2.js.map
+//# sourceMappingURL=chunk-ZHFAFEI2.js.map

package/dist/chunk-ZHFAFEI2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppShell/AppShellMobileContext.tsx","../src/internal/MobileNav/MobileNav.recipe.ts","../src/internal/MobileNav/MobileNav.tsx","../src/internal/MobileNav/MobileNavToggle.tsx"],"names":["jsx"],"mappings":";;;;;;;;;AAYA,IAAM,YAAA,GAA2C;AAAA,EAC/C,gBAAgB,MAAM;AAAA,EAAC,CAAA;AAAA,EACvB,aAAA,EAAe,IAAA;AAAA,EACf,QAAA,EAAU,KAAA;AAAA,EACV,kBAAA,EAAoB,KAAA;AAAA,EACpB,eAAA,EAAiB,KAAA;AAAA,EACjB,eAAe,MAAM;AAAA,EAAC,CAAA;AAAA,EACtB,iBAAiB,MAAM;AAAA,EAAC;AAC1B,CAAA;AAEO,IAAM,qBAAA,GACX,cAA0C,YAAY;AACxD,qBAAA,CAAsB,WAAA,GAAc,uBAAA;AAE7B,SAAS,iBAAA,GAAgD;AAC9D,EAAA,OAAO,IAAI,qBAAqB,CAAA;AAClC;;;AC1BO,IAAM,kBAAkB,GAAA,CAAI;AAAA,EACjC,IAAA,EAAM;AAAA,IACJ,QAAA,EAAU,OAAA;AAAA,IACV,KAAA,EAAO,CAAA;AAAA,IACP,CAAA,EAAG,CAAA;AAAA,IACH,CAAA,EAAG,CAAA;AAAA,IACH,WAAA,EAAa,CAAA;AAAA,IACb,IAAA,EAAM,MAAA;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,CAAA,EAAG,OAAA;AAAA,IACH,CAAA,EAAG,QAAA;AAAA,IACH,EAAA,EAAI,aAAA;AAAA,IACJ,QAAA,EAAU,QAAA;AAAA,IACV,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe;AAAA,MACb,EAAA,EAAI,eAAA;AAAA,MACJ,cAAA,EAAgB;AAAA;AAClB,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,OACX;AAAA,MACA,OAAO;AAAC;AACV,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,MAAA,EAAQ;AAAA;AAEZ,CAAC,CAAA;ACgCD,SAAS,WAAW,KAAA,EAAgC;AAClD,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,GAAO,KAAA;AACpD;AAEA,IAAM,qBAAA,GAAwB,iCAAA;AAE9B,IAAM,MAAA,GAAS;AAAA,EACb,QAAQ,GAAA,CAAI;AAAA,IACV,QAAA,EAAU,UAAA;AAAA,IACV,UAAA,EAAY,CAAA;AAAA,IACZ,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,EAAA,EAAI,IAAA;AAAA,IACJ,WAAA,EAAa,QAAA;AAAA,IACb,SAAA,EAAW,YAAA;AAAA,IACX,QAAA,EAAU,QAAA;AAAA,IACV,kBAAA,EAAoB,WAAA;AAAA,IACpB,kBAAA,EAAoB,MAAA;AAAA,IACpB,wBAAA,EAA0B,SAAA;AAAA,IAC1B,yCAAA,EAA2C;AAAA,MACzC,kBAAA,EAAoB;AAAA;AACtB,GACD,CAAA;AAAA,EACD,aAAa,GAAA,CAAI;AAAA,IACf,gBAAA,EAAkB,CAAA;AAAA,IAClB,oBAAA,EAAsB,SAAA;AAAA,IACtB,SAAA,EAAW;AAAA,GACZ,CAAA;AAAA,EACD,WAAW,GAAA,CAAI;AAAA,IACb,cAAA,EAAgB,CAAA;AAAA,IAChB,sBAAA,EAAwB,SAAA;AAAA,IACxB,SAAA,EAAW;AAAA,GACZ,CAAA;AAAA,EACD,YAAY,GAAA,CAAI;AAAA,IACd,SAAA,EAAW;AAAA,GACZ,CAAA;AAAA,EACD,QAAQ,GAAA,CAAI;AAAA,IACV,CAAA,EAAG,IAAA;AAAA,IACH,EAAA,EAAI,GAAA;AAAA,IACJ,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,eAAA;AAAA,IAChB,mBAAA,EAAqB,SAAA;AAAA,IACrB,mBAAA,EAAqB,OAAA;AAAA,IACrB,mBAAA,EAAqB,QAAA;AAAA,IACrB,UAAA,EAAY;AAAA,GACb,CAAA;AAAA,EACD,MAAM,GAAA,CAAI;AAAA,IACR,IAAA,EAAM,CAAA;AAAA,IACN,SAAA,EAAW,MAAA;AAAA,IACX,SAAA,EAAW,QAAA;AAAA,IACX,CAAA,EAAG;AAAA,GACJ;AACH,CAAA;AAEO,SAAS,SAAA,CAAU;AAAA,EACxB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,MAAA;AAAA,EACA,MAAA,EAAQ,eAAA;AAAA,EACR,KAAA;AAAA,EACA,YAAA,EAAc,qBAAA;AAAA,EACd,GAAA;AAAA,EACA,IAAA,GAAO,KAAA;AAAA,EACP,IAAA,GAAO,GAAA;AAAA,EACP;AACF,CAAA,EAAsC;AACpC,EAAA,MAAM,iBAAiB,iBAAA,EAAkB;AACzC,EAAA,MAAM,MAAA,GAAS,mBAAmB,cAAA,CAAe,eAAA;AACjD,EAAA,MAAM,EAAC,aAAA,EAAe,cAAA,EAAc,GAAI,cAAA;AACxC,EAAA,MAAM,YAAA,GAAe,WAAA;AAAA,IACnB,CAAC,UAAA,KAAwB;AACvB,MAAA,IAAI,yBAAyB,IAAA,EAAM;AACjC,QAAA,qBAAA,CAAsB,UAAU,CAAA;AAAA,MAClC,WAAW,UAAA,EAAY;AACrB,QAAA,aAAA,EAAc;AAAA,MAChB,CAAA,MAAO;AACL,QAAA,cAAA,EAAe;AAAA,MACjB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,aAAA,EAAe,cAAA,EAAgB,qBAAqB;AAAA,GACvD;AACA,EAAA,MAAM,SAAA,GAAY,OAA0B,IAAI,CAAA;AAEhD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AAEzB,IAAA,IAAI,UAAU,IAAA,EAAM;AAClB,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,MAAA,IAAU,CAAC,MAAA,CAAO,IAAA,EAAM;AAC1B,MAAA,MAAA,CAAO,SAAA,EAAU;AAEjB,MAAA,MAAM,iBAAiB,MAAA,CAAO,aAAA;AAAA,QAC5B,uBAAuB,qBAAqB,CAAA,iBAAA;AAAA,OAC9C;AACA,MAAA,IAAI,kBAAkB,IAAA,EAAM;AAC1B,QAAA,cAAA,CAAe,KAAA,EAAM;AAAA,MACvB;AAAA,IACF,CAAA,MAAA,IAAW,CAAC,MAAA,IAAU,MAAA,CAAO,IAAA,EAAM;AACjC,MAAA,MAAA,CAAO,KAAA,EAAM;AAAA,IACf;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,EAAQ;AACX,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,gBAAA,GAAmB,QAAA,CAAS,IAAA,CAAK,KAAA,CAAM,QAAA;AAC7C,IAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,QAAA;AAC/B,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,gBAAA;AAAA,IACjC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,aAAA,GAAgB,WAAW,IAAI,CAAA;AAErC,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,KAAA,KAAU,OAAO,MAAA,KAAW,WAAW,MAAA,GAAS,YAAA,CAAA;AAAA,MAC5D,WAAW,EAAA,CAAG,eAAA,CAAgB,EAAC,MAAA,EAAO,GAAG,SAAS,CAAA;AAAA,MAClD,aAAA,EAAa,UAAA;AAAA,MACb,UAAU,CAAA,KAAA,KAAS;AACjB,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,YAAA,CAAa,KAAK,CAAA;AAAA,MACpB,CAAA;AAAA,MACA,SAAS,CAAA,KAAA,KAAS;AAChB,QAAA,IAAI,KAAA,CAAM,MAAA,KAAW,KAAA,CAAM,aAAA,EAAe;AACxC,UAAA,YAAA,CAAa,KAAK,CAAA;AAAA,QACpB;AAAA,MACF,CAAA;AAAA,MACA,GAAA,EAAK,SAAA,CAAU,GAAA,EAAK,SAAS,CAAA;AAAA,MAC7B,KAAA;AAAA,MACA,QAAA,kBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,MAAA,CAAO,MAAA;AAAA,YACP,IAAA,KAAS,OAAA,GAAU,MAAA,CAAO,WAAA,GAAc,MAAA,CAAO,SAAA;AAAA,YAC/C,UAAU,MAAA,CAAO;AAAA,WACnB;AAAA,UACA,KAAA,EAAO,EAAC,QAAA,EAAU,aAAA,EAAe,OAAO,OAAA,EAAO;AAAA,UAC/C,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,MAAA,EACpB,QAAA,EAAA;AAAA,cAAA,MAAA,wBAAW,MAAA,EAAA,EAAK,CAAA;AAAA,8BACjB,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAM,CAAA;AAAA,kBACN,UAAA,EAAU,IAAA;AAAA,kBACV,KAAA,EAAM,kBAAA;AAAA,kBACN,OAAA,EAAS,MAAM,YAAA,CAAa,KAAK,CAAA;AAAA,kBACjC,OAAA,EAAQ;AAAA;AAAA;AACV,aAAA,EACF,CAAA;AAAA,4BACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,MAAO,QAAA,EAAS;AAAA;AAAA;AAAA;AACzC;AAAA,GACF;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;AC1LjB,SAAS,eAAA,CAAgB;AAAA,EAC9B,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA,GAAQ,iBAAA;AAAA,EACR,GAAA;AAAA,EACA;AACF,CAAA,EAAmD;AACjD,EAAA,MAAM,EAAC,QAAA,EAAU,kBAAA,EAAoB,eAAA,KAAmB,iBAAA,EAAkB;AAE1E,EAAA,IAAI,CAAC,QAAA,IAAY,CAAC,kBAAA,EAAoB;AACpC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACEA,GAAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,eAAa,UAAA,IAAc,mBAAA;AAAA,MAC3B,IAAA,EAAM,IAAA;AAAA,MACN,UAAA,EAAU,IAAA;AAAA,MACV,KAAA;AAAA,MACA,OAAA,EAAS,eAAA;AAAA,MACT,GAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA,EAAQ;AAAA;AAAA,GACV;AAEJ;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA","file":"chunk-ZHFAFEI2.js","sourcesContent":["import {createContext, use} from 'react';\n\nexport interface AppShellMobileContextValue {\n  closeMobileNav: () => void;\n  hasAutoToggle: boolean;\n  isMobile: boolean;\n  isMobileNavEnabled: boolean;\n  isMobileNavOpen: boolean;\n  openMobileNav: () => void;\n  toggleMobileNav: () => void;\n}\n\nconst defaultValue: AppShellMobileContextValue = {\n  closeMobileNav: () => {},\n  hasAutoToggle: true,\n  isMobile: false,\n  isMobileNavEnabled: false,\n  isMobileNavOpen: false,\n  openMobileNav: () => {},\n  toggleMobileNav: () => {},\n};\n\nexport const AppShellMobileContext =\n  createContext<AppShellMobileContextValue>(defaultValue);\nAppShellMobileContext.displayName = 'AppShellMobileContext';\n\nexport function useAppShellMobile(): AppShellMobileContextValue {\n  return use(AppShellMobileContext);\n}\n","import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const mobileNavRecipe = cva({\n  base: {\n    position: 'fixed',\n    inset: 0,\n    m: 0,\n    p: 0,\n    borderWidth: 0,\n    maxW: 'none',\n    maxH: 'none',\n    w: '100vw',\n    h: '100dvh',\n    bg: 'transparent',\n    overflow: 'hidden',\n    display: 'none',\n    '&::backdrop': {\n      bg: 'overlay.scrim',\n      backdropFilter: 'blur(2px)',\n    },\n  },\n  variants: {\n    isOpen: {\n      true: {\n        display: 'flex',\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isOpen: false,\n  },\n});\n\nexport type MobileNavVariants = RecipeVariantProps<typeof mobileNavRecipe>;\n","import {X} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useCallback, useEffect, useRef} from 'react';\nimport {css} from 'styled-system/css';\nimport {useAppShellMobile} from '../../components/AppShell/AppShellMobileContext';\nimport {Button} from '../../components/Button';\nimport {cx} from '../cx';\nimport {mergeRefs} from '../mergeRefs';\nimport {mobileNavRecipe} from './MobileNav.recipe';\n\nexport type MobileNavSide = 'start' | 'end';\n\n/**\n * Slide-out drawer for mobile navigation.\n */\nexport interface MobileNavProps {\n  /**\n   * Drawer body content.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the dialog element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the dialog element.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered in the drawer header bar.\n   */\n  header?: ReactNode;\n  /**\n   * Whether the drawer is open.\n   */\n  isOpen?: boolean;\n  /**\n   * Accessible label for the dialog.\n   */\n  label?: string;\n  /**\n   * Called when the drawer requests an open-state change.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the dialog element.\n   */\n  ref?: Ref<HTMLDialogElement>;\n  /**\n   * Which edge of the viewport the drawer slides from.\n   * @default 'end'\n   */\n  side?: MobileNavSide;\n  /**\n   * Maximum drawer width.\n   * @default 320\n   */\n  size?: number | string;\n  /**\n   * Inline styles applied to the dialog element.\n   */\n  style?: CSSProperties;\n}\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nconst CLOSE_BUTTON_SELECTOR = '[aria-label=\"Close navigation\"]';\n\nconst styles = {\n  drawer: css({\n    position: 'absolute',\n    insetBlock: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    bg: 'bg',\n    borderColor: 'border',\n    boxSizing: 'border-box',\n    overflow: 'hidden',\n    transitionProperty: 'transform',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    '@media (prefers-reduced-motion: reduce)': {\n      transitionDuration: '0.01s',\n    },\n  }),\n  drawerStart: css({\n    insetInlineStart: 0,\n    borderInlineEndWidth: 'default',\n    transform: 'translateX(-100%)',\n  }),\n  drawerEnd: css({\n    insetInlineEnd: 0,\n    borderInlineStartWidth: 'default',\n    transform: 'translateX(100%)',\n  }),\n  drawerOpen: css({\n    transform: 'translateX(0)',\n  }),\n  header: css({\n    h: '12',\n    px: '2',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    borderBlockEndWidth: 'default',\n    borderBlockEndStyle: 'solid',\n    borderBlockEndColor: 'border',\n    flexShrink: 0,\n  }),\n  body: css({\n    flex: 1,\n    overflowY: 'auto',\n    overflowX: 'hidden',\n    p: '2',\n  }),\n};\n\nexport function MobileNav({\n  children,\n  className,\n  'data-testid': dataTestId,\n  header,\n  isOpen: isOpenFromProps,\n  label,\n  onOpenChange: onOpenChangeFromProps,\n  ref,\n  side = 'end',\n  size = 320,\n  style,\n}: MobileNavProps): React.JSX.Element {\n  const appShellMobile = useAppShellMobile();\n  const isOpen = isOpenFromProps ?? appShellMobile.isMobileNavOpen;\n  const {openMobileNav, closeMobileNav} = appShellMobile;\n  const onOpenChange = useCallback(\n    (isNextOpen: boolean) => {\n      if (onOpenChangeFromProps != null) {\n        onOpenChangeFromProps(isNextOpen);\n      } else if (isNextOpen) {\n        openMobileNav();\n      } else {\n        closeMobileNav();\n      }\n    },\n    [openMobileNav, closeMobileNav, onOpenChangeFromProps],\n  );\n  const dialogRef = useRef<HTMLDialogElement>(null);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n\n    if (dialog == null) {\n      return;\n    }\n\n    if (isOpen && !dialog.open) {\n      dialog.showModal();\n\n      const firstFocusable = dialog.querySelector<HTMLElement>(\n        `a[href], button:not(${CLOSE_BUTTON_SELECTOR}):not([disabled])`,\n      );\n      if (firstFocusable != null) {\n        firstFocusable.focus();\n      }\n    } else if (!isOpen && dialog.open) {\n      dialog.close();\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const previousOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = previousOverflow;\n    };\n  }, [isOpen]);\n\n  const formattedSize = formatSize(size);\n\n  return (\n    <dialog\n      aria-label={label ?? (typeof header === 'string' ? header : 'Navigation')}\n      className={cx(mobileNavRecipe({isOpen}), className)}\n      data-testid={dataTestId}\n      onCancel={event => {\n        event.preventDefault();\n        onOpenChange(false);\n      }}\n      onClick={event => {\n        if (event.target === event.currentTarget) {\n          onOpenChange(false);\n        }\n      }}\n      ref={mergeRefs(ref, dialogRef)}\n      style={style}>\n      <div\n        className={cx(\n          styles.drawer,\n          side === 'start' ? styles.drawerStart : styles.drawerEnd,\n          isOpen && styles.drawerOpen,\n        )}\n        style={{maxWidth: formattedSize, width: '100vw'}}>\n        <div className={styles.header}>\n          {header ?? <span />}\n          <Button\n            icon={X}\n            isIconOnly\n            label=\"Close navigation\"\n            onClick={() => onOpenChange(false)}\n            variant=\"ghost\"\n          />\n        </div>\n        <div className={styles.body}>{children}</div>\n      </div>\n    </dialog>\n  );\n}\n\nMobileNav.displayName = 'MobileNav';\n","import {Menu} from 'lucide-react';\nimport type {CSSProperties, Ref} from 'react';\nimport {useAppShellMobile} from '../../components/AppShell/AppShellMobileContext';\nimport {Button} from '../../components/Button';\n\n/**\n * Props for {@link MobileNavToggle}.\n */\nexport interface MobileNavToggleProps {\n  /**\n   * Additional CSS class names applied to the toggle button.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the toggle button.\n   */\n  'data-testid'?: string;\n  /**\n   * Accessible label for the toggle button.\n   * @default 'Open navigation'\n   */\n  label?: string;\n  /**\n   * Ref forwarded to the toggle button.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Inline styles applied to the toggle button.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Hamburger-style button that toggles the mobile navigation drawer.\n * Renders nothing when the viewport is above the mobile breakpoint or\n * mobile navigation is disabled.\n */\nexport function MobileNavToggle({\n  className,\n  'data-testid': dataTestId,\n  label = 'Open navigation',\n  ref,\n  style,\n}: MobileNavToggleProps): React.JSX.Element | null {\n  const {isMobile, isMobileNavEnabled, toggleMobileNav} = useAppShellMobile();\n\n  if (!isMobile || !isMobileNavEnabled) {\n    return null;\n  }\n\n  return (\n    <Button\n      className={className}\n      data-testid={dataTestId ?? 'mobile-nav-toggle'}\n      icon={Menu}\n      isIconOnly\n      label={label}\n      onClick={toggleMobileNav}\n      ref={ref}\n      style={style}\n      variant=\"ghost\"\n    />\n  );\n}\n\nMobileNavToggle.displayName = 'MobileNavToggle';\n"]}

package/dist/chunk-ZVBVKZ4P.cjs

@@ -0,0 +1,84 @@
+'use strict';
+
+var chunkJAX62FUE_cjs = require('./chunk-JAX62FUE.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Card/Card.recipe.ts
+var cardRecipe = chunkJAX62FUE_cjs.cva({
+  base: {
+    borderRadius: "lg",
+    borderWidth: "default",
+    borderStyle: "solid",
+    borderColor: "transparent"
+  },
+  variants: {
+    variant: {
+      default: {
+        bg: "bg",
+        borderColor: "border"
+      },
+      transparent: {
+        bg: "transparent"
+      },
+      muted: {
+        bg: "bg.subtle"
+      },
+      blue: { bg: "surface.blue" },
+      cyan: { bg: "surface.cyan" },
+      gray: { bg: "surface.gray" },
+      green: { bg: "surface.green" },
+      orange: { bg: "surface.orange" },
+      pink: { bg: "surface.pink" },
+      purple: { bg: "surface.purple" },
+      red: { bg: "surface.red" },
+      teal: { bg: "surface.teal" },
+      yellow: { bg: "surface.yellow" }
+    },
+    padding: {
+      0: { p: "0" },
+      0.5: { p: "0.5" },
+      1: { p: "1" },
+      1.5: { p: "1.5" },
+      2: { p: "2" },
+      3: { p: "3" },
+      4: { p: "4" },
+      5: { p: "5" },
+      6: { p: "6" },
+      8: { p: "8" },
+      10: { p: "10" }
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    padding: 0
+  }
+});
+function Card({
+  children,
+  className,
+  "data-testid": dataTestId,
+  padding = 0,
+  ref,
+  style,
+  variant = "default",
+  ...htmlProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...htmlProps,
+      className: chunkSPDVNY2Z_cjs.cx(cardRecipe({ variant, padding }), className),
+      "data-testid": dataTestId,
+      ref,
+      style,
+      children
+    }
+  );
+}
+Card.displayName = "Card";
+
+exports.Card = Card;
+exports.cardRecipe = cardRecipe;
+//# sourceMappingURL=chunk-ZVBVKZ4P.cjs.map
+//# sourceMappingURL=chunk-ZVBVKZ4P.cjs.map

package/dist/chunk-ZVBVKZ4P.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.recipe.ts","../src/components/Card/Card.tsx"],"names":["cva","jsx","cx"],"mappings":";;;;;;;AAEO,IAAM,aAAaA,qBAAA,CAAI;AAAA,EAC5B,IAAA,EAAM;AAAA,IACJ,YAAA,EAAc,IAAA;AAAA,IACd,WAAA,EAAa,SAAA;AAAA,IACb,WAAA,EAAa,OAAA;AAAA,IACb,WAAA,EAAa;AAAA,GACf;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS;AAAA,QACP,EAAA,EAAI,IAAA;AAAA,QACJ,WAAA,EAAa;AAAA,OACf;AAAA,MACA,WAAA,EAAa;AAAA,QACX,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,QACL,EAAA,EAAI;AAAA,OACN;AAAA,MACA,IAAA,EAAM,EAAC,EAAA,EAAI,cAAA,EAAc;AAAA,MACzB,IAAA,EAAM,EAAC,EAAA,EAAI,cAAA,EAAc;AAAA,MACzB,IAAA,EAAM,EAAC,EAAA,EAAI,cAAA,EAAc;AAAA,MACzB,KAAA,EAAO,EAAC,EAAA,EAAI,eAAA,EAAe;AAAA,MAC3B,MAAA,EAAQ,EAAC,EAAA,EAAI,gBAAA,EAAgB;AAAA,MAC7B,IAAA,EAAM,EAAC,EAAA,EAAI,cAAA,EAAc;AAAA,MACzB,MAAA,EAAQ,EAAC,EAAA,EAAI,gBAAA,EAAgB;AAAA,MAC7B,GAAA,EAAK,EAAC,EAAA,EAAI,aAAA,EAAa;AAAA,MACvB,IAAA,EAAM,EAAC,EAAA,EAAI,cAAA,EAAc;AAAA,MACzB,MAAA,EAAQ,EAAC,EAAA,EAAI,gBAAA;AAAgB,KAC/B;AAAA,IACA,OAAA,EAAS;AAAA,MACP,CAAA,EAAG,EAAC,CAAA,EAAG,GAAA,EAAG;AAAA,MACV,GAAA,EAAK,EAAC,CAAA,EAAG,KAAA,EAAK;AAAA,MACd,CAAA,EAAG,EAAC,CAAA,EAAG,GAAA,EAAG;AAAA,MACV,GAAA,EAAK,EAAC,CAAA,EAAG,KAAA,EAAK;AAAA,MACd,CAAA,EAAG,EAAC,CAAA,EAAG,GAAA,EAAG;AAAA,MACV,CAAA,EAAG,EAAC,CAAA,EAAG,GAAA,EAAG;AAAA,MACV,CAAA,EAAG,EAAC,CAAA,EAAG,GAAA,EAAG;AAAA,MACV,CAAA,EAAG,EAAC,CAAA,EAAG,GAAA,EAAG;AAAA,MACV,CAAA,EAAG,EAAC,CAAA,EAAG,GAAA,EAAG;AAAA,MACV,CAAA,EAAG,EAAC,CAAA,EAAG,GAAA,EAAG;AAAA,MACV,EAAA,EAAI,EAAC,CAAA,EAAG,IAAA;AAAI;AACd,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,OAAA,EAAS;AAAA;AAEb,CAAC;ACPM,SAAS,IAAA,CAAK;AAAA,EACnB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,OAAA,GAAU,CAAA;AAAA,EACV,GAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,GAAG;AACL,CAAA,EAAiC;AAC/B,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,SAAA,EAAWC,qBAAG,UAAA,CAAW,EAAC,SAAS,OAAA,EAAQ,GAAG,SAAS,CAAA;AAAA,MACvD,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA;AAAA,MACC;AAAA;AAAA,GACH;AAEJ;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-ZVBVKZ4P.cjs","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const cardRecipe = cva({\n  base: {\n    borderRadius: 'lg',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'transparent',\n  },\n  variants: {\n    variant: {\n      default: {\n        bg: 'bg',\n        borderColor: 'border',\n      },\n      transparent: {\n        bg: 'transparent',\n      },\n      muted: {\n        bg: 'bg.subtle',\n      },\n      blue: {bg: 'surface.blue'},\n      cyan: {bg: 'surface.cyan'},\n      gray: {bg: 'surface.gray'},\n      green: {bg: 'surface.green'},\n      orange: {bg: 'surface.orange'},\n      pink: {bg: 'surface.pink'},\n      purple: {bg: 'surface.purple'},\n      red: {bg: 'surface.red'},\n      teal: {bg: 'surface.teal'},\n      yellow: {bg: 'surface.yellow'},\n    },\n    padding: {\n      0: {p: '0'},\n      0.5: {p: '0.5'},\n      1: {p: '1'},\n      1.5: {p: '1.5'},\n      2: {p: '2'},\n      3: {p: '3'},\n      4: {p: '4'},\n      5: {p: '5'},\n      6: {p: '6'},\n      8: {p: '8'},\n      10: {p: '10'},\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    padding: 0,\n  },\n});\n\nexport type CardVariants = RecipeVariantProps<typeof cardRecipe>;\n","import type {ComponentPropsWithRef} from 'react';\nimport {cx} from '../../internal/cx';\nimport type {SpacingStep} from '../Layout/types';\nimport {cardRecipe} from './Card.recipe';\n\nexport type CardVariant =\n  | 'default'\n  | 'transparent'\n  | 'muted'\n  | 'blue'\n  | 'cyan'\n  | 'gray'\n  | 'green'\n  | 'orange'\n  | 'pink'\n  | 'purple'\n  | 'red'\n  | 'teal'\n  | 'yellow';\n\n/**\n * Rounded container surface for grouping related content.\n */\nexport interface CardProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Inner padding step.\n   * @default 0\n   */\n  padding?: SpacingStep;\n  /**\n   * Visual style variant.\n   * @default 'default'\n   */\n  variant?: CardVariant;\n}\n\n/**\n * Rounded container surface for grouping related content.\n */\nexport function Card({\n  children,\n  className,\n  'data-testid': dataTestId,\n  padding = 0,\n  ref,\n  style,\n  variant = 'default',\n  ...htmlProps\n}: CardProps): React.JSX.Element {\n  return (\n    <div\n      {...htmlProps}\n      className={cx(cardRecipe({variant, padding}), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {children}\n    </div>\n  );\n}\n\nCard.displayName = 'Card';\n"]}

package/dist/chunk-ZW4XKNDR.cjs

@@ -0,0 +1,91 @@
+'use strict';
+
+var chunkLBRKUZSQ_cjs = require('./chunk-LBRKUZSQ.cjs');
+var chunkUZNSGQT3_cjs = require('./chunk-UZNSGQT3.cjs');
+var chunkNILB6Y4Z_cjs = require('./chunk-NILB6Y4Z.cjs');
+var chunk47BELFYO_cjs = require('./chunk-47BELFYO.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+function AlertDialog({
+  actionLabel,
+  actionVariant = "destructive",
+  cancelLabel = "Cancel",
+  className,
+  "data-testid": dataTestId,
+  description,
+  isActionLoading = false,
+  isOpen,
+  onAction,
+  onOpenChange,
+  ref,
+  style,
+  title,
+  width = 400
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkLBRKUZSQ_cjs.Dialog,
+    {
+      className,
+      "data-testid": dataTestId,
+      dismissBehavior: false,
+      isOpen,
+      label: title,
+      onOpenChange,
+      ref,
+      role: "alertdialog",
+      style,
+      width,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkUZNSGQT3_cjs.Layout,
+        {
+          content: /* @__PURE__ */ jsxRuntime.jsx(chunkUZNSGQT3_cjs.LayoutContent, { children: /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Text, { as: "p", color: "secondary", children: description }) }),
+          footer: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkUZNSGQT3_cjs.LayoutFooter,
+            {
+              primaryButton: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkNILB6Y4Z_cjs.Button,
+                {
+                  isLoading: isActionLoading,
+                  label: actionLabel,
+                  onClick: onAction,
+                  variant: actionVariant
+                }
+              ),
+              secondaryButton: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkNILB6Y4Z_cjs.Button,
+                {
+                  label: cancelLabel,
+                  onClick: () => onOpenChange(false),
+                  variant: "ghost"
+                }
+              )
+            }
+          ),
+          hasDividers: true,
+          header: /* @__PURE__ */ jsxRuntime.jsx(chunkUZNSGQT3_cjs.LayoutHeader, { title })
+        }
+      )
+    }
+  );
+}
+AlertDialog.displayName = "AlertDialog";
+function useAlertDialog() {
+  const [isOpen, setIsOpen] = react.useState(false);
+  const [options, setOptions] = react.useState(null);
+  const show = react.useCallback((nextOptions) => {
+    setOptions(nextOptions);
+    setIsOpen(true);
+  }, []);
+  const hide = react.useCallback(() => setIsOpen(false), []);
+  const element = react.useMemo(
+    () => options == null ? null : /* @__PURE__ */ jsxRuntime.jsx(AlertDialog, { ...options, isOpen, onOpenChange: setIsOpen }),
+    [isOpen, options]
+  );
+  return { element, hide, isOpen, show };
+}
+
+exports.AlertDialog = AlertDialog;
+exports.useAlertDialog = useAlertDialog;
+//# sourceMappingURL=chunk-ZW4XKNDR.cjs.map
+//# sourceMappingURL=chunk-ZW4XKNDR.cjs.map

package/dist/chunk-ZW4XKNDR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AlertDialog/AlertDialog.tsx","../src/components/AlertDialog/useAlertDialog.tsx"],"names":["jsx","Dialog","Layout","LayoutContent","Text","LayoutFooter","Button","LayoutHeader","useState","useCallback","useMemo"],"mappings":";;;;;;;;;AA0EO,SAAS,WAAA,CAAY;AAAA,EAC1B,WAAA;AAAA,EACA,aAAA,GAAgB,aAAA;AAAA,EAChB,WAAA,GAAc,QAAA;AAAA,EACd,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,WAAA;AAAA,EACA,eAAA,GAAkB,KAAA;AAAA,EAClB,MAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA,GAAQ;AACV,CAAA,EAA+C;AAC7C,EAAA,uBACEA,cAAA;AAAA,IAACC,wBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,aAAA,EAAa,UAAA;AAAA,MACb,eAAA,EAAiB,KAAA;AAAA,MACjB,MAAA;AAAA,MACA,KAAA,EAAO,KAAA;AAAA,MACP,YAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA,EAAK,aAAA;AAAA,MACL,KAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,kBAAAD,cAAA;AAAA,QAACE,wBAAA;AAAA,QAAA;AAAA,UACC,OAAA,kBACEF,cAAA,CAACG,+BAAA,EAAA,EACC,QAAA,kBAAAH,cAAA,CAACI,sBAAA,EAAA,EAAK,IAAG,GAAA,EAAI,KAAA,EAAM,WAAA,EAChB,QAAA,EAAA,WAAA,EACH,CAAA,EACF,CAAA;AAAA,UAEF,MAAA,kBACEJ,cAAA;AAAA,YAACK,8BAAA;AAAA,YAAA;AAAA,cACC,aAAA,kBACEL,cAAA;AAAA,gBAACM,wBAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,eAAA;AAAA,kBACX,KAAA,EAAO,WAAA;AAAA,kBACP,OAAA,EAAS,QAAA;AAAA,kBACT,OAAA,EAAS;AAAA;AAAA,eACX;AAAA,cAEF,eAAA,kBACEN,cAAA;AAAA,gBAACM,wBAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,WAAA;AAAA,kBACP,OAAA,EAAS,MAAM,YAAA,CAAa,KAAK,CAAA;AAAA,kBACjC,OAAA,EAAQ;AAAA;AAAA;AACV;AAAA,WAEJ;AAAA,UAEF,WAAA,EAAW,IAAA;AAAA,UACX,MAAA,kBAAQN,cAAA,CAACO,8BAAA,EAAA,EAAa,KAAA,EAAc;AAAA;AAAA;AACtC;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AC7GnB,SAAS,cAAA,GAAuC;AACrD,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIC,eAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAoC,IAAI,CAAA;AAEtE,EAAA,MAAM,IAAA,GAAOC,iBAAA,CAAY,CAAC,WAAA,KAAoC;AAC5D,IAAA,UAAA,CAAW,WAAW,CAAA;AACtB,IAAA,SAAA,CAAU,IAAI,CAAA;AAAA,EAChB,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,OAAOA,iBAAA,CAAY,MAAM,UAAU,KAAK,CAAA,EAAG,EAAE,CAAA;AAEnD,EAAA,MAAM,OAAA,GAAUC,aAAA;AAAA,IACd,MACE,OAAA,IAAW,IAAA,GAAO,IAAA,mBAChBV,cAAAA,CAAC,WAAA,EAAA,EAAa,GAAG,OAAA,EAAS,MAAA,EAAgB,YAAA,EAAc,SAAA,EAAW,CAAA;AAAA,IAEvE,CAAC,QAAQ,OAAO;AAAA,GAClB;AAEA,EAAA,OAAO,EAAC,OAAA,EAAS,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAI;AACrC","file":"chunk-ZW4XKNDR.cjs","sourcesContent":["import type {CSSProperties, Ref} from 'react';\nimport {Button} from '../Button';\nimport {Dialog} from '../Dialog';\nimport {Layout, LayoutContent, LayoutFooter, LayoutHeader} from '../Layout';\nimport {Text} from '../Text';\n\nexport type AlertDialogActionVariant = 'destructive' | 'primary';\n\nexport interface AlertDialogProps {\n  /**\n   * Action button label.\n   */\n  actionLabel: string;\n  /**\n   * Visual variant for the action button.\n   * @default 'destructive'\n   */\n  actionVariant?: AlertDialogActionVariant;\n  /**\n   * Cancel button label.\n   * @default 'Cancel'\n   */\n  cancelLabel?: string;\n  /**\n   * Additional CSS class names applied to the dialog.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the dialog.\n   */\n  'data-testid'?: string;\n  /**\n   * Consequence description.\n   */\n  description: string;\n  /**\n   * Whether the action button is loading.\n   * @default false\n   */\n  isActionLoading?: boolean;\n  /**\n   * Whether the dialog is open.\n   */\n  isOpen: boolean;\n  /**\n   * Called when the primary action is clicked.\n   */\n  onAction: () => void;\n  /**\n   * Called when the dialog requests an open-state change.\n   */\n  onOpenChange: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the dialog element.\n   */\n  ref?: Ref<HTMLDialogElement>;\n  /**\n   * Inline styles applied to the dialog.\n   */\n  style?: CSSProperties;\n  /**\n   * Dialog title.\n   */\n  title: string;\n  /**\n   * Dialog width. Numbers are treated as pixels.\n   * @default 400\n   */\n  width?: number | string;\n}\n\n/**\n * A modal confirmation dialog for destructive or irreversible actions.\n */\nexport function AlertDialog({\n  actionLabel,\n  actionVariant = 'destructive',\n  cancelLabel = 'Cancel',\n  className,\n  'data-testid': dataTestId,\n  description,\n  isActionLoading = false,\n  isOpen,\n  onAction,\n  onOpenChange,\n  ref,\n  style,\n  title,\n  width = 400,\n}: AlertDialogProps): React.JSX.Element | null {\n  return (\n    <Dialog\n      className={className}\n      data-testid={dataTestId}\n      dismissBehavior={false}\n      isOpen={isOpen}\n      label={title}\n      onOpenChange={onOpenChange}\n      ref={ref}\n      role=\"alertdialog\"\n      style={style}\n      width={width}>\n      <Layout\n        content={\n          <LayoutContent>\n            <Text as=\"p\" color=\"secondary\">\n              {description}\n            </Text>\n          </LayoutContent>\n        }\n        footer={\n          <LayoutFooter\n            primaryButton={\n              <Button\n                isLoading={isActionLoading}\n                label={actionLabel}\n                onClick={onAction}\n                variant={actionVariant}\n              />\n            }\n            secondaryButton={\n              <Button\n                label={cancelLabel}\n                onClick={() => onOpenChange(false)}\n                variant=\"ghost\"\n              />\n            }\n          />\n        }\n        hasDividers\n        header={<LayoutHeader title={title} />}\n      />\n    </Dialog>\n  );\n}\n\nAlertDialog.displayName = 'AlertDialog';\n","import {useCallback, useMemo, useState, type ReactNode} from 'react';\nimport {AlertDialog, type AlertDialogProps} from './AlertDialog';\n\nexport type AlertDialogOptions = Omit<\n  AlertDialogProps,\n  'isOpen' | 'onOpenChange'\n>;\n\nexport interface UseAlertDialogReturn {\n  /**\n   * Render this element in your tree.\n   */\n  element: ReactNode;\n  /**\n   * Hide the current alert dialog.\n   */\n  hide: () => void;\n  /**\n   * Whether the alert dialog is open.\n   */\n  isOpen: boolean;\n  /**\n   * Show an alert dialog with the provided options.\n   */\n  show: (options: AlertDialogOptions) => void;\n}\n\nexport function useAlertDialog(): UseAlertDialogReturn {\n  const [isOpen, setIsOpen] = useState(false);\n  const [options, setOptions] = useState<AlertDialogOptions | null>(null);\n\n  const show = useCallback((nextOptions: AlertDialogOptions) => {\n    setOptions(nextOptions);\n    setIsOpen(true);\n  }, []);\n  const hide = useCallback(() => setIsOpen(false), []);\n\n  const element = useMemo(\n    () =>\n      options == null ? null : (\n        <AlertDialog {...options} isOpen={isOpen} onOpenChange={setIsOpen} />\n      ),\n    [isOpen, options],\n  );\n\n  return {element, hide, isOpen, show};\n}\n"]}

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,87 @@
+import { type CSSProperties, type ReactNode, type Ref } from 'react';
+/**
+ * A container that coordinates multiple `AccordionItem` children so that
+ * one (`type="single"`) or several (`type="multiple"`) can be open at a
+ * time. For a standalone disclosure widget, use `Collapsible` instead.
+ */
+interface AccordionBaseProps {
+    /**
+     * Accessible label for the accordion group. Provide either `aria-label`
+     * or `aria-labelledby`, not both.
+     */
+    'aria-label'?: string;
+    /**
+     * ID of an element that labels the accordion group. Provide either
+     * `aria-label` or `aria-labelledby`, not both.
+     */
+    'aria-labelledby'?: string;
+    /**
+     * One or more `AccordionItem` elements.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS class names applied to the root element.
+     */
+    className?: string;
+    /**
+     * Test ID applied to the root element.
+     */
+    'data-testid'?: string;
+    /**
+     * Ref forwarded to the root element.
+     */
+    ref?: Ref<HTMLDivElement>;
+    /**
+     * Inline styles applied to the root element.
+     */
+    style?: CSSProperties;
+}
+export type AccordionProps = (AccordionBaseProps & {
+    /**
+     * Item value that is open on initial render, or `null` for all
+     * closed. Ignored when `value` is provided.
+     */
+    defaultValue?: string | null;
+    /**
+     * Called when the open item changes. Receives the item value string,
+     * or `null` when all items are closed.
+     */
+    onChange?: (value: string | null) => void;
+    /**
+     * Only one item can be open at a time. This is the default.
+     */
+    type?: 'single';
+    /**
+     * Controls which item is open externally. Pass `null` to close all
+     * items. When set, the component becomes controlled and `onChange`
+     * should be provided.
+     */
+    value?: string | null;
+}) | (AccordionBaseProps & {
+    /**
+     * Item values that are open on initial render. Ignored when `value` is
+     * provided.
+     */
+    defaultValue?: string[];
+    /**
+     * Called when the set of open items changes. Receives an array of
+     * open item values.
+     */
+    onChange?: (value: string[]) => void;
+    /**
+     * Multiple items can be open simultaneously.
+     */
+    type: 'multiple';
+    /**
+     * Controls which items are open externally. When set, the component
+     * becomes controlled and `onChange` should be provided. Memoize array
+     * values to avoid unnecessary re-renders.
+     */
+    value?: string[];
+});
+export declare function Accordion({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, type, defaultValue, value: controlledValue, onChange, children, className, 'data-testid': dataTestId, ref, style, }: AccordionProps): React.JSX.Element;
+export declare namespace Accordion {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/components/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAKf;;;;GAIG;AACH,UAAU,kBAAkB;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,MAAM,MAAM,cAAc,GACtB,CAAC,kBAAkB,GAAG;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAAC,GACF,CAAC,kBAAkB,GAAG;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC,CAAC;AAmBP,wBAAgB,SAAS,CAAC,EACxB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,IAAe,EACf,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,GAAG,EACH,KAAK,GACN,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqEpC;yBAjFe,SAAS"}

package/dist/components/Accordion/AccordionContext.d.ts

@@ -0,0 +1,6 @@
+export interface AccordionContextValue {
+    getIsOpen: (value: string) => boolean;
+    toggle: (value: string) => void;
+}
+export declare const AccordionContext: import("react").Context<AccordionContextValue | null>;
+//# sourceMappingURL=AccordionContext.d.ts.map

package/dist/components/Accordion/AccordionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContext.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionContext.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,uDAE5B,CAAC"}

package/dist/components/Accordion/AccordionItem.d.ts

@@ -0,0 +1,64 @@
+import { type CSSProperties, type ReactNode, type Ref } from 'react';
+/**
+ * A single expandable section within an `Accordion`, or a standalone
+ * collapsible panel when used outside of an `Accordion` context. Prefer
+ * the `Collapsible` wrapper for standalone usage.
+ */
+export interface AccordionItemProps {
+    /**
+     * Content revealed when the item is open.
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class names applied to the root element.
+     */
+    className?: string;
+    /**
+     * Test ID applied to the root element.
+     */
+    'data-testid'?: string;
+    /**
+     * Whether the item is open on initial render. Ignored when `isOpen` is
+     * provided or the item is inside an `Accordion`. Defaults to `true`.
+     */
+    isDefaultOpen?: boolean;
+    /**
+     * Whether the trigger is disabled. Prevents toggling and applies disabled
+     * styling.
+     */
+    isDisabled?: boolean;
+    /**
+     * Controls the open state externally. When set, the component becomes
+     * controlled and `onOpenChange` should be provided. Ignored when the
+     * item is inside an `Accordion`.
+     */
+    isOpen?: boolean;
+    /**
+     * Called when the open state changes from user interaction.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Ref forwarded to the root element.
+     */
+    ref?: Ref<HTMLDivElement>;
+    /**
+     * Inline styles applied to the root element.
+     */
+    style?: CSSProperties;
+    /**
+     * Content rendered as the clickable trigger. Must be phrasing content
+     * (text, `<span>`, `<strong>`, icons, etc.) since it is placed inside a
+     * `<button>` element.
+     */
+    trigger: ReactNode;
+    /**
+     * Unique identifier used by a parent `Accordion` to track which items
+     * are open. Required when used inside an `Accordion`, ignored otherwise.
+     */
+    value?: string;
+}
+export declare function AccordionItem({ trigger, children, isDefaultOpen, isDisabled, isOpen: controlledIsOpen, onOpenChange, value, ref, className, 'data-testid': dataTestId, style, }: AccordionItemProps): React.JSX.Element;
+export declare namespace AccordionItem {
+    var displayName: string;
+}
+//# sourceMappingURL=AccordionItem.d.ts.map

package/dist/components/Accordion/AccordionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAC,MAAM,OAAO,CAAC;AAM1E;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;OAIG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkDD,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,aAAa,EACb,UAAkB,EAClB,MAAM,EAAE,gBAAgB,EACxB,YAAY,EACZ,KAAK,EACL,GAAG,EACH,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,KAAK,GACN,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgDxC;yBA5De,aAAa"}