@metamask-previews/design-system-react 0.17.1-preview.1679aa9 → 0.22.0-preview.178e60f

package/dist/components/ModalFooter/ModalFooter.types.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonsAlignment = void 0;
+/**
+ * Layout direction for the action button row.
+ *
+ * Mirrors `BottomSheetFooter`'s `ButtonsAlignment` on the React Native side so
+ * the modal/sheet families share semantics.
+ */
+exports.ButtonsAlignment = {
+    Horizontal: 'horizontal',
+    Vertical: 'vertical',
+};
+//# sourceMappingURL=ModalFooter.types.cjs.map

package/dist/components/ModalFooter/ModalFooter.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.types.cjs","sourceRoot":"","sources":["../../../src/components/ModalFooter/ModalFooter.types.ts"],"names":[],"mappings":";;;AAIA;;;;;GAKG;AACU,QAAA,gBAAgB,GAAG;IAC9B,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,UAAU;CACZ,CAAC","sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport type { ButtonProps } from '../Button';\n\n/**\n * Layout direction for the action button row.\n *\n * Mirrors `BottomSheetFooter`'s `ButtonsAlignment` on the React Native side so\n * the modal/sheet families share semantics.\n */\nexport const ButtonsAlignment = {\n  Horizontal: 'horizontal',\n  Vertical: 'vertical',\n} as const;\nexport type ButtonsAlignment =\n  (typeof ButtonsAlignment)[keyof typeof ButtonsAlignment];\n\n/**\n * Button props accepted by `ModalFooter`. The `variant` is enforced internally\n * by the component (Primary or Secondary, depending on slot), so consumers\n * cannot override it. The `data-*` index signature is preserved so test ids\n * and other dataset attributes can be passed through `Partial`/`Omit`\n * indirection.\n */\nexport type ModalFooterButtonProps = Omit<ButtonProps, 'variant'> & {\n  [key: `data-${string}`]: string | undefined;\n};\n\nexport type ModalFooterProps = ComponentProps<'footer'> & {\n  /**\n   * Optional custom content rendered above the action button row. Use this\n   * for inline form controls (e.g. a \"do not show again\" checkbox) or to\n   * fully replace the built-in button row by omitting both\n   * `primaryButtonProps` and `secondaryButtonProps`.\n   */\n  children?: ReactNode;\n  /**\n   * Optional layout direction for the action button row.\n   *\n   * - `Horizontal` — buttons share the row, each takes `flex-1`.\n   * - `Vertical`   — buttons stack with full width.\n   *\n   * @default ButtonsAlignment.Horizontal\n   */\n  buttonsAlignment?: ButtonsAlignment;\n  /**\n   * Optional props for the primary action button. Renders with\n   * `ButtonVariant.Primary` automatically. Appears second (right in\n   * horizontal layout, bottom in vertical layout).\n   *\n   * Pass the localized label as `children`. Wire the click handler via\n   * `onClick`. `ModalFooter` is i18n-agnostic and intentionally does not pull\n   * strings from any translation context.\n   */\n  primaryButtonProps?: ModalFooterButtonProps;\n  /**\n   * Optional props for the secondary action button. Renders with\n   * `ButtonVariant.Secondary` automatically. Appears first (left in\n   * horizontal layout, top in vertical layout).\n   */\n  secondaryButtonProps?: ModalFooterButtonProps;\n  /**\n   * Optional prop for additional CSS classes to be applied to the\n   * ModalFooter root. Merged with the component's defaults via `twMerge`.\n   */\n  className?: string;\n};\n"]}

package/dist/components/ModalFooter/ModalFooter.types.d.cts

@@ -0,0 +1,63 @@
+import type { ComponentProps, ReactNode } from "react";
+import type { ButtonProps } from "../Button/index.cjs";
+/**
+ * Layout direction for the action button row.
+ *
+ * Mirrors `BottomSheetFooter`'s `ButtonsAlignment` on the React Native side so
+ * the modal/sheet families share semantics.
+ */
+export declare const ButtonsAlignment: {
+    readonly Horizontal: "horizontal";
+    readonly Vertical: "vertical";
+};
+export type ButtonsAlignment = (typeof ButtonsAlignment)[keyof typeof ButtonsAlignment];
+/**
+ * Button props accepted by `ModalFooter`. The `variant` is enforced internally
+ * by the component (Primary or Secondary, depending on slot), so consumers
+ * cannot override it. The `data-*` index signature is preserved so test ids
+ * and other dataset attributes can be passed through `Partial`/`Omit`
+ * indirection.
+ */
+export type ModalFooterButtonProps = Omit<ButtonProps, 'variant'> & {
+    [key: `data-${string}`]: string | undefined;
+};
+export type ModalFooterProps = ComponentProps<'footer'> & {
+    /**
+     * Optional custom content rendered above the action button row. Use this
+     * for inline form controls (e.g. a "do not show again" checkbox) or to
+     * fully replace the built-in button row by omitting both
+     * `primaryButtonProps` and `secondaryButtonProps`.
+     */
+    children?: ReactNode;
+    /**
+     * Optional layout direction for the action button row.
+     *
+     * - `Horizontal` — buttons share the row, each takes `flex-1`.
+     * - `Vertical`   — buttons stack with full width.
+     *
+     * @default ButtonsAlignment.Horizontal
+     */
+    buttonsAlignment?: ButtonsAlignment;
+    /**
+     * Optional props for the primary action button. Renders with
+     * `ButtonVariant.Primary` automatically. Appears second (right in
+     * horizontal layout, bottom in vertical layout).
+     *
+     * Pass the localized label as `children`. Wire the click handler via
+     * `onClick`. `ModalFooter` is i18n-agnostic and intentionally does not pull
+     * strings from any translation context.
+     */
+    primaryButtonProps?: ModalFooterButtonProps;
+    /**
+     * Optional props for the secondary action button. Renders with
+     * `ButtonVariant.Secondary` automatically. Appears first (left in
+     * horizontal layout, top in vertical layout).
+     */
+    secondaryButtonProps?: ModalFooterButtonProps;
+    /**
+     * Optional prop for additional CSS classes to be applied to the
+     * ModalFooter root. Merged with the component's defaults via `twMerge`.
+     */
+    className?: string;
+};
+//# sourceMappingURL=ModalFooter.types.d.cts.map

package/dist/components/ModalFooter/ModalFooter.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.types.d.cts","sourceRoot":"","sources":["../../../src/components/ModalFooter/ModalFooter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,4BAAkB;AAE7C;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC;AACX,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAE3D;;;;;;GAMG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAClE,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACxD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;OAOG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;;;;;;OAQG;IACH,kBAAkB,CAAC,EAAE,sBAAsB,CAAC;IAC5C;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,sBAAsB,CAAC;IAC9C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/ModalFooter/ModalFooter.types.d.mts

@@ -0,0 +1,63 @@
+import type { ComponentProps, ReactNode } from "react";
+import type { ButtonProps } from "../Button/index.mjs";
+/**
+ * Layout direction for the action button row.
+ *
+ * Mirrors `BottomSheetFooter`'s `ButtonsAlignment` on the React Native side so
+ * the modal/sheet families share semantics.
+ */
+export declare const ButtonsAlignment: {
+    readonly Horizontal: "horizontal";
+    readonly Vertical: "vertical";
+};
+export type ButtonsAlignment = (typeof ButtonsAlignment)[keyof typeof ButtonsAlignment];
+/**
+ * Button props accepted by `ModalFooter`. The `variant` is enforced internally
+ * by the component (Primary or Secondary, depending on slot), so consumers
+ * cannot override it. The `data-*` index signature is preserved so test ids
+ * and other dataset attributes can be passed through `Partial`/`Omit`
+ * indirection.
+ */
+export type ModalFooterButtonProps = Omit<ButtonProps, 'variant'> & {
+    [key: `data-${string}`]: string | undefined;
+};
+export type ModalFooterProps = ComponentProps<'footer'> & {
+    /**
+     * Optional custom content rendered above the action button row. Use this
+     * for inline form controls (e.g. a "do not show again" checkbox) or to
+     * fully replace the built-in button row by omitting both
+     * `primaryButtonProps` and `secondaryButtonProps`.
+     */
+    children?: ReactNode;
+    /**
+     * Optional layout direction for the action button row.
+     *
+     * - `Horizontal` — buttons share the row, each takes `flex-1`.
+     * - `Vertical`   — buttons stack with full width.
+     *
+     * @default ButtonsAlignment.Horizontal
+     */
+    buttonsAlignment?: ButtonsAlignment;
+    /**
+     * Optional props for the primary action button. Renders with
+     * `ButtonVariant.Primary` automatically. Appears second (right in
+     * horizontal layout, bottom in vertical layout).
+     *
+     * Pass the localized label as `children`. Wire the click handler via
+     * `onClick`. `ModalFooter` is i18n-agnostic and intentionally does not pull
+     * strings from any translation context.
+     */
+    primaryButtonProps?: ModalFooterButtonProps;
+    /**
+     * Optional props for the secondary action button. Renders with
+     * `ButtonVariant.Secondary` automatically. Appears first (left in
+     * horizontal layout, top in vertical layout).
+     */
+    secondaryButtonProps?: ModalFooterButtonProps;
+    /**
+     * Optional prop for additional CSS classes to be applied to the
+     * ModalFooter root. Merged with the component's defaults via `twMerge`.
+     */
+    className?: string;
+};
+//# sourceMappingURL=ModalFooter.types.d.mts.map

package/dist/components/ModalFooter/ModalFooter.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.types.d.mts","sourceRoot":"","sources":["../../../src/components/ModalFooter/ModalFooter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,4BAAkB;AAE7C;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC;AACX,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAE3D;;;;;;GAMG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAClE,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACxD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;OAOG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;;;;;;OAQG;IACH,kBAAkB,CAAC,EAAE,sBAAsB,CAAC;IAC5C;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,sBAAsB,CAAC;IAC9C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/ModalFooter/ModalFooter.types.mjs

@@ -0,0 +1,11 @@
+/**
+ * Layout direction for the action button row.
+ *
+ * Mirrors `BottomSheetFooter`'s `ButtonsAlignment` on the React Native side so
+ * the modal/sheet families share semantics.
+ */
+export const ButtonsAlignment = {
+    Horizontal: 'horizontal',
+    Vertical: 'vertical',
+};
+//# sourceMappingURL=ModalFooter.types.mjs.map

package/dist/components/ModalFooter/ModalFooter.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.types.mjs","sourceRoot":"","sources":["../../../src/components/ModalFooter/ModalFooter.types.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,UAAU;CACZ,CAAC","sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport type { ButtonProps } from '../Button';\n\n/**\n * Layout direction for the action button row.\n *\n * Mirrors `BottomSheetFooter`'s `ButtonsAlignment` on the React Native side so\n * the modal/sheet families share semantics.\n */\nexport const ButtonsAlignment = {\n  Horizontal: 'horizontal',\n  Vertical: 'vertical',\n} as const;\nexport type ButtonsAlignment =\n  (typeof ButtonsAlignment)[keyof typeof ButtonsAlignment];\n\n/**\n * Button props accepted by `ModalFooter`. The `variant` is enforced internally\n * by the component (Primary or Secondary, depending on slot), so consumers\n * cannot override it. The `data-*` index signature is preserved so test ids\n * and other dataset attributes can be passed through `Partial`/`Omit`\n * indirection.\n */\nexport type ModalFooterButtonProps = Omit<ButtonProps, 'variant'> & {\n  [key: `data-${string}`]: string | undefined;\n};\n\nexport type ModalFooterProps = ComponentProps<'footer'> & {\n  /**\n   * Optional custom content rendered above the action button row. Use this\n   * for inline form controls (e.g. a \"do not show again\" checkbox) or to\n   * fully replace the built-in button row by omitting both\n   * `primaryButtonProps` and `secondaryButtonProps`.\n   */\n  children?: ReactNode;\n  /**\n   * Optional layout direction for the action button row.\n   *\n   * - `Horizontal` — buttons share the row, each takes `flex-1`.\n   * - `Vertical`   — buttons stack with full width.\n   *\n   * @default ButtonsAlignment.Horizontal\n   */\n  buttonsAlignment?: ButtonsAlignment;\n  /**\n   * Optional props for the primary action button. Renders with\n   * `ButtonVariant.Primary` automatically. Appears second (right in\n   * horizontal layout, bottom in vertical layout).\n   *\n   * Pass the localized label as `children`. Wire the click handler via\n   * `onClick`. `ModalFooter` is i18n-agnostic and intentionally does not pull\n   * strings from any translation context.\n   */\n  primaryButtonProps?: ModalFooterButtonProps;\n  /**\n   * Optional props for the secondary action button. Renders with\n   * `ButtonVariant.Secondary` automatically. Appears first (left in\n   * horizontal layout, top in vertical layout).\n   */\n  secondaryButtonProps?: ModalFooterButtonProps;\n  /**\n   * Optional prop for additional CSS classes to be applied to the\n   * ModalFooter root. Merged with the component's defaults via `twMerge`.\n   */\n  className?: string;\n};\n"]}

package/dist/components/ModalFooter/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonsAlignment = exports.ModalFooter = void 0;
+var ModalFooter_1 = require("./ModalFooter.cjs");
+Object.defineProperty(exports, "ModalFooter", { enumerable: true, get: function () { return ModalFooter_1.ModalFooter; } });
+var ModalFooter_types_1 = require("./ModalFooter.types.cjs");
+Object.defineProperty(exports, "ButtonsAlignment", { enumerable: true, get: function () { return ModalFooter_types_1.ButtonsAlignment; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/ModalFooter/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/ModalFooter/index.ts"],"names":[],"mappings":";;;AAAA,iDAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,6DAAuD;AAA9C,qHAAA,gBAAgB,OAAA","sourcesContent":["export { ModalFooter } from './ModalFooter';\nexport { ButtonsAlignment } from './ModalFooter.types';\nexport type {\n  ModalFooterButtonProps,\n  ModalFooterProps,\n} from './ModalFooter.types';\n"]}

package/dist/components/ModalFooter/index.d.cts

@@ -0,0 +1,4 @@
+export { ModalFooter } from "./ModalFooter.cjs";
+export { ButtonsAlignment } from "./ModalFooter.types.cjs";
+export type { ModalFooterButtonProps, ModalFooterProps, } from "./ModalFooter.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/ModalFooter/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/ModalFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,OAAO,EAAE,gBAAgB,EAAE,gCAA4B;AACvD,YAAY,EACV,sBAAsB,EACtB,gBAAgB,GACjB,gCAA4B"}

package/dist/components/ModalFooter/index.d.mts

@@ -0,0 +1,4 @@
+export { ModalFooter } from "./ModalFooter.mjs";
+export { ButtonsAlignment } from "./ModalFooter.types.mjs";
+export type { ModalFooterButtonProps, ModalFooterProps, } from "./ModalFooter.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/ModalFooter/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/ModalFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,OAAO,EAAE,gBAAgB,EAAE,gCAA4B;AACvD,YAAY,EACV,sBAAsB,EACtB,gBAAgB,GACjB,gCAA4B"}

package/dist/components/ModalFooter/index.mjs

@@ -0,0 +1,3 @@
+export { ModalFooter } from "./ModalFooter.mjs";
+export { ButtonsAlignment } from "./ModalFooter.types.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/ModalFooter/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/ModalFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,OAAO,EAAE,gBAAgB,EAAE,gCAA4B","sourcesContent":["export { ModalFooter } from './ModalFooter';\nexport { ButtonsAlignment } from './ModalFooter.types';\nexport type {\n  ModalFooterButtonProps,\n  ModalFooterProps,\n} from './ModalFooter.types';\n"]}

package/dist/components/ModalOverlay/ModalOverlay.cjs

@@ -0,0 +1,32 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalOverlay = void 0;
+const react_1 = __importStar(require("react"));
+const tw_merge_1 = require("../../utils/tw-merge.cjs");
+const Box_1 = require("../Box/index.cjs");
+exports.ModalOverlay = (0, react_1.forwardRef)(({ className, ...props }, ref) => (react_1.default.createElement(Box_1.Box, { ref: ref, backgroundColor: Box_1.BoxBackgroundColor.OverlayDefault, "aria-hidden": "true", className: (0, tw_merge_1.twMerge)('fixed inset-0 z-[1050] motion-safe:animate-fade-in', className), ...props })));
+exports.ModalOverlay.displayName = 'ModalOverlay';
+//# sourceMappingURL=ModalOverlay.cjs.map

package/dist/components/ModalOverlay/ModalOverlay.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalOverlay.cjs","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,uDAA+C;AAC/C,0CAAiD;AAIpC,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,8BAAC,SAAG,IACF,GAAG,EAAE,GAAG,EACR,eAAe,EAAE,wBAAkB,CAAC,cAAc,iBACtC,MAAM,EAClB,SAAS,EAAE,IAAA,kBAAO,EAChB,oDAAoD,EACpD,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AAEF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box, BoxBackgroundColor } from '../Box';\n\nimport type { ModalOverlayProps } from './ModalOverlay.types';\n\nexport const ModalOverlay = forwardRef<HTMLDivElement, ModalOverlayProps>(\n  ({ className, ...props }, ref) => (\n    <Box\n      ref={ref}\n      backgroundColor={BoxBackgroundColor.OverlayDefault}\n      aria-hidden=\"true\"\n      className={twMerge(\n        'fixed inset-0 z-[1050] motion-safe:animate-fade-in',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nModalOverlay.displayName = 'ModalOverlay';\n"]}

package/dist/components/ModalOverlay/ModalOverlay.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ModalOverlayProps } from "./ModalOverlay.types.cjs";
+export declare const ModalOverlay: React.ForwardRefExoticComponent<Omit<ModalOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ModalOverlay.d.cts.map

package/dist/components/ModalOverlay/ModalOverlay.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalOverlay.d.cts","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,cAAc;AAK1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,iCAA6B;AAE9D,eAAO,MAAM,YAAY,uGAaxB,CAAC"}

package/dist/components/ModalOverlay/ModalOverlay.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ModalOverlayProps } from "./ModalOverlay.types.mjs";
+export declare const ModalOverlay: React.ForwardRefExoticComponent<Omit<ModalOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ModalOverlay.d.mts.map

package/dist/components/ModalOverlay/ModalOverlay.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalOverlay.d.mts","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,cAAc;AAK1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,iCAA6B;AAE9D,eAAO,MAAM,YAAY,uGAaxB,CAAC"}

package/dist/components/ModalOverlay/ModalOverlay.mjs

@@ -0,0 +1,13 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React, { forwardRef } from "react";
+const React = $importDefault($React);
+import { twMerge } from "../../utils/tw-merge.mjs";
+import { Box, BoxBackgroundColor } from "../Box/index.mjs";
+export const ModalOverlay = forwardRef(({ className, ...props }, ref) => (React.createElement(Box, { ref: ref, backgroundColor: BoxBackgroundColor.OverlayDefault, "aria-hidden": "true", className: twMerge('fixed inset-0 z-[1050] motion-safe:animate-fade-in', className), ...props })));
+ModalOverlay.displayName = 'ModalOverlay';
+//# sourceMappingURL=ModalOverlay.mjs.map

package/dist/components/ModalOverlay/ModalOverlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalOverlay.mjs","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,GAAG,EAAE,kBAAkB,EAAE,yBAAe;AAIjD,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,oBAAC,GAAG,IACF,GAAG,EAAE,GAAG,EACR,eAAe,EAAE,kBAAkB,CAAC,cAAc,iBACtC,MAAM,EAClB,SAAS,EAAE,OAAO,CAChB,oDAAoD,EACpD,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box, BoxBackgroundColor } from '../Box';\n\nimport type { ModalOverlayProps } from './ModalOverlay.types';\n\nexport const ModalOverlay = forwardRef<HTMLDivElement, ModalOverlayProps>(\n  ({ className, ...props }, ref) => (\n    <Box\n      ref={ref}\n      backgroundColor={BoxBackgroundColor.OverlayDefault}\n      aria-hidden=\"true\"\n      className={twMerge(\n        'fixed inset-0 z-[1050] motion-safe:animate-fade-in',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nModalOverlay.displayName = 'ModalOverlay';\n"]}

package/dist/components/ModalOverlay/ModalOverlay.types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ModalOverlay.types.cjs.map

package/dist/components/ModalOverlay/ModalOverlay.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalOverlay.types.cjs","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps } from 'react';\n\nexport type ModalOverlayProps = ComponentProps<'div'> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the ModalOverlay component.\n   * These classes will be merged with the component's default classes using twMerge.\n   */\n  className?: string;\n};\n"]}

package/dist/components/ModalOverlay/ModalOverlay.types.d.cts

@@ -0,0 +1,9 @@
+import type { ComponentProps } from "react";
+export type ModalOverlayProps = ComponentProps<'div'> & {
+    /**
+     * Optional prop for additional CSS classes to be applied to the ModalOverlay component.
+     * These classes will be merged with the component's default classes using twMerge.
+     */
+    className?: string;
+};
+//# sourceMappingURL=ModalOverlay.types.d.cts.map

package/dist/components/ModalOverlay/ModalOverlay.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalOverlay.types.d.cts","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/ModalOverlay/ModalOverlay.types.d.mts

@@ -0,0 +1,9 @@
+import type { ComponentProps } from "react";
+export type ModalOverlayProps = ComponentProps<'div'> & {
+    /**
+     * Optional prop for additional CSS classes to be applied to the ModalOverlay component.
+     * These classes will be merged with the component's default classes using twMerge.
+     */
+    className?: string;
+};
+//# sourceMappingURL=ModalOverlay.types.d.mts.map

package/dist/components/ModalOverlay/ModalOverlay.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalOverlay.types.d.mts","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/ModalOverlay/ModalOverlay.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ModalOverlay.types.mjs.map

package/dist/components/ModalOverlay/ModalOverlay.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalOverlay.types.mjs","sourceRoot":"","sources":["../../../src/components/ModalOverlay/ModalOverlay.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps } from 'react';\n\nexport type ModalOverlayProps = ComponentProps<'div'> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the ModalOverlay component.\n   * These classes will be merged with the component's default classes using twMerge.\n   */\n  className?: string;\n};\n"]}

package/dist/components/ModalOverlay/index.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalOverlay = void 0;
+var ModalOverlay_1 = require("./ModalOverlay.cjs");
+Object.defineProperty(exports, "ModalOverlay", { enumerable: true, get: function () { return ModalOverlay_1.ModalOverlay; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/ModalOverlay/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/ModalOverlay/index.ts"],"names":[],"mappings":";;;AAAA,mDAA8C;AAArC,4GAAA,YAAY,OAAA","sourcesContent":["export { ModalOverlay } from './ModalOverlay';\nexport type { ModalOverlayProps } from './ModalOverlay.types';\n"]}

package/dist/components/ModalOverlay/index.d.cts

@@ -0,0 +1,3 @@
+export { ModalOverlay } from "./ModalOverlay.cjs";
+export type { ModalOverlayProps } from "./ModalOverlay.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/ModalOverlay/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/ModalOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,2BAAuB;AAC9C,YAAY,EAAE,iBAAiB,EAAE,iCAA6B"}

package/dist/components/ModalOverlay/index.d.mts

@@ -0,0 +1,3 @@
+export { ModalOverlay } from "./ModalOverlay.mjs";
+export type { ModalOverlayProps } from "./ModalOverlay.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/ModalOverlay/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/ModalOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,2BAAuB;AAC9C,YAAY,EAAE,iBAAiB,EAAE,iCAA6B"}

package/dist/components/ModalOverlay/index.mjs

@@ -0,0 +1,2 @@
+export { ModalOverlay } from "./ModalOverlay.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/ModalOverlay/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/ModalOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,2BAAuB","sourcesContent":["export { ModalOverlay } from './ModalOverlay';\nexport type { ModalOverlayProps } from './ModalOverlay.types';\n"]}

package/dist/components/Skeleton/Skeleton.cjs

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = void 0;
+const react_1 = __importStar(require("react"));
+const tw_merge_1 = require("../../utils/tw-merge.cjs");
+exports.Skeleton = (0, react_1.forwardRef)(({ height, width, children, hideChildren = false, className, style, ...props }, ref) => {
+    const hasChildren = children !== null && children !== undefined;
+    // Pass-through case (matches RN `BottomSheet` Skeleton): when children
+    // are provided and we're not asked to hide them, render the children
+    // directly without any skeleton overlay or animation.
+    if (!hideChildren && hasChildren) {
+        return react_1.default.createElement(react_1.default.Fragment, null, children);
+    }
+    return (react_1.default.createElement("div", { ref: ref, "aria-hidden": "true", className: (0, tw_merge_1.twMerge)('relative overflow-hidden rounded', className), style: { height, width, ...style }, ...props },
+        react_1.default.createElement("div", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 rounded bg-icon-alternative motion-safe:animate-skeleton-pulse" }),
+        hasChildren && (react_1.default.createElement("div", { "aria-hidden": "true", 
+            // Children render invisibly so the skeleton container takes its
+            // natural layout dimensions. They're hidden from assistive tech
+            // (the wrapping skeleton is already `aria-hidden`).
+            className: "pointer-events-none invisible relative z-10" }, children))));
+});
+exports.Skeleton.displayName = 'Skeleton';
+//# sourceMappingURL=Skeleton.cjs.map

package/dist/components/Skeleton/Skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.cjs","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,uDAA+C;AAIlC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EACE,MAAM,EACN,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,CAAC;IAEhE,uEAAuE;IACvE,qEAAqE;IACrE,sDAAsD;IACtD,IAAI,CAAC,YAAY,IAAI,WAAW,EAAE;QAChC,OAAO,8DAAG,QAAQ,CAAI,CAAC;KACxB;IAED,OAAO,CACL,uCACE,GAAG,EAAE,GAAG,iBACI,MAAM,EAClB,SAAS,EAAE,IAAA,kBAAO,EAAC,kCAAkC,EAAE,SAAS,CAAC,EACjE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,KAC9B,KAAK;QAET,sDACc,MAAM,EAClB,SAAS,EAAC,qGAAqG,GAC/G;QACD,WAAW,IAAI,CACd,sDACc,MAAM;YAClB,gEAAgE;YAChE,gEAAgE;YAChE,oDAAoD;YACpD,SAAS,EAAC,6CAA6C,IAEtD,QAAQ,CACL,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport type { SkeletonProps } from './Skeleton.types';\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n  (\n    {\n      height,\n      width,\n      children,\n      hideChildren = false,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const hasChildren = children !== null && children !== undefined;\n\n    // Pass-through case (matches RN `BottomSheet` Skeleton): when children\n    // are provided and we're not asked to hide them, render the children\n    // directly without any skeleton overlay or animation.\n    if (!hideChildren && hasChildren) {\n      return <>{children}</>;\n    }\n\n    return (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        className={twMerge('relative overflow-hidden rounded', className)}\n        style={{ height, width, ...style }}\n        {...props}\n      >\n        <div\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute inset-0 rounded bg-icon-alternative motion-safe:animate-skeleton-pulse\"\n        />\n        {hasChildren && (\n          <div\n            aria-hidden=\"true\"\n            // Children render invisibly so the skeleton container takes its\n            // natural layout dimensions. They're hidden from assistive tech\n            // (the wrapping skeleton is already `aria-hidden`).\n            className=\"pointer-events-none invisible relative z-10\"\n          >\n            {children}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nSkeleton.displayName = 'Skeleton';\n"]}

package/dist/components/Skeleton/Skeleton.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { SkeletonProps } from "./Skeleton.types.cjs";
+export declare const Skeleton: React.ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Skeleton.d.cts.map

package/dist/components/Skeleton/Skeleton.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.cts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,cAAc;AAI1C,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,mGAgDpB,CAAC"}

package/dist/components/Skeleton/Skeleton.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { SkeletonProps } from "./Skeleton.types.mjs";
+export declare const Skeleton: React.ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Skeleton.d.mts.map

package/dist/components/Skeleton/Skeleton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.mts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,cAAc;AAI1C,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,mGAgDpB,CAAC"}

package/dist/components/Skeleton/Skeleton.mjs

@@ -0,0 +1,27 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React, { forwardRef } from "react";
+const React = $importDefault($React);
+import { twMerge } from "../../utils/tw-merge.mjs";
+export const Skeleton = forwardRef(({ height, width, children, hideChildren = false, className, style, ...props }, ref) => {
+    const hasChildren = children !== null && children !== undefined;
+    // Pass-through case (matches RN `BottomSheet` Skeleton): when children
+    // are provided and we're not asked to hide them, render the children
+    // directly without any skeleton overlay or animation.
+    if (!hideChildren && hasChildren) {
+        return React.createElement(React.Fragment, null, children);
+    }
+    return (React.createElement("div", { ref: ref, "aria-hidden": "true", className: twMerge('relative overflow-hidden rounded', className), style: { height, width, ...style }, ...props },
+        React.createElement("div", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 rounded bg-icon-alternative motion-safe:animate-skeleton-pulse" }),
+        hasChildren && (React.createElement("div", { "aria-hidden": "true", 
+            // Children render invisibly so the skeleton container takes its
+            // natural layout dimensions. They're hidden from assistive tech
+            // (the wrapping skeleton is already `aria-hidden`).
+            className: "pointer-events-none invisible relative z-10" }, children))));
+});
+Skeleton.displayName = 'Skeleton';
+//# sourceMappingURL=Skeleton.mjs.map

package/dist/components/Skeleton/Skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.mjs","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAI/C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,MAAM,EACN,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,CAAC;IAEhE,uEAAuE;IACvE,qEAAqE;IACrE,sDAAsD;IACtD,IAAI,CAAC,YAAY,IAAI,WAAW,EAAE;QAChC,OAAO,0CAAG,QAAQ,CAAI,CAAC;KACxB;IAED,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,iBACI,MAAM,EAClB,SAAS,EAAE,OAAO,CAAC,kCAAkC,EAAE,SAAS,CAAC,EACjE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,KAC9B,KAAK;QAET,4CACc,MAAM,EAClB,SAAS,EAAC,qGAAqG,GAC/G;QACD,WAAW,IAAI,CACd,4CACc,MAAM;YAClB,gEAAgE;YAChE,gEAAgE;YAChE,oDAAoD;YACpD,SAAS,EAAC,6CAA6C,IAEtD,QAAQ,CACL,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport type { SkeletonProps } from './Skeleton.types';\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n  (\n    {\n      height,\n      width,\n      children,\n      hideChildren = false,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const hasChildren = children !== null && children !== undefined;\n\n    // Pass-through case (matches RN `BottomSheet` Skeleton): when children\n    // are provided and we're not asked to hide them, render the children\n    // directly without any skeleton overlay or animation.\n    if (!hideChildren && hasChildren) {\n      return <>{children}</>;\n    }\n\n    return (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        className={twMerge('relative overflow-hidden rounded', className)}\n        style={{ height, width, ...style }}\n        {...props}\n      >\n        <div\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute inset-0 rounded bg-icon-alternative motion-safe:animate-skeleton-pulse\"\n        />\n        {hasChildren && (\n          <div\n            aria-hidden=\"true\"\n            // Children render invisibly so the skeleton container takes its\n            // natural layout dimensions. They're hidden from assistive tech\n            // (the wrapping skeleton is already `aria-hidden`).\n            className=\"pointer-events-none invisible relative z-10\"\n          >\n            {children}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nSkeleton.displayName = 'Skeleton';\n"]}

package/dist/components/Skeleton/Skeleton.types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Skeleton.types.cjs.map

package/dist/components/Skeleton/Skeleton.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.cjs","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nexport type SkeletonProps = Omit<\n  ComponentProps<'div'>,\n  'children' | 'height' | 'width'\n> & {\n  /**\n   * Optional height of the skeleton container. Numbers are interpreted as px;\n   * strings can use any CSS length (`'2rem'`, `'100px'`, etc.).\n   */\n  height?: number | string;\n  /**\n   * Optional width of the skeleton container. Numbers are interpreted as px;\n   * strings can use any CSS length.\n   */\n  width?: number | string;\n  /**\n   * Optional content to display within the skeleton.\n   *\n   * - When provided **without** `hideChildren`, children are rendered\n   *   directly and the skeleton is not shown (the component is a no-op).\n   * - When provided **with** `hideChildren`, children are rendered invisibly\n   *   to preserve layout dimensions while the animated skeleton bar fills\n   *   the container.\n   */\n  children?: ReactNode;\n  /**\n   * When `true`, children are rendered invisibly while the skeleton\n   * animation plays, preserving layout dimensions. When `false` (the\n   * default) and `children` are provided, children render directly with no\n   * skeleton overlay.\n   *\n   * @default false\n   */\n  hideChildren?: boolean;\n  /**\n   * Optional prop for additional CSS classes to be applied to the skeleton\n   * container. Merged with the component's defaults via `twMerge`.\n   */\n  className?: string;\n};\n"]}

package/dist/components/Skeleton/Skeleton.types.d.cts

@@ -0,0 +1,38 @@
+import type { ComponentProps, ReactNode } from "react";
+export type SkeletonProps = Omit<ComponentProps<'div'>, 'children' | 'height' | 'width'> & {
+    /**
+     * Optional height of the skeleton container. Numbers are interpreted as px;
+     * strings can use any CSS length (`'2rem'`, `'100px'`, etc.).
+     */
+    height?: number | string;
+    /**
+     * Optional width of the skeleton container. Numbers are interpreted as px;
+     * strings can use any CSS length.
+     */
+    width?: number | string;
+    /**
+     * Optional content to display within the skeleton.
+     *
+     * - When provided **without** `hideChildren`, children are rendered
+     *   directly and the skeleton is not shown (the component is a no-op).
+     * - When provided **with** `hideChildren`, children are rendered invisibly
+     *   to preserve layout dimensions while the animated skeleton bar fills
+     *   the container.
+     */
+    children?: ReactNode;
+    /**
+     * When `true`, children are rendered invisibly while the skeleton
+     * animation plays, preserving layout dimensions. When `false` (the
+     * default) and `children` are provided, children render directly with no
+     * skeleton overlay.
+     *
+     * @default false
+     */
+    hideChildren?: boolean;
+    /**
+     * Optional prop for additional CSS classes to be applied to the skeleton
+     * container. Merged with the component's defaults via `twMerge`.
+     */
+    className?: string;
+};
+//# sourceMappingURL=Skeleton.types.d.cts.map

package/dist/components/Skeleton/Skeleton.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.d.cts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc;AAEvD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,QAAQ,GAAG,OAAO,CAChC,GAAG;IACF;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/Skeleton/Skeleton.types.d.mts

@@ -0,0 +1,38 @@
+import type { ComponentProps, ReactNode } from "react";
+export type SkeletonProps = Omit<ComponentProps<'div'>, 'children' | 'height' | 'width'> & {
+    /**
+     * Optional height of the skeleton container. Numbers are interpreted as px;
+     * strings can use any CSS length (`'2rem'`, `'100px'`, etc.).
+     */
+    height?: number | string;
+    /**
+     * Optional width of the skeleton container. Numbers are interpreted as px;
+     * strings can use any CSS length.
+     */
+    width?: number | string;
+    /**
+     * Optional content to display within the skeleton.
+     *
+     * - When provided **without** `hideChildren`, children are rendered
+     *   directly and the skeleton is not shown (the component is a no-op).
+     * - When provided **with** `hideChildren`, children are rendered invisibly
+     *   to preserve layout dimensions while the animated skeleton bar fills
+     *   the container.
+     */
+    children?: ReactNode;
+    /**
+     * When `true`, children are rendered invisibly while the skeleton
+     * animation plays, preserving layout dimensions. When `false` (the
+     * default) and `children` are provided, children render directly with no
+     * skeleton overlay.
+     *
+     * @default false
+     */
+    hideChildren?: boolean;
+    /**
+     * Optional prop for additional CSS classes to be applied to the skeleton
+     * container. Merged with the component's defaults via `twMerge`.
+     */
+    className?: string;
+};
+//# sourceMappingURL=Skeleton.types.d.mts.map

package/dist/components/Skeleton/Skeleton.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.d.mts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc;AAEvD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,QAAQ,GAAG,OAAO,CAChC,GAAG;IACF;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/Skeleton/Skeleton.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Skeleton.types.mjs.map