silver-ui 0.1.1 → 0.2.0

package/dist/components/Divider/index.cjs

@@ -1,19 +1,17 @@
 'use strict';
 
-var chunkYOWRLFMF_cjs = require('../../chunk-YOWRLFMF.cjs');
-require('../../chunk-JAX62FUE.cjs');
+var chunkK77D7H4V_cjs = require('../../chunk-K77D7H4V.cjs');
+require('../../chunk-5QPM5LUS.cjs');
+require('../../chunk-6BK4LUK4.cjs');
+require('../../chunk-JRBQKFVO.cjs');
 require('../../chunk-SPDVNY2Z.cjs');
-require('../../chunk-AZDWQGAX.cjs');
+require('../../chunk-RU6JG3FS.cjs');
 
 
 
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
-  get: function () { return chunkYOWRLFMF_cjs.Divider; }
-});
-Object.defineProperty(exports, "dividerRecipe", {
-  enumerable: true,
-  get: function () { return chunkYOWRLFMF_cjs.dividerRecipe; }
+  get: function () { return chunkK77D7H4V_cjs.Divider; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Divider/index.d.ts

@@ -1,3 +1,2 @@
 export { Divider, type DividerOrientation, type DividerProps, type DividerVariant, } from './Divider';
-export { dividerRecipe, type DividerVariants } from './Divider.recipe';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Divider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,KAAK,kBAAkB,EACvB,KAAK,YAAY,EACjB,KAAK,cAAc,GACpB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAC,aAAa,EAAE,KAAK,eAAe,EAAC,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,KAAK,kBAAkB,EACvB,KAAK,YAAY,EACjB,KAAK,cAAc,GACpB,MAAM,WAAW,CAAC"}

package/dist/components/Divider/index.js

@@ -1,6 +1,8 @@
-export { Divider, dividerRecipe } from '../../chunk-CVH6X6ND.js';
-import '../../chunk-NAELQLZN.js';
+export { Divider } from '../../chunk-UY3MYNI6.js';
+import '../../chunk-EHCAF6D3.js';
+import '../../chunk-GUKZNXTB.js';
+import '../../chunk-FMEIPGUP.js';
 import '../../chunk-PPNETWIP.js';
-import '../../chunk-UHQRL4OA.js';
+import '../../chunk-OD4DHHZH.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Drawer/index.cjs

@@ -1,203 +1,19 @@
 'use strict';
 
-var chunk6SHL7FYO_cjs = require('../../chunk-6SHL7FYO.cjs');
-var chunkSPDVNY2Z_cjs = require('../../chunk-SPDVNY2Z.cjs');
-var chunkAZDWQGAX_cjs = require('../../chunk-AZDWQGAX.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
+var chunkYAIEA2YE_cjs = require('../../chunk-YAIEA2YE.cjs');
+require('../../chunk-6SHL7FYO.cjs');
+require('../../chunk-SPDVNY2Z.cjs');
+require('../../chunk-RU6JG3FS.cjs');
 
-function formatSize(value) {
-  return typeof value === "number" ? `${value}px` : value;
-}
-var styles = {
-  root: chunkAZDWQGAX_cjs.css({
-    position: "fixed",
-    p: 0,
-    borderWidth: 0,
-    bg: "bg",
-    color: "fg",
-    boxShadow: "xl",
-    flexDirection: "column",
-    overscrollBehavior: "contain",
-    _backdrop: {
-      bg: "overlay.scrim",
-      backdropFilter: "blur(2px)"
-    },
-    _focusVisible: {
-      outline: "none"
-    }
-  }),
-  open: chunkAZDWQGAX_cjs.css({
-    display: "flex"
-  }),
-  start: chunkAZDWQGAX_cjs.css({
-    inset: 0,
-    marginInlineEnd: "auto",
-    h: "100dvh",
-    maxH: "100dvh",
-    borderRadius: 0,
-    borderInlineEndWidth: "default",
-    borderInlineEndStyle: "solid",
-    borderInlineEndColor: "border"
-  }),
-  end: chunkAZDWQGAX_cjs.css({
-    inset: 0,
-    marginInlineStart: "auto",
-    h: "100dvh",
-    maxH: "100dvh",
-    borderRadius: 0,
-    borderInlineStartWidth: "default",
-    borderInlineStartStyle: "solid",
-    borderInlineStartColor: "border"
-  }),
-  top: chunkAZDWQGAX_cjs.css({
-    inset: 0,
-    mb: "auto",
-    w: "100dvw",
-    maxW: "100dvw",
-    borderRadius: 0,
-    borderBlockEndWidth: "default",
-    borderBlockEndStyle: "solid",
-    borderBlockEndColor: "border"
-  }),
-  bottom: chunkAZDWQGAX_cjs.css({
-    inset: 0,
-    mt: "auto",
-    w: "100dvw",
-    maxW: "100dvw",
-    borderRadius: 0,
-    borderBlockStartWidth: "default",
-    borderBlockStartStyle: "solid",
-    borderBlockStartColor: "border"
-  }),
-  inner: chunkAZDWQGAX_cjs.css({
-    display: "flex",
-    flexDirection: "column",
-    flex: "1 1 auto",
-    minH: 0,
-    overflow: "hidden"
-  })
-};
-var DEFAULT_SIZES = {
-  start: 320,
-  end: 320,
-  top: "40vh",
-  bottom: "40vh"
-};
-function getSizeStyle(placement, size) {
-  const formatted = formatSize(size);
-  if (placement === "start" || placement === "end") {
-    return { width: formatted, maxWidth: "100dvw" };
-  }
-  return { height: formatted, maxHeight: "100dvh" };
-}
-function Drawer({
-  isOpen,
-  label,
-  onOpenChange,
-  placement = "end",
-  size,
-  children,
-  className,
-  "data-testid": dataTestId,
-  style,
-  ref
-}) {
-  const dialogRef = react.useRef(null);
-  const triggerRef = react.useRef(null);
-  react.useEffect(() => {
-    const dialog = dialogRef.current;
-    if (dialog == null) {
-      return;
-    }
-    if (isOpen) {
-      triggerRef.current = document.activeElement;
-      if (!dialog.open) {
-        dialog.showModal();
-      }
-      dialog.querySelector('[data-autofocus="true"], [autofocus]')?.focus();
-    } else if (dialog.open) {
-      dialog.close();
-      triggerRef.current?.focus();
-      triggerRef.current = null;
-    }
-  }, [isOpen]);
-  react.useEffect(() => {
-    if (!isOpen) {
-      return;
-    }
-    const previousOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = previousOverflow;
-    };
-  }, [isOpen]);
-  const effectiveSize = size ?? DEFAULT_SIZES[placement];
-  const sizeStyle = getSizeStyle(placement, effectiveSize);
-  return (
-    // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events, jsx-a11y-x/no-noninteractive-element-interactions -- native dialog backdrop clicks close the drawer
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "dialog",
-      {
-        "aria-label": label,
-        "aria-modal": "true",
-        className: chunkSPDVNY2Z_cjs.cx(
-          styles.root,
-          isOpen ? styles.open : void 0,
-          styles[placement],
-          className
-        ),
-        "data-testid": dataTestId,
-        onCancel: (event) => {
-          event.preventDefault();
-          onOpenChange(false);
-        },
-        onClick: (event) => {
-          if (event.target === event.currentTarget) {
-            onOpenChange(false);
-          }
-        },
-        ref: chunk6SHL7FYO_cjs.mergeRefs(ref, dialogRef),
-        style: { ...sizeStyle, ...style },
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.inner, children })
-      }
-    )
-  );
-}
-Drawer.displayName = "Drawer";
-function useDrawer(defaultOptions) {
-  const [isOpen, setIsOpen] = react.useState(false);
-  const [content, setContent] = react.useState(null);
-  const [options, setOptions] = react.useState(
-    defaultOptions
-  );
-  const show = react.useCallback(
-    (nextContent, nextOptions) => {
-      setContent(nextContent);
-      setOptions((previous) => ({ ...previous, ...nextOptions }));
-      setIsOpen(true);
-    },
-    []
-  );
-  const hide = react.useCallback(() => setIsOpen(false), []);
-  const element = react.useMemo(
-    () => /* @__PURE__ */ jsxRuntime.jsx(
-      Drawer,
-      {
-        ...defaultOptions ?? {},
-        ...options ?? {},
-        isOpen,
-        label: options?.label ?? defaultOptions?.label ?? "Drawer",
-        onOpenChange: setIsOpen,
-        children: content
-      }
-    ),
-    [content, defaultOptions, isOpen, options]
-  );
-  return { element, hide, isOpen, show };
-}
 
-exports.Drawer = Drawer;
-exports.useDrawer = useDrawer;
+
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function () { return chunkYAIEA2YE_cjs.Drawer; }
+});
+Object.defineProperty(exports, "useDrawer", {
+  enumerable: true,
+  get: function () { return chunkYAIEA2YE_cjs.useDrawer; }
+});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Drawer/Drawer.tsx","../../../src/components/Drawer/useDrawer.tsx"],"names":["css","useRef","useEffect","jsx","cx","mergeRefs","useState","useCallback","useMemo"],"mappings":"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","file":"index.cjs","sourcesContent":["import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useEffect, useRef} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {mergeRefs} from '../../internal/mergeRefs';\n\nexport type DrawerPlacement = 'start' | 'end' | 'top' | 'bottom';\n\nexport interface DrawerProps {\n  /**\n   * Drawer body content.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the drawer.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the drawer.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the drawer is open.\n   */\n  isOpen: boolean;\n  /**\n   * Accessible label for the drawer.\n   */\n  label: string;\n  /**\n   * Called when the drawer requests an open-state change.\n   */\n  onOpenChange: (isOpen: boolean) => void;\n  /**\n   * Edge of the viewport the drawer slides in from.\n   * @default 'end'\n   */\n  placement?: DrawerPlacement;\n  /**\n   * Ref forwarded to the drawer element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Width (start/end) or height (top/bottom) of the drawer.\n   */\n  size?: number | string;\n  /**\n   * Inline styles applied to the drawer.\n   */\n  style?: CSSProperties;\n}\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nconst styles = {\n  root: css({\n    position: 'fixed',\n    p: 0,\n    borderWidth: 0,\n    bg: 'bg',\n    color: 'fg',\n    boxShadow: 'xl',\n    flexDirection: 'column',\n    overscrollBehavior: 'contain',\n    _backdrop: {\n      bg: 'overlay.scrim',\n      backdropFilter: 'blur(2px)',\n    },\n    _focusVisible: {\n      outline: 'none',\n    },\n  }),\n  open: css({\n    display: 'flex',\n  }),\n  start: css({\n    inset: 0,\n    marginInlineEnd: 'auto',\n    h: '100dvh',\n    maxH: '100dvh',\n    borderRadius: 0,\n    borderInlineEndWidth: 'default',\n    borderInlineEndStyle: 'solid',\n    borderInlineEndColor: 'border',\n  }),\n  end: css({\n    inset: 0,\n    marginInlineStart: 'auto',\n    h: '100dvh',\n    maxH: '100dvh',\n    borderRadius: 0,\n    borderInlineStartWidth: 'default',\n    borderInlineStartStyle: 'solid',\n    borderInlineStartColor: 'border',\n  }),\n  top: css({\n    inset: 0,\n    mb: 'auto',\n    w: '100dvw',\n    maxW: '100dvw',\n    borderRadius: 0,\n    borderBlockEndWidth: 'default',\n    borderBlockEndStyle: 'solid',\n    borderBlockEndColor: 'border',\n  }),\n  bottom: css({\n    inset: 0,\n    mt: 'auto',\n    w: '100dvw',\n    maxW: '100dvw',\n    borderRadius: 0,\n    borderBlockStartWidth: 'default',\n    borderBlockStartStyle: 'solid',\n    borderBlockStartColor: 'border',\n  }),\n  inner: css({\n    display: 'flex',\n    flexDirection: 'column',\n    flex: '1 1 auto',\n    minH: 0,\n    overflow: 'hidden',\n  }),\n} as const;\n\nconst DEFAULT_SIZES: Record<DrawerPlacement, number | string> = {\n  start: 320,\n  end: 320,\n  top: '40vh',\n  bottom: '40vh',\n};\n\nfunction getSizeStyle(\n  placement: DrawerPlacement,\n  size: number | string,\n): CSSProperties {\n  const formatted = formatSize(size);\n  if (placement === 'start' || placement === 'end') {\n    return {width: formatted, maxWidth: '100dvw'};\n  }\n  return {height: formatted, maxHeight: '100dvh'};\n}\n\n/**\n * A slide-in panel anchored to an edge of the viewport.\n */\nexport function Drawer({\n  isOpen,\n  label,\n  onOpenChange,\n  placement = 'end',\n  size,\n  children,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: DrawerProps): React.JSX.Element {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (dialog == null) {\n      return;\n    }\n\n    if (isOpen) {\n      triggerRef.current = document.activeElement as HTMLElement | null;\n      if (!dialog.open) {\n        dialog.showModal();\n      }\n      dialog\n        .querySelector<HTMLElement>('[data-autofocus=\"true\"], [autofocus]')\n        ?.focus();\n    } else if (dialog.open) {\n      dialog.close();\n      triggerRef.current?.focus();\n      triggerRef.current = null;\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\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 effectiveSize = size ?? DEFAULT_SIZES[placement];\n  const sizeStyle = getSizeStyle(placement, effectiveSize);\n\n  return (\n    // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events, jsx-a11y-x/no-noninteractive-element-interactions -- native dialog backdrop clicks close the drawer\n    <dialog\n      aria-label={label}\n      aria-modal=\"true\"\n      className={cx(\n        styles.root,\n        isOpen ? styles.open : undefined,\n        styles[placement],\n        className,\n      )}\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 as Ref<HTMLDialogElement>, dialogRef)}\n      style={{...sizeStyle, ...style}}>\n      <div className={styles.inner}>{children}</div>\n    </dialog>\n  );\n}\n\nDrawer.displayName = 'Drawer';\n","import {useCallback, useMemo, useState, type ReactNode} from 'react';\nimport {Drawer, type DrawerProps} from './Drawer';\n\nexport type DrawerOptions = Partial<\n  Omit<DrawerProps, 'children' | 'isOpen' | 'onOpenChange'>\n>;\n\nexport interface UseDrawerReturn {\n  element: ReactNode;\n  hide: () => void;\n  isOpen: boolean;\n  show: (content: ReactNode, options?: DrawerOptions) => void;\n}\n\nexport function useDrawer(defaultOptions?: DrawerOptions): UseDrawerReturn {\n  const [isOpen, setIsOpen] = useState(false);\n  const [content, setContent] = useState<ReactNode>(null);\n  const [options, setOptions] = useState<DrawerOptions | undefined>(\n    defaultOptions,\n  );\n\n  const show = useCallback(\n    (nextContent: ReactNode, nextOptions?: DrawerOptions) => {\n      setContent(nextContent);\n      setOptions(previous => ({...previous, ...nextOptions}));\n      setIsOpen(true);\n    },\n    [],\n  );\n\n  const hide = useCallback(() => setIsOpen(false), []);\n\n  const element = useMemo(\n    () => (\n      <Drawer\n        {...(defaultOptions ?? {})}\n        {...(options ?? {})}\n        isOpen={isOpen}\n        label={options?.label ?? defaultOptions?.label ?? 'Drawer'}\n        onOpenChange={setIsOpen}>\n        {content}\n      </Drawer>\n    ),\n    [content, defaultOptions, isOpen, options],\n  );\n\n  return {element, hide, isOpen, show};\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/Drawer/index.js

@@ -1,200 +1,6 @@
-import { mergeRefs } from '../../chunk-SGLIDI6R.js';
-import { cx } from '../../chunk-PPNETWIP.js';
-import { css } from '../../chunk-UHQRL4OA.js';
-import { useRef, useEffect, useState, useCallback, useMemo } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-function formatSize(value) {
-  return typeof value === "number" ? `${value}px` : value;
-}
-var styles = {
-  root: css({
-    position: "fixed",
-    p: 0,
-    borderWidth: 0,
-    bg: "bg",
-    color: "fg",
-    boxShadow: "xl",
-    flexDirection: "column",
-    overscrollBehavior: "contain",
-    _backdrop: {
-      bg: "overlay.scrim",
-      backdropFilter: "blur(2px)"
-    },
-    _focusVisible: {
-      outline: "none"
-    }
-  }),
-  open: css({
-    display: "flex"
-  }),
-  start: css({
-    inset: 0,
-    marginInlineEnd: "auto",
-    h: "100dvh",
-    maxH: "100dvh",
-    borderRadius: 0,
-    borderInlineEndWidth: "default",
-    borderInlineEndStyle: "solid",
-    borderInlineEndColor: "border"
-  }),
-  end: css({
-    inset: 0,
-    marginInlineStart: "auto",
-    h: "100dvh",
-    maxH: "100dvh",
-    borderRadius: 0,
-    borderInlineStartWidth: "default",
-    borderInlineStartStyle: "solid",
-    borderInlineStartColor: "border"
-  }),
-  top: css({
-    inset: 0,
-    mb: "auto",
-    w: "100dvw",
-    maxW: "100dvw",
-    borderRadius: 0,
-    borderBlockEndWidth: "default",
-    borderBlockEndStyle: "solid",
-    borderBlockEndColor: "border"
-  }),
-  bottom: css({
-    inset: 0,
-    mt: "auto",
-    w: "100dvw",
-    maxW: "100dvw",
-    borderRadius: 0,
-    borderBlockStartWidth: "default",
-    borderBlockStartStyle: "solid",
-    borderBlockStartColor: "border"
-  }),
-  inner: css({
-    display: "flex",
-    flexDirection: "column",
-    flex: "1 1 auto",
-    minH: 0,
-    overflow: "hidden"
-  })
-};
-var DEFAULT_SIZES = {
-  start: 320,
-  end: 320,
-  top: "40vh",
-  bottom: "40vh"
-};
-function getSizeStyle(placement, size) {
-  const formatted = formatSize(size);
-  if (placement === "start" || placement === "end") {
-    return { width: formatted, maxWidth: "100dvw" };
-  }
-  return { height: formatted, maxHeight: "100dvh" };
-}
-function Drawer({
-  isOpen,
-  label,
-  onOpenChange,
-  placement = "end",
-  size,
-  children,
-  className,
-  "data-testid": dataTestId,
-  style,
-  ref
-}) {
-  const dialogRef = useRef(null);
-  const triggerRef = useRef(null);
-  useEffect(() => {
-    const dialog = dialogRef.current;
-    if (dialog == null) {
-      return;
-    }
-    if (isOpen) {
-      triggerRef.current = document.activeElement;
-      if (!dialog.open) {
-        dialog.showModal();
-      }
-      dialog.querySelector('[data-autofocus="true"], [autofocus]')?.focus();
-    } else if (dialog.open) {
-      dialog.close();
-      triggerRef.current?.focus();
-      triggerRef.current = null;
-    }
-  }, [isOpen]);
-  useEffect(() => {
-    if (!isOpen) {
-      return;
-    }
-    const previousOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = previousOverflow;
-    };
-  }, [isOpen]);
-  const effectiveSize = size ?? DEFAULT_SIZES[placement];
-  const sizeStyle = getSizeStyle(placement, effectiveSize);
-  return (
-    // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events, jsx-a11y-x/no-noninteractive-element-interactions -- native dialog backdrop clicks close the drawer
-    /* @__PURE__ */ jsx(
-      "dialog",
-      {
-        "aria-label": label,
-        "aria-modal": "true",
-        className: cx(
-          styles.root,
-          isOpen ? styles.open : void 0,
-          styles[placement],
-          className
-        ),
-        "data-testid": dataTestId,
-        onCancel: (event) => {
-          event.preventDefault();
-          onOpenChange(false);
-        },
-        onClick: (event) => {
-          if (event.target === event.currentTarget) {
-            onOpenChange(false);
-          }
-        },
-        ref: mergeRefs(ref, dialogRef),
-        style: { ...sizeStyle, ...style },
-        children: /* @__PURE__ */ jsx("div", { className: styles.inner, children })
-      }
-    )
-  );
-}
-Drawer.displayName = "Drawer";
-function useDrawer(defaultOptions) {
-  const [isOpen, setIsOpen] = useState(false);
-  const [content, setContent] = useState(null);
-  const [options, setOptions] = useState(
-    defaultOptions
-  );
-  const show = useCallback(
-    (nextContent, nextOptions) => {
-      setContent(nextContent);
-      setOptions((previous) => ({ ...previous, ...nextOptions }));
-      setIsOpen(true);
-    },
-    []
-  );
-  const hide = useCallback(() => setIsOpen(false), []);
-  const element = useMemo(
-    () => /* @__PURE__ */ jsx(
-      Drawer,
-      {
-        ...defaultOptions ?? {},
-        ...options ?? {},
-        isOpen,
-        label: options?.label ?? defaultOptions?.label ?? "Drawer",
-        onOpenChange: setIsOpen,
-        children: content
-      }
-    ),
-    [content, defaultOptions, isOpen, options]
-  );
-  return { element, hide, isOpen, show };
-}
-
-export { Drawer, useDrawer };
+export { Drawer, useDrawer } from '../../chunk-XIFLSMGW.js';
+import '../../chunk-SGLIDI6R.js';
+import '../../chunk-PPNETWIP.js';
+import '../../chunk-OD4DHHZH.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Drawer/Drawer.tsx","../../../src/components/Drawer/useDrawer.tsx"],"names":["jsx"],"mappings":"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","file":"index.js","sourcesContent":["import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useEffect, useRef} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {mergeRefs} from '../../internal/mergeRefs';\n\nexport type DrawerPlacement = 'start' | 'end' | 'top' | 'bottom';\n\nexport interface DrawerProps {\n  /**\n   * Drawer body content.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the drawer.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the drawer.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the drawer is open.\n   */\n  isOpen: boolean;\n  /**\n   * Accessible label for the drawer.\n   */\n  label: string;\n  /**\n   * Called when the drawer requests an open-state change.\n   */\n  onOpenChange: (isOpen: boolean) => void;\n  /**\n   * Edge of the viewport the drawer slides in from.\n   * @default 'end'\n   */\n  placement?: DrawerPlacement;\n  /**\n   * Ref forwarded to the drawer element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Width (start/end) or height (top/bottom) of the drawer.\n   */\n  size?: number | string;\n  /**\n   * Inline styles applied to the drawer.\n   */\n  style?: CSSProperties;\n}\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nconst styles = {\n  root: css({\n    position: 'fixed',\n    p: 0,\n    borderWidth: 0,\n    bg: 'bg',\n    color: 'fg',\n    boxShadow: 'xl',\n    flexDirection: 'column',\n    overscrollBehavior: 'contain',\n    _backdrop: {\n      bg: 'overlay.scrim',\n      backdropFilter: 'blur(2px)',\n    },\n    _focusVisible: {\n      outline: 'none',\n    },\n  }),\n  open: css({\n    display: 'flex',\n  }),\n  start: css({\n    inset: 0,\n    marginInlineEnd: 'auto',\n    h: '100dvh',\n    maxH: '100dvh',\n    borderRadius: 0,\n    borderInlineEndWidth: 'default',\n    borderInlineEndStyle: 'solid',\n    borderInlineEndColor: 'border',\n  }),\n  end: css({\n    inset: 0,\n    marginInlineStart: 'auto',\n    h: '100dvh',\n    maxH: '100dvh',\n    borderRadius: 0,\n    borderInlineStartWidth: 'default',\n    borderInlineStartStyle: 'solid',\n    borderInlineStartColor: 'border',\n  }),\n  top: css({\n    inset: 0,\n    mb: 'auto',\n    w: '100dvw',\n    maxW: '100dvw',\n    borderRadius: 0,\n    borderBlockEndWidth: 'default',\n    borderBlockEndStyle: 'solid',\n    borderBlockEndColor: 'border',\n  }),\n  bottom: css({\n    inset: 0,\n    mt: 'auto',\n    w: '100dvw',\n    maxW: '100dvw',\n    borderRadius: 0,\n    borderBlockStartWidth: 'default',\n    borderBlockStartStyle: 'solid',\n    borderBlockStartColor: 'border',\n  }),\n  inner: css({\n    display: 'flex',\n    flexDirection: 'column',\n    flex: '1 1 auto',\n    minH: 0,\n    overflow: 'hidden',\n  }),\n} as const;\n\nconst DEFAULT_SIZES: Record<DrawerPlacement, number | string> = {\n  start: 320,\n  end: 320,\n  top: '40vh',\n  bottom: '40vh',\n};\n\nfunction getSizeStyle(\n  placement: DrawerPlacement,\n  size: number | string,\n): CSSProperties {\n  const formatted = formatSize(size);\n  if (placement === 'start' || placement === 'end') {\n    return {width: formatted, maxWidth: '100dvw'};\n  }\n  return {height: formatted, maxHeight: '100dvh'};\n}\n\n/**\n * A slide-in panel anchored to an edge of the viewport.\n */\nexport function Drawer({\n  isOpen,\n  label,\n  onOpenChange,\n  placement = 'end',\n  size,\n  children,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: DrawerProps): React.JSX.Element {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (dialog == null) {\n      return;\n    }\n\n    if (isOpen) {\n      triggerRef.current = document.activeElement as HTMLElement | null;\n      if (!dialog.open) {\n        dialog.showModal();\n      }\n      dialog\n        .querySelector<HTMLElement>('[data-autofocus=\"true\"], [autofocus]')\n        ?.focus();\n    } else if (dialog.open) {\n      dialog.close();\n      triggerRef.current?.focus();\n      triggerRef.current = null;\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\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 effectiveSize = size ?? DEFAULT_SIZES[placement];\n  const sizeStyle = getSizeStyle(placement, effectiveSize);\n\n  return (\n    // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events, jsx-a11y-x/no-noninteractive-element-interactions -- native dialog backdrop clicks close the drawer\n    <dialog\n      aria-label={label}\n      aria-modal=\"true\"\n      className={cx(\n        styles.root,\n        isOpen ? styles.open : undefined,\n        styles[placement],\n        className,\n      )}\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 as Ref<HTMLDialogElement>, dialogRef)}\n      style={{...sizeStyle, ...style}}>\n      <div className={styles.inner}>{children}</div>\n    </dialog>\n  );\n}\n\nDrawer.displayName = 'Drawer';\n","import {useCallback, useMemo, useState, type ReactNode} from 'react';\nimport {Drawer, type DrawerProps} from './Drawer';\n\nexport type DrawerOptions = Partial<\n  Omit<DrawerProps, 'children' | 'isOpen' | 'onOpenChange'>\n>;\n\nexport interface UseDrawerReturn {\n  element: ReactNode;\n  hide: () => void;\n  isOpen: boolean;\n  show: (content: ReactNode, options?: DrawerOptions) => void;\n}\n\nexport function useDrawer(defaultOptions?: DrawerOptions): UseDrawerReturn {\n  const [isOpen, setIsOpen] = useState(false);\n  const [content, setContent] = useState<ReactNode>(null);\n  const [options, setOptions] = useState<DrawerOptions | undefined>(\n    defaultOptions,\n  );\n\n  const show = useCallback(\n    (nextContent: ReactNode, nextOptions?: DrawerOptions) => {\n      setContent(nextContent);\n      setOptions(previous => ({...previous, ...nextOptions}));\n      setIsOpen(true);\n    },\n    [],\n  );\n\n  const hide = useCallback(() => setIsOpen(false), []);\n\n  const element = useMemo(\n    () => (\n      <Drawer\n        {...(defaultOptions ?? {})}\n        {...(options ?? {})}\n        isOpen={isOpen}\n        label={options?.label ?? defaultOptions?.label ?? 'Drawer'}\n        onOpenChange={setIsOpen}>\n        {content}\n      </Drawer>\n    ),\n    [content, defaultOptions, isOpen, options],\n  );\n\n  return {element, hide, isOpen, show};\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/DropdownMenu/DropdownMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,GAAG,EAAC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAO,KAAK,aAAa,EAAC,MAAM,SAAS,CAAC;AAIjD,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAsDD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,WAAW,EACX,UAAU,EACV,IAAI,EACJ,UAAkB,EAClB,KAAK,EACL,OAAO,EACP,GAAG,EACH,KAAK,GACN,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgC3C;yBA3Ce,gBAAgB"}
+{"version":3,"file":"DropdownMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,GAAG,EAAC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAO,KAAK,aAAa,EAAC,MAAM,SAAS,CAAC;AAIjD,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAoDD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,WAAW,EACX,UAAU,EACV,IAAI,EACJ,UAAkB,EAClB,KAAK,EACL,OAAO,EACP,GAAG,EACH,KAAK,GACN,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgC3C;yBA3Ce,gBAAgB"}

package/dist/components/DropdownMenu/index.cjs

@@ -1,41 +1,44 @@
 'use strict';
 
-var chunkVT7VKCHL_cjs = require('../../chunk-VT7VKCHL.cjs');
-require('../../chunk-YOWRLFMF.cjs');
-require('../../chunk-YMC56K6R.cjs');
-require('../../chunk-WSAZHUB3.cjs');
+var chunkRSG7N5QQ_cjs = require('../../chunk-RSG7N5QQ.cjs');
+require('../../chunk-4I6VIR44.cjs');
+require('../../chunk-K77D7H4V.cjs');
+require('../../chunk-BDBHHJGN.cjs');
 require('../../chunk-R37R7DEV.cjs');
-require('../../chunk-NILB6Y4Z.cjs');
-require('../../chunk-2WP6NYYY.cjs');
-require('../../chunk-47BELFYO.cjs');
-require('../../chunk-OA4KIVLO.cjs');
-require('../../chunk-2QM5XBX4.cjs');
-require('../../chunk-MKAOIB2O.cjs');
-require('../../chunk-6SPQDYHC.cjs');
+require('../../chunk-O3T7Z6RH.cjs');
+require('../../chunk-77RGTGRM.cjs');
+require('../../chunk-YXYD5HKL.cjs');
+require('../../chunk-JMNH45Q3.cjs');
+require('../../chunk-LFRTNC7M.cjs');
+require('../../chunk-WMXIUOOU.cjs');
+require('../../chunk-7GN6YTSS.cjs');
+require('../../chunk-U2WVHZ24.cjs');
 require('../../chunk-6SHL7FYO.cjs');
 require('../../chunk-2OXKEUKG.cjs');
-require('../../chunk-PHFEQG4E.cjs');
-require('../../chunk-JAX62FUE.cjs');
+require('../../chunk-5QPM5LUS.cjs');
+require('../../chunk-4TIAKZ4Q.cjs');
+require('../../chunk-6BK4LUK4.cjs');
+require('../../chunk-JRBQKFVO.cjs');
 require('../../chunk-SPDVNY2Z.cjs');
-require('../../chunk-AZDWQGAX.cjs');
+require('../../chunk-RU6JG3FS.cjs');
 
 
 
 Object.defineProperty(exports, "DropdownMenu", {
   enumerable: true,
-  get: function () { return chunkVT7VKCHL_cjs.DropdownMenu; }
+  get: function () { return chunkRSG7N5QQ_cjs.DropdownMenu; }
 });
 Object.defineProperty(exports, "DropdownMenuContext", {
   enumerable: true,
-  get: function () { return chunkVT7VKCHL_cjs.DropdownMenuContext; }
+  get: function () { return chunkRSG7N5QQ_cjs.DropdownMenuContext; }
 });
 Object.defineProperty(exports, "DropdownMenuItem", {
   enumerable: true,
-  get: function () { return chunkVT7VKCHL_cjs.DropdownMenuItem; }
+  get: function () { return chunkRSG7N5QQ_cjs.DropdownMenuItem; }
 });
 Object.defineProperty(exports, "useDropdownMenuContext", {
   enumerable: true,
-  get: function () { return chunkVT7VKCHL_cjs.useDropdownMenuContext; }
+  get: function () { return chunkRSG7N5QQ_cjs.useDropdownMenuContext; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/DropdownMenu/index.js

@@ -1,20 +1,23 @@
-export { DropdownMenu, DropdownMenuContext, DropdownMenuItem, useDropdownMenuContext } from '../../chunk-YRXGCYT2.js';
-import '../../chunk-CVH6X6ND.js';
-import '../../chunk-CA6645TQ.js';
-import '../../chunk-2QK2NZN5.js';
+export { DropdownMenu, DropdownMenuContext, DropdownMenuItem, useDropdownMenuContext } from '../../chunk-63RKQ237.js';
+import '../../chunk-AMG3S252.js';
+import '../../chunk-UY3MYNI6.js';
+import '../../chunk-QADMIAYK.js';
 import '../../chunk-OX4ZMUF4.js';
-import '../../chunk-VLIQPSPM.js';
-import '../../chunk-RGPL6EDK.js';
-import '../../chunk-PZO5MZ46.js';
-import '../../chunk-WA4DRAQ7.js';
-import '../../chunk-V5W7NZN5.js';
-import '../../chunk-EB5EHX6I.js';
-import '../../chunk-OKKL652L.js';
+import '../../chunk-RRNT32KY.js';
+import '../../chunk-6D3FA247.js';
+import '../../chunk-S54CKWKV.js';
+import '../../chunk-J2FCNWYM.js';
+import '../../chunk-2IKWX66Q.js';
+import '../../chunk-EXYBQVZT.js';
+import '../../chunk-EMHLPPQZ.js';
+import '../../chunk-ZNUOFLCQ.js';
 import '../../chunk-SGLIDI6R.js';
 import '../../chunk-Z4TZAJS3.js';
-import '../../chunk-4W7L63LH.js';
-import '../../chunk-NAELQLZN.js';
+import '../../chunk-EHCAF6D3.js';
+import '../../chunk-7T3SWOY7.js';
+import '../../chunk-GUKZNXTB.js';
+import '../../chunk-FMEIPGUP.js';
 import '../../chunk-PPNETWIP.js';
-import '../../chunk-UHQRL4OA.js';
+import '../../chunk-OD4DHHZH.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map