@d4gger/design-system 2.7.0 → 3.0.0

package/dist/utilities.css

@@ -2,13 +2,38 @@ html {
   color-scheme: light dark;
 }
 
+/* Telegram Mini App compliance layer — additive, zero effect outside a
+   Telegram WebView (every `var()` here falls back to prior/standard-web
+   behavior when the Telegram-set custom property is absent).
+
+   `--tg-viewport-stable-height` is set by Telegram on `:root` once
+   `Telegram.WebApp.ready()` runs, and tracks the WebView's real visible
+   height (excludes Telegram's own header/bottom chrome, and — unlike the
+   plain `--tg-viewport-height` — ignores transient shrinking while the
+   on-screen keyboard is up). Redefining `--dsx-drawer-min-height-full` here,
+   after `tokens.css`, updates every full-height Drawer variant (the
+   in-Mini-App full-screen panel pattern) with no component-level change.
+
+   `--dsx-safe-area-inset-*` expose Telegram's own `--tg-safe-area-inset-*`
+   (status bar / home-indicator / notch regions) with a standard `env()`
+   fallback for a plain browser embed — the tokens exist for a consumer or a
+   future component pass to opt into; nothing consumes them here yet. */
+:root {
+  --dsx-drawer-min-height-full: var(--tg-viewport-stable-height, 100vh);
+  --dsx-safe-area-inset-top: var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px));
+  --dsx-safe-area-inset-right: var(--tg-safe-area-inset-right, env(safe-area-inset-right, 0px));
+  --dsx-safe-area-inset-bottom: var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));
+  --dsx-safe-area-inset-left: var(--tg-safe-area-inset-left, env(safe-area-inset-left, 0px));
+}
+
 /* `html body` (not `body`) so this outranks a peer `body{}` rule at equal
    specificity that happens to sit later in the cascade — e.g. an embedding
    page's own inline reset — without resorting to `!important`. */
 html body {
   min-width: 320px;
-  min-height: 100vh;
-  font-family: var(--dsx-typography-body-medium-font-family, 'Manrope', ui-sans-serif, system-ui, sans-serif);
+  min-height: var(--tg-viewport-stable-height, 100vh);
+  font-family: var(--dsx-typography-body-medium-font-family, 'Science Gothic', ui-sans-serif, system-ui, sans-serif);
+  font-variation-settings: var(--dsx-typography-body-medium-font-variation-settings, normal);
   background: var(--dsx-semantic-background, var(--dsx-color-background));
   color: var(--dsx-semantic-foreground, var(--dsx-color-on-background));
 }
@@ -25,4 +50,4 @@ button:disabled,
 input,
 textarea {
   cursor: var(--dsx-cursor-text, text);
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@d4gger/design-system",
-  "version": "2.7.0",
+  "version": "3.0.0",
   "description": "Publishable design-system package for D4gger foundations, icons, primitives, and components.",
   "keywords": [
     "d4gger",
@@ -58,6 +58,8 @@
     "./components.css": "./dist/components.css",
     "./tailwind.css": "./dist/tailwind.css",
     "./brand-effects.css": "./dist/brand-effects.css",
+    "./motion.css": "./dist/motion.css",
+    "./fonts.css": "./dist/fonts.css",
     "./components/*.css": "./dist/components/*.css",
     "./icons": {
       "import": {
@@ -139,6 +141,16 @@
         "default": "./dist/components/chart/Chart.cjs"
       }
     },
+    "./combobox": {
+      "import": {
+        "types": "./dist/components/combobox/Combobox.d.mts",
+        "default": "./dist/components/combobox/Combobox.js"
+      },
+      "require": {
+        "types": "./dist/components/combobox/Combobox.d.cts",
+        "default": "./dist/components/combobox/Combobox.cjs"
+      }
+    },
     "./command": {
       "import": {
         "types": "./dist/components/command/Command.d.mts",
@@ -149,6 +161,36 @@
         "default": "./dist/components/command/Command.cjs"
       }
     },
+    "./config-drawer": {
+      "import": {
+        "types": "./dist/components/configDrawer/ConfigDrawer.d.mts",
+        "default": "./dist/components/configDrawer/ConfigDrawer.js"
+      },
+      "require": {
+        "types": "./dist/components/configDrawer/ConfigDrawer.d.cts",
+        "default": "./dist/components/configDrawer/ConfigDrawer.cjs"
+      }
+    },
+    "./datepicker": {
+      "import": {
+        "types": "./dist/components/datePicker/DatePicker.d.mts",
+        "default": "./dist/components/datePicker/DatePicker.js"
+      },
+      "require": {
+        "types": "./dist/components/datePicker/DatePicker.d.cts",
+        "default": "./dist/components/datePicker/DatePicker.cjs"
+      }
+    },
+    "./dialog": {
+      "import": {
+        "types": "./dist/components/dialog/Dialog.d.mts",
+        "default": "./dist/components/dialog/Dialog.js"
+      },
+      "require": {
+        "types": "./dist/components/dialog/Dialog.d.cts",
+        "default": "./dist/components/dialog/Dialog.cjs"
+      }
+    },
     "./drawer": {
       "import": {
         "types": "./dist/components/drawer/Drawer.d.mts",
@@ -159,6 +201,16 @@
         "default": "./dist/components/drawer/Drawer.cjs"
       }
     },
+    "./file-upload": {
+      "import": {
+        "types": "./dist/components/fileUpload/FileUpload.d.mts",
+        "default": "./dist/components/fileUpload/FileUpload.js"
+      },
+      "require": {
+        "types": "./dist/components/fileUpload/FileUpload.d.cts",
+        "default": "./dist/components/fileUpload/FileUpload.cjs"
+      }
+    },
     "./input-otp": {
       "import": {
         "types": "./dist/components/inputOtp/InputOtp.d.mts",
@@ -199,14 +251,14 @@
         "default": "./dist/components/richTextEditor/RichTextEditor.cjs"
       }
     },
-    "./sheet": {
+    "./search-bar": {
       "import": {
-        "types": "./dist/components/sheet/Sheet.d.mts",
-        "default": "./dist/components/sheet/Sheet.js"
+        "types": "./dist/components/searchBar/SearchBar.d.mts",
+        "default": "./dist/components/searchBar/SearchBar.js"
       },
       "require": {
-        "types": "./dist/components/sheet/Sheet.d.cts",
-        "default": "./dist/components/sheet/Sheet.cjs"
+        "types": "./dist/components/searchBar/SearchBar.d.cts",
+        "default": "./dist/components/searchBar/SearchBar.cjs"
       }
     },
     "./sonner": {
@@ -229,7 +281,18 @@
         "default": "./dist/components/sortableList/SortableList.cjs"
       }
     },
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./phone-input": {
+      "import": {
+        "types": "./dist/components/phoneInput/PhoneInput.d.mts",
+        "default": "./dist/components/phoneInput/PhoneInput.js"
+      },
+      "require": {
+        "types": "./dist/components/phoneInput/PhoneInput.d.cts",
+        "default": "./dist/components/phoneInput/PhoneInput.cjs"
+      }
+    },
+    "./flags.css": "./dist/flags.css"
   },
   "publishConfig": {
     "access": "public",
@@ -238,6 +301,8 @@
   "scripts": {
     "clean": "node scripts/clean_dist.mjs",
     "generate": "style-dictionary build --config sd.config.mjs",
+    "ramps:draft": "node scripts/build-accent-ramps.mjs --draft",
+    "ramps:bake": "node scripts/build-accent-ramps.mjs",
     "build:js": "node esbuild.config.js",
     "build:css": "postcss src/styles/index.css -o dist/styles.css",
     "build:types": "tsc -p tsconfig.build.json",
@@ -260,15 +325,17 @@
     "qa:playground-types": "node scripts/qa_playground_types.mjs",
     "qa:registry-parity": "node scripts/qa_registry_parity.mjs",
     "qa:demo-coverage": "node scripts/qa_demo_coverage.mjs",
+    "qa:inventory": "node scripts/qa_inventory.mjs",
     "qa:variant-matrix": "node scripts/qa_variant_matrix.mjs",
     "qa:tokens": "node scripts/validate_tokens.mjs --fixtures",
-    "qa:package": "pnpm run qa:tokens && pnpm run qa:exports && pnpm run qa:parity && pnpm run qa:raw && pnpm run qa:selectors && pnpm run qa:breakpoints && pnpm run qa:contracts && pnpm run qa:dod && pnpm run qa:contrast && pnpm run qa:playground-types && pnpm run qa:registry-parity && pnpm run qa:demo-coverage && pnpm run qa:variant-matrix",
-    "qa:release": "pnpm run qa:tokens && pnpm run qa:exports && pnpm run qa:parity && pnpm run qa:raw && pnpm run qa:breakpoints",
+    "qa:package": "pnpm run qa:tokens && pnpm run qa:inventory && pnpm run qa:exports && pnpm run qa:parity && pnpm run qa:coverage && pnpm run qa:raw && pnpm run qa:hardcoded && pnpm run qa:selectors && pnpm run qa:breakpoints && pnpm run qa:contracts && pnpm run qa:fingerprint && pnpm run qa:dod && pnpm run qa:contrast && pnpm run qa:apca && pnpm run qa:playground-types && pnpm run qa:registry-parity && pnpm run qa:demo-coverage && pnpm run qa:variant-matrix",
+    "qa:release": "pnpm run build && pnpm run test && pnpm run qa:package && pnpm run qa:types && pnpm run qa:publint && pnpm run qa:pack && pnpm run qa:render",
     "audit:radix": "node scripts/audit_radix_foundations.mjs",
     "qa:render": "node scripts/qa_render.mjs",
     "qa:types": "node scripts/qa_attw.mjs",
     "qa:pack": "node scripts/qa_pack.mjs",
-    "test": "vitest run"
+    "test": "vitest run",
+    "qa:apca": "node scripts/qa_apca.mjs"
   },
   "dependencies": {
     "@radix-ui/react-accessible-icon": "^1.1.8",
@@ -319,29 +386,51 @@
     "@tiptap/react": ">=2",
     "@tiptap/starter-kit": ">=2",
     "cmdk": ">=1",
+    "country-flag-icons": ">=1",
     "framer-motion": ">=11",
     "input-otp": ">=1",
-    "lucide-react": ">=1",
+    "libphonenumber-js": ">=1",
     "lowlight": ">=3",
+    "lucide-react": ">=1",
     "qrcode.react": ">=3",
     "react": ">=18",
     "react-day-picker": ">=8",
     "react-dom": ">=18",
+    "react-dropzone": ">=14",
+    "react-phone-number-input": ">=3",
     "react-resizable-panels": ">=2",
     "recharts": ">=2",
     "sonner": ">=1",
     "vaul": ">=1"
   },
   "peerDependenciesMeta": {
-    "@dnd-kit/core": { "optional": true },
-    "@dnd-kit/sortable": { "optional": true },
-    "@dnd-kit/utilities": { "optional": true },
-    "@tiptap/core": { "optional": true },
-    "@tiptap/extension-code-block-lowlight": { "optional": true },
-    "@tiptap/extension-image": { "optional": true },
-    "@tiptap/extension-table": { "optional": true },
-    "@tiptap/pm": { "optional": true },
-    "lowlight": { "optional": true },
+    "@dnd-kit/core": {
+      "optional": true
+    },
+    "@dnd-kit/sortable": {
+      "optional": true
+    },
+    "@dnd-kit/utilities": {
+      "optional": true
+    },
+    "@tiptap/core": {
+      "optional": true
+    },
+    "@tiptap/extension-code-block-lowlight": {
+      "optional": true
+    },
+    "@tiptap/extension-image": {
+      "optional": true
+    },
+    "@tiptap/extension-table": {
+      "optional": true
+    },
+    "@tiptap/pm": {
+      "optional": true
+    },
+    "lowlight": {
+      "optional": true
+    },
     "@tiptap/react": {
       "optional": true
     },
@@ -363,6 +452,9 @@
     "react-day-picker": {
       "optional": true
     },
+    "react-dropzone": {
+      "optional": true
+    },
     "react-resizable-panels": {
       "optional": true
     },
@@ -374,6 +466,15 @@
     },
     "vaul": {
       "optional": true
+    },
+    "libphonenumber-js": {
+      "optional": true
+    },
+    "react-phone-number-input": {
+      "optional": true
+    },
+    "country-flag-icons": {
+      "optional": true
     }
   },
   "devDependencies": {
@@ -383,6 +484,7 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@hookform/resolvers": "^5.4.0",
     "@icons-pack/react-simple-icons": "^13.13.0",
+    "@radix-ui/colors": "^3.0.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
@@ -397,11 +499,17 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.2",
     "@vitest/coverage-v8": "^4.1.7",
+    "apca-w3": "^0.1.9",
+    "bezier-easing": "^3.1.0",
     "cmdk": "^1.1.1",
+    "colorjs.io": "^0.7.1",
+    "country-flag-icons": "^1.6.20",
+    "culori": "^4.0.2",
     "esbuild": "^0.27.7",
     "framer-motion": "^12.23.6",
     "input-otp": "^1.4.2",
     "jsdom": "^29.1.1",
+    "libphonenumber-js": "^1.13.13",
     "lowlight": "^3.3.0",
     "lucide-react": "^1.16.0",
     "postcss": "^8.5.15",
@@ -412,6 +520,8 @@
     "react": "^19.2.6",
     "react-day-picker": "^9.12.0",
     "react-dom": "^19.2.6",
+    "react-dropzone": "^14.4.1",
+    "react-phone-number-input": "^3.4.18",
     "react-resizable-panels": "^4.11.1",
     "recharts": "^3.8.1",
     "sonner": "^2.0.7",

package/dist/components/sheet/Sheet.cjs

@@ -1,269 +0,0 @@
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Sheet_exports = {};
-__export(Sheet_exports, {
-  Sheet: () => Sheet,
-  SheetClose: () => SheetClose,
-  SheetContent: () => SheetContent,
-  SheetDescription: () => SheetDescription,
-  SheetFooter: () => SheetFooter,
-  SheetHeader: () => SheetHeader,
-  SheetOverlay: () => SheetOverlay,
-  SheetPortal: () => SheetPortal,
-  SheetTitle: () => SheetTitle,
-  SheetTrigger: () => SheetTrigger
-});
-module.exports = __toCommonJS(Sheet_exports);
-var React = __toESM(require("react"), 1);
-var import_classnames = __toESM(require("classnames"), 1);
-var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_framer_motion = require("framer-motion");
-var import_BaseDialog = require("../../_internal/BaseDialog");
-var import_motion = require("../../_internal/motion");
-var import_extractProps = require("../../_internal/helpers/extractProps");
-var import_Flex = require("../flex/Flex");
-var import_Icon = require("../icon/Icon");
-var import_motion2 = require("../../motion");
-var import_sheet = require("./sheet.props");
-var import_jsx_runtime = require("react/jsx-runtime");
-const SheetOpenContext = React.createContext(false);
-function useControllableSheetOpenState({
-  open: openProp,
-  defaultOpen,
-  onOpenChange
-}) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false);
-  const open = openProp ?? uncontrolledOpen;
-  const handleOpenChange = React.useCallback(
-    (nextOpen) => {
-      if (openProp === void 0) {
-        setUncontrolledOpen(nextOpen);
-      }
-      onOpenChange?.(nextOpen);
-    },
-    [onOpenChange, openProp]
-  );
-  return [open, handleOpenChange];
-}
-function getSheetContentMotion(side, prefersReducedMotion) {
-  if (prefersReducedMotion) {
-    return {
-      initial: { opacity: 0 },
-      animate: { opacity: 1 },
-      exit: { opacity: 0 },
-      transition: import_motion.MOTION_TRANSITIONS.reduced
-    };
-  }
-  switch (side) {
-    case "left":
-      return {
-        initial: { opacity: 0, x: "-100%" },
-        animate: { opacity: 1, x: 0 },
-        exit: { opacity: 0, x: "-100%" },
-        transition: import_motion.MOTION_TRANSITIONS.sheet
-      };
-    case "top":
-      return {
-        initial: { opacity: 0, y: "-100%" },
-        animate: { opacity: 1, y: 0 },
-        exit: { opacity: 0, y: "-100%" },
-        transition: import_motion.MOTION_TRANSITIONS.sheet
-      };
-    case "bottom":
-      return {
-        initial: { opacity: 0, y: "100%" },
-        animate: { opacity: 1, y: 0 },
-        exit: { opacity: 0, y: "100%" },
-        transition: import_motion.MOTION_TRANSITIONS.sheet
-      };
-    case "right":
-    default:
-      return {
-        initial: { opacity: 0, x: "100%" },
-        animate: { opacity: 1, x: 0 },
-        exit: { opacity: 0, x: "100%" },
-        transition: import_motion.MOTION_TRANSITIONS.sheet
-      };
-  }
-}
-function SheetRoot({ children, defaultOpen, onOpenChange, open: openProp, ...props }) {
-  const [open, setOpen] = useControllableSheetOpenState({
-    open: openProp,
-    defaultOpen,
-    onOpenChange
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BaseDialog.PortalThemeBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetOpenContext.Provider, { value: open, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPrimitive.Root, { ...props, open, onOpenChange: setOpen, children }) }) });
-}
-SheetRoot.displayName = "Sheet";
-const SheetTrigger = import_BaseDialog.BaseDialogTrigger;
-const SheetClose = import_BaseDialog.BaseDialogClose;
-const SheetPortal = DialogPrimitive.Portal;
-const SheetOverlay = React.forwardRef(
-  ({ className, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      DialogPrimitive.Overlay,
-      {
-        className: (0, import_classnames.default)("dsx-sheet__overlay", className),
-        "data-slot": "sheet-overlay",
-        ...props,
-        ref: forwardedRef
-      }
-    );
-  }
-);
-SheetOverlay.displayName = "SheetOverlay";
-const SheetContent = React.forwardRef(
-  ({ className: propClassName, side = "right", showClose = true, size = "md", children, ...props }, forwardedRef) => {
-    const open = React.useContext(SheetOpenContext);
-    const prefersReducedMotion = (0, import_framer_motion.useReducedMotion)() ?? false;
-    const { className, ...contentProps } = (0, import_extractProps.extractProps)(
-      {
-        ...props,
-        className: propClassName,
-        side,
-        showClose
-      },
-      import_sheet.sheetContentPropDefs
-    );
-    const contentMotion = getSheetContentMotion(side, prefersReducedMotion);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_motion2.AnimatePresence, { initial: false, children: [
-      open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPrimitive.Overlay, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_motion2.motion.div,
-        {
-          className: "dsx-sheet__overlay",
-          "data-slot": "sheet-overlay",
-          initial: { opacity: 0 },
-          animate: { opacity: 1 },
-          exit: { opacity: 0 },
-          transition: prefersReducedMotion ? import_motion.MOTION_TRANSITIONS.reduced : import_motion.MOTION_TRANSITIONS.sheet
-        }
-      ) }, "sheet-overlay") : null,
-      open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BaseDialog.PortalThemeWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        DialogPrimitive.Content,
-        {
-          ...contentProps,
-          ref: forwardedRef,
-          asChild: true,
-          "data-side": side,
-          "data-size": size,
-          "data-slot": "sheet-content",
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_motion2.motion.div,
-            {
-              className: (0, import_classnames.default)("dsx-sheet__content", className),
-              initial: contentMotion.initial,
-              animate: contentMotion.animate,
-              exit: contentMotion.exit,
-              transition: contentMotion.transition,
-              children: [
-                children,
-                showClose ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPrimitive.Close, { className: "dsx-sheet__close", "aria-label": "Close sheet", "data-slot": "sheet-close", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "x", size: "md" }) }) : null
-              ]
-            }
-          )
-        }
-      ) }, "sheet-content") : null
-    ] }) });
-  }
-);
-SheetContent.displayName = "SheetContent";
-const SheetHeader = React.forwardRef((props, forwardedRef) => {
-  const { asChild, className, ...headerProps } = (0, import_extractProps.extractProps)(props, import_sheet.sheetHeaderPropDefs);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_Flex.Flex,
-    {
-      asChild,
-      ref: forwardedRef,
-      className: (0, import_classnames.default)("dsx-sheet__header", className),
-      direction: "row",
-      align: "start",
-      justify: "between",
-      gap: "md",
-      "data-slot": "sheet-header",
-      ...headerProps
-    }
-  );
-});
-SheetHeader.displayName = "SheetHeader";
-const SheetFooter = React.forwardRef((props, forwardedRef) => {
-  const { asChild, className, ...footerProps } = (0, import_extractProps.extractProps)(props, import_sheet.sheetFooterPropDefs);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_Flex.Flex,
-    {
-      asChild,
-      ref: forwardedRef,
-      className: (0, import_classnames.default)("dsx-sheet__footer", className),
-      justify: "end",
-      gap: "md",
-      "data-slot": "sheet-footer",
-      ...footerProps
-    }
-  );
-});
-SheetFooter.displayName = "SheetFooter";
-const SheetTitle = React.forwardRef(
-  ({ className, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      DialogPrimitive.Title,
-      {
-        ref: forwardedRef,
-        className: (0, import_classnames.default)("dsx-sheet__title", className),
-        "data-slot": "sheet-title",
-        ...props
-      }
-    );
-  }
-);
-SheetTitle.displayName = "SheetTitle";
-const SheetDescription = React.forwardRef(({ className, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    DialogPrimitive.Description,
-    {
-      ref: forwardedRef,
-      className: (0, import_classnames.default)("dsx-sheet__description", className),
-      "data-slot": "sheet-description",
-      ...props
-    }
-  );
-});
-SheetDescription.displayName = "SheetDescription";
-const Sheet = Object.assign(SheetRoot, {
-  Trigger: SheetTrigger,
-  Content: SheetContent,
-  Title: SheetTitle,
-  Description: SheetDescription,
-  Header: SheetHeader,
-  Footer: SheetFooter,
-  Overlay: SheetOverlay,
-  Portal: SheetPortal,
-  Close: SheetClose
-});
-Sheet.displayName = "Sheet";
-//# sourceMappingURL=Sheet.cjs.map

package/dist/components/sheet/Sheet.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/sheet/Sheet.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { useReducedMotion } from 'framer-motion'\n\nimport {\n  BaseDialogClose,\n  BaseDialogTrigger,\n  type BaseDialogContentProps,\n  PortalThemeBoundary,\n  PortalThemeWrapper,\n} from '../../_internal/BaseDialog'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Flex } from '../flex/Flex'\nimport { Icon } from '../icon/Icon'\nimport { AnimatePresence, motion } from '../../motion'\nimport { sheetContentPropDefs, sheetFooterPropDefs, sheetHeaderPropDefs } from './sheet.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype SheetContentOwnProps = GetPropDefTypes<typeof sheetContentPropDefs>\ntype SheetHeaderOwnProps = GetPropDefTypes<typeof sheetHeaderPropDefs>\ntype SheetFooterOwnProps = GetPropDefTypes<typeof sheetFooterPropDefs>\n\ntype SheetElement = React.ComponentRef<'div'>\ntype SheetSide = NonNullable<SheetContentOwnProps['side']>\n\ntype SheetRootProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>\ntype SheetOverlayProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\ntype SheetContentProps = BaseDialogContentProps & SheetContentOwnProps\ntype SheetTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n\ninterface SheetHeaderProps extends React.ComponentPropsWithoutRef<'div'>, SheetHeaderOwnProps {}\ninterface SheetFooterProps extends React.ComponentPropsWithoutRef<'div'>, SheetFooterOwnProps {}\n\nconst SheetOpenContext = React.createContext(false)\n\nfunction useControllableSheetOpenState({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n}: Pick<SheetRootProps, 'open' | 'defaultOpen' | 'onOpenChange'>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false)\n  const open = openProp ?? uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      if (openProp === undefined) {\n        setUncontrolledOpen(nextOpen)\n      }\n\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange, openProp],\n  )\n\n  return [open, handleOpenChange] as const\n}\n\nfunction getSheetContentMotion(side: SheetSide, prefersReducedMotion: boolean) {\n  if (prefersReducedMotion) {\n      return {\n        initial: { opacity: 0 },\n        animate: { opacity: 1 },\n        exit: { opacity: 0 },\n        transition: MOTION_TRANSITIONS.reduced,\n      }\n  }\n\n  switch (side) {\n    case 'left':\n      return {\n        initial: { opacity: 0, x: '-100%' },\n        animate: { opacity: 1, x: 0 },\n        exit: { opacity: 0, x: '-100%' },\n        transition: MOTION_TRANSITIONS.sheet,\n      }\n    case 'top':\n      return {\n        initial: { opacity: 0, y: '-100%' },\n        animate: { opacity: 1, y: 0 },\n        exit: { opacity: 0, y: '-100%' },\n        transition: MOTION_TRANSITIONS.sheet,\n      }\n    case 'bottom':\n      return {\n        initial: { opacity: 0, y: '100%' },\n        animate: { opacity: 1, y: 0 },\n        exit: { opacity: 0, y: '100%' },\n        transition: MOTION_TRANSITIONS.sheet,\n      }\n    case 'right':\n    default:\n      return {\n        initial: { opacity: 0, x: '100%' },\n        animate: { opacity: 1, x: 0 },\n        exit: { opacity: 0, x: '100%' },\n        transition: MOTION_TRANSITIONS.sheet,\n      }\n  }\n}\n\nfunction SheetRoot({ children, defaultOpen, onOpenChange, open: openProp, ...props }: SheetRootProps) {\n  const [open, setOpen] = useControllableSheetOpenState({\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n  })\n\n  return (\n    <PortalThemeBoundary>\n      <SheetOpenContext.Provider value={open}>\n        <DialogPrimitive.Root {...props} open={open} onOpenChange={setOpen}>\n          {children}\n        </DialogPrimitive.Root>\n      </SheetOpenContext.Provider>\n    </PortalThemeBoundary>\n  )\n}\nSheetRoot.displayName = 'Sheet'\n\nconst SheetTrigger: typeof BaseDialogTrigger = BaseDialogTrigger\nconst SheetClose: typeof BaseDialogClose = BaseDialogClose\nconst SheetPortal: typeof DialogPrimitive.Portal = DialogPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<React.ComponentRef<typeof DialogPrimitive.Overlay>, SheetOverlayProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <DialogPrimitive.Overlay\n        className={classNames('dsx-sheet__overlay', className)}\n        data-slot=\"sheet-overlay\"\n        {...props}\n        ref={forwardedRef}\n      />\n    )\n  },\n)\nSheetOverlay.displayName = 'SheetOverlay'\n\nconst SheetContent = React.forwardRef<React.ComponentRef<typeof DialogPrimitive.Content>, SheetContentProps>(\n  ({ className: propClassName, side = 'right', showClose = true, size = 'md', children, ...props }, forwardedRef) => {\n    const open = React.useContext(SheetOpenContext)\n    const prefersReducedMotion = useReducedMotion() ?? false\n    const { className, ...contentProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        side,\n        showClose,\n      },\n      sheetContentPropDefs,\n    )\n    const contentMotion = getSheetContentMotion(side, prefersReducedMotion)\n\n    return (\n      <DialogPrimitive.Portal>\n        <AnimatePresence initial={false}>\n          {open ? (\n            <DialogPrimitive.Overlay key=\"sheet-overlay\" asChild>\n              <motion.div\n                className=\"dsx-sheet__overlay\"\n                data-slot=\"sheet-overlay\"\n                initial={{ opacity: 0 }}\n                animate={{ opacity: 1 }}\n                exit={{ opacity: 0 }}\n                transition={prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.sheet}\n              />\n            </DialogPrimitive.Overlay>\n          ) : null}\n          {open ? (\n            <PortalThemeWrapper key=\"sheet-content\">\n              <DialogPrimitive.Content\n                {...contentProps}\n                ref={forwardedRef}\n                asChild\n                data-side={side}\n                data-size={size}\n                data-slot=\"sheet-content\"\n              >\n                <motion.div\n                  className={classNames('dsx-sheet__content', className)}\n                  initial={contentMotion.initial}\n                  animate={contentMotion.animate}\n                  exit={contentMotion.exit}\n                  transition={contentMotion.transition}\n                >\n                  {children}\n                  {showClose ? (\n                    <DialogPrimitive.Close className=\"dsx-sheet__close\" aria-label=\"Close sheet\" data-slot=\"sheet-close\">\n                      <Icon name=\"x\" size=\"md\" />\n                    </DialogPrimitive.Close>\n                  ) : null}\n                </motion.div>\n              </DialogPrimitive.Content>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </DialogPrimitive.Portal>\n    )\n  },\n)\nSheetContent.displayName = 'SheetContent'\n\nconst SheetHeader = React.forwardRef<SheetElement, SheetHeaderProps>((props, forwardedRef) => {\n  const { asChild, className, ...headerProps } = extractProps(props, sheetHeaderPropDefs)\n\n  return (\n    <Flex\n      asChild={asChild}\n      ref={forwardedRef}\n      className={classNames('dsx-sheet__header', className)}\n      direction=\"row\"\n      align=\"start\"\n      justify=\"between\"\n      gap=\"md\"\n      data-slot=\"sheet-header\"\n      {...headerProps}\n    />\n  )\n})\nSheetHeader.displayName = 'SheetHeader'\n\nconst SheetFooter = React.forwardRef<SheetElement, SheetFooterProps>((props, forwardedRef) => {\n  const { asChild, className, ...footerProps } = extractProps(props, sheetFooterPropDefs)\n\n  return (\n    <Flex\n      asChild={asChild}\n      ref={forwardedRef}\n      className={classNames('dsx-sheet__footer', className)}\n      justify=\"end\"\n      gap=\"md\"\n      data-slot=\"sheet-footer\"\n      {...footerProps}\n    />\n  )\n})\nSheetFooter.displayName = 'SheetFooter'\n\nconst SheetTitle = React.forwardRef<React.ComponentRef<typeof DialogPrimitive.Title>, SheetTitleProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <DialogPrimitive.Title\n        ref={forwardedRef}\n        className={classNames('dsx-sheet__title', className)}\n        data-slot=\"sheet-title\"\n        {...props}\n      />\n    )\n  },\n)\nSheetTitle.displayName = 'SheetTitle'\n\nconst SheetDescription = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Description>,\n  SheetDescriptionProps\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <DialogPrimitive.Description\n      ref={forwardedRef}\n      className={classNames('dsx-sheet__description', className)}\n      data-slot=\"sheet-description\"\n      {...props}\n    />\n  )\n})\nSheetDescription.displayName = 'SheetDescription'\n\nconst Sheet: typeof SheetRoot & {\n  Trigger: typeof SheetTrigger\n  Content: typeof SheetContent\n  Title: typeof SheetTitle\n  Description: typeof SheetDescription\n  Header: typeof SheetHeader\n  Footer: typeof SheetFooter\n  Overlay: typeof SheetOverlay\n  Portal: typeof SheetPortal\n  Close: typeof SheetClose\n} = Object.assign(SheetRoot, {\n  Trigger: SheetTrigger,\n  Content: SheetContent,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Header: SheetHeader,\n  Footer: SheetFooter,\n  Overlay: SheetOverlay,\n  Portal: SheetPortal,\n  Close: SheetClose,\n})\nSheet.displayName = 'Sheet'\n\nexport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger,\n}\nexport type {\n  SheetContentProps,\n  SheetDescriptionProps,\n  SheetFooterProps,\n  SheetHeaderProps,\n  SheetOverlayProps,\n  SheetRootProps,\n  SheetTitleProps,\n}\n"],
-  "mappings": "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",
-  "names": ["import_motion", "classNames"]
-}