@usefragments/ui 1.6.0 → 2.0.0

package/dist/components/DatePicker/DatePicker.module.scss.js

@@ -1,36 +1,36 @@
-const wrapper = "_wrapper_zkp37_1";
-const label = "_label_zkp37_8";
-const helper = "_helper_zkp37_17";
-const helperError = "_helperError_zkp37_27";
-const errorMessage = "_errorMessage_zkp37_28";
-const trigger = "_trigger_zkp37_38";
-const triggerSm = "_triggerSm_zkp37_89";
-const triggerLg = "_triggerLg_zkp37_101";
-const triggerIcon = "_triggerIcon_zkp37_113";
-const triggerValue = "_triggerValue_zkp37_137";
-const triggerPlaceholder = "_triggerPlaceholder_zkp37_145";
-const positioner = "_positioner_zkp37_154";
-const popup = "_popup_zkp37_159";
-const calendar = "_calendar_zkp37_180";
-const months = "_months_zkp37_190";
-const monthCaption = "_monthCaption_zkp37_195";
-const captionLabel = "_captionLabel_zkp37_202";
-const nav = "_nav_zkp37_208";
-const navButton = "_navButton_zkp37_219";
-const chevron = "_chevron_zkp37_282";
-const monthGrid = "_monthGrid_zkp37_286";
-const weekday = "_weekday_zkp37_291";
-const day = "_day_zkp37_305";
-const dayButton = "_dayButton_zkp37_314";
-const today = "_today_zkp37_346";
-const selected = "_selected_zkp37_351";
-const outside = "_outside_zkp37_360";
-const disabled = "_disabled_zkp37_365";
-const focused = "_focused_zkp37_371";
-const rangeStart = "_rangeStart_zkp37_376";
-const rangeEnd = "_rangeEnd_zkp37_377";
-const rangeMiddle = "_rangeMiddle_zkp37_378";
-const preset = "_preset_zkp37_435";
+const wrapper = "_wrapper_1y733_1";
+const label = "_label_1y733_8";
+const helper = "_helper_1y733_17";
+const helperError = "_helperError_1y733_27";
+const errorMessage = "_errorMessage_1y733_28";
+const trigger = "_trigger_1y733_38";
+const triggerSm = "_triggerSm_1y733_109";
+const triggerLg = "_triggerLg_1y733_121";
+const triggerIcon = "_triggerIcon_1y733_134";
+const triggerValue = "_triggerValue_1y733_158";
+const triggerPlaceholder = "_triggerPlaceholder_1y733_166";
+const positioner = "_positioner_1y733_175";
+const popup = "_popup_1y733_180";
+const calendar = "_calendar_1y733_223";
+const months = "_months_1y733_234";
+const monthCaption = "_monthCaption_1y733_239";
+const captionLabel = "_captionLabel_1y733_246";
+const nav = "_nav_1y733_252";
+const navButton = "_navButton_1y733_263";
+const chevron = "_chevron_1y733_329";
+const monthGrid = "_monthGrid_1y733_333";
+const weekday = "_weekday_1y733_338";
+const day = "_day_1y733_352";
+const dayButton = "_dayButton_1y733_361";
+const today = "_today_1y733_395";
+const selected = "_selected_1y733_400";
+const outside = "_outside_1y733_409";
+const disabled = "_disabled_1y733_414";
+const focused = "_focused_1y733_421";
+const rangeStart = "_rangeStart_1y733_426";
+const rangeEnd = "_rangeEnd_1y733_427";
+const rangeMiddle = "_rangeMiddle_1y733_428";
+const preset = "_preset_1y733_485";
 const styles = {
   wrapper,
   label,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Dialog/Dialog.module.scss.cjs

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const backdrop = "_backdrop_t13kt_1";
-const positioner = "_positioner_t13kt_16";
-const popup = "_popup_t13kt_50";
-const sm = "_sm_t13kt_84";
-const md = "_md_t13kt_88";
-const lg = "_lg_t13kt_92";
-const xl = "_xl_t13kt_96";
-const full = "_full_t13kt_100";
-const header = "_header_t13kt_104";
-const title = "_title_t13kt_118";
-const description = "_description_t13kt_128";
-const body = "_body_t13kt_138";
-const footer = "_footer_t13kt_155";
-const close = "_close_t13kt_174";
+const backdrop = "_backdrop_11tcr_1";
+const positioner = "_positioner_11tcr_16";
+const popup = "_popup_11tcr_50";
+const sm = "_sm_11tcr_85";
+const md = "_md_11tcr_89";
+const lg = "_lg_11tcr_93";
+const xl = "_xl_11tcr_97";
+const full = "_full_11tcr_101";
+const header = "_header_11tcr_105";
+const title = "_title_11tcr_119";
+const description = "_description_11tcr_130";
+const body = "_body_11tcr_141";
+const footer = "_footer_11tcr_159";
+const close = "_close_11tcr_177";
 const styles = {
   backdrop,
   positioner,

package/dist/components/Dialog/Dialog.module.scss.js

@@ -1,17 +1,17 @@
-const backdrop = "_backdrop_t13kt_1";
-const positioner = "_positioner_t13kt_16";
-const popup = "_popup_t13kt_50";
-const sm = "_sm_t13kt_84";
-const md = "_md_t13kt_88";
-const lg = "_lg_t13kt_92";
-const xl = "_xl_t13kt_96";
-const full = "_full_t13kt_100";
-const header = "_header_t13kt_104";
-const title = "_title_t13kt_118";
-const description = "_description_t13kt_128";
-const body = "_body_t13kt_138";
-const footer = "_footer_t13kt_155";
-const close = "_close_t13kt_174";
+const backdrop = "_backdrop_11tcr_1";
+const positioner = "_positioner_11tcr_16";
+const popup = "_popup_11tcr_50";
+const sm = "_sm_11tcr_85";
+const md = "_md_11tcr_89";
+const lg = "_lg_11tcr_93";
+const xl = "_xl_11tcr_97";
+const full = "_full_11tcr_101";
+const header = "_header_11tcr_105";
+const title = "_title_11tcr_119";
+const description = "_description_11tcr_130";
+const body = "_body_11tcr_141";
+const footer = "_footer_11tcr_159";
+const close = "_close_11tcr_177";
 const styles = {
   backdrop,
   positioner,

package/dist/components/Dialog/index.cjs

@@ -25,13 +25,7 @@ function CloseIcon() {
     }
   );
 }
-function DialogRoot({
-  children,
-  open,
-  defaultOpen,
-  onOpenChange,
-  modal = true
-}) {
+function DialogRoot({ children, open, defaultOpen, onOpenChange, modal = true }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     dialog.Dialog.Root,
     {
@@ -43,25 +37,28 @@ function DialogRoot({
     }
   );
 }
-function DialogTrigger({
-  children,
-  asChild,
-  className,
-  ...htmlProps
-}) {
+function DialogTrigger({ children, asChild, className, ...htmlProps }) {
   if (asChild) {
-    return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Trigger, { ...htmlProps, className, render: children, children: null });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      dialog.Dialog.Trigger,
+      {
+        ...htmlProps,
+        className,
+        render: children,
+        children: null
+      }
+    );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Trigger, { ...htmlProps, className, children });
 }
 function DialogContent({
   children,
-  size = "md",
+  width = "md",
   initialFocus = true,
   className,
   ...htmlProps
 }) {
-  const popupClasses = [Dialog_module.default.popup, Dialog_module.default[size], className].filter(Boolean).join(" ");
+  const popupClasses = [Dialog_module.default.popup, Dialog_module.default[width], className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs(dialog.Dialog.Portal, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Backdrop, { className: Dialog_module.default.backdrop }),
     /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Viewport, { className: Dialog_module.default.positioner, children: /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Popup, { initialFocus, ...htmlProps, className: popupClasses, children }) })

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

@@ -1,8 +1,9 @@
-import * as React from 'react';
+import * as React from "react";
 /**
  * Modal dialog overlay for confirmations, forms, and focused tasks.
  * @see https://usefragments.com/components/dialog
  */
+export type DialogWidth = "sm" | "md" | "lg" | "xl" | "full";
 export interface DialogProps {
     children: React.ReactNode;
     /** Controlled open state */
@@ -17,18 +18,18 @@ export interface DialogProps {
 }
 export interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
-    /** Dialog width.
+    /** Dialog width. `full` spans the safe viewport.
      * @default "md"
-     * @see https://usefragments.com/components/dialog#sizes */
-    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+     * @see https://usefragments.com/components/dialog#widths */
+    width?: DialogWidth;
     /** Whether the dialog should autofocus content on open.
      * @default true */
     initialFocus?: boolean;
 }
-export interface DialogTitleProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
+export interface DialogTitleProps extends Omit<React.HTMLAttributes<HTMLElement>, "children"> {
     children: React.ReactNode;
 }
-export interface DialogDescriptionProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
+export interface DialogDescriptionProps extends Omit<React.HTMLAttributes<HTMLElement>, "children"> {
     children: React.ReactNode;
 }
 export interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -44,7 +45,7 @@ type DialogTriggerAsButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>
     children: React.ReactNode;
     asChild?: false;
 };
-type DialogTriggerAsChildProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {
+type DialogTriggerAsChildProps = Omit<React.HTMLAttributes<HTMLElement>, "children"> & {
     children: React.ReactElement;
     asChild: true;
 };
@@ -53,14 +54,14 @@ type DialogCloseAsButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> &
     children?: React.ReactNode;
     asChild?: false;
 };
-type DialogCloseAsChildProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {
+type DialogCloseAsChildProps = Omit<React.HTMLAttributes<HTMLElement>, "children"> & {
     children: React.ReactElement;
     asChild: true;
 };
 export type DialogCloseProps = DialogCloseAsButtonProps | DialogCloseAsChildProps;
-declare function DialogRoot({ children, open, defaultOpen, onOpenChange, modal, }: DialogProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogRoot({ children, open, defaultOpen, onOpenChange, modal }: DialogProps): import("react/jsx-runtime").JSX.Element;
 declare function DialogTrigger({ children, asChild, className, ...htmlProps }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
-declare function DialogContent({ children, size, initialFocus, className, ...htmlProps }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ children, width, initialFocus, className, ...htmlProps }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
 declare function DialogHeader({ children, className, ...htmlProps }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
 declare function DialogTitle({ children, className, ...htmlProps }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
 declare function DialogDescription({ children, className, ...htmlProps }: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Dialog/index.js

@@ -23,13 +23,7 @@ function CloseIcon() {
     }
   );
 }
-function DialogRoot({
-  children,
-  open,
-  defaultOpen,
-  onOpenChange,
-  modal = true
-}) {
+function DialogRoot({ children, open, defaultOpen, onOpenChange, modal = true }) {
   return /* @__PURE__ */ jsx(
     Dialog$1.Root,
     {
@@ -41,25 +35,28 @@ function DialogRoot({
     }
   );
 }
-function DialogTrigger({
-  children,
-  asChild,
-  className,
-  ...htmlProps
-}) {
+function DialogTrigger({ children, asChild, className, ...htmlProps }) {
   if (asChild) {
-    return /* @__PURE__ */ jsx(Dialog$1.Trigger, { ...htmlProps, className, render: children, children: null });
+    return /* @__PURE__ */ jsx(
+      Dialog$1.Trigger,
+      {
+        ...htmlProps,
+        className,
+        render: children,
+        children: null
+      }
+    );
   }
   return /* @__PURE__ */ jsx(Dialog$1.Trigger, { ...htmlProps, className, children });
 }
 function DialogContent({
   children,
-  size = "md",
+  width = "md",
   initialFocus = true,
   className,
   ...htmlProps
 }) {
-  const popupClasses = [styles.popup, styles[size], className].filter(Boolean).join(" ");
+  const popupClasses = [styles.popup, styles[width], className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(Dialog$1.Portal, { children: [
     /* @__PURE__ */ jsx(Dialog$1.Backdrop, { className: styles.backdrop }),
     /* @__PURE__ */ jsx(Dialog$1.Viewport, { className: styles.positioner, children: /* @__PURE__ */ jsx(Dialog$1.Popup, { initialFocus, ...htmlProps, className: popupClasses, children }) })

package/dist/components/Drawer/Drawer.module.scss.cjs

@@ -1,48 +1,48 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const backdrop = "_backdrop_1expe_1";
-const viewport = "_viewport_1expe_16";
-const popup = "_popup_1expe_48";
-const content = "_content_1expe_75";
-const sideRight = "_side-right_1expe_82";
-const sideLeft = "_side-left_1expe_94";
-const sideTop = "_side-top_1expe_106";
-const sideBottom = "_side-bottom_1expe_118";
-const sizeSm = "_size-sm_1expe_134";
-const sizeMd = "_size-md_1expe_138";
-const sizeLg = "_size-lg_1expe_142";
-const sizeXl = "_size-xl_1expe_146";
-const sizeFull = "_size-full_1expe_150";
-const header = "_header_1expe_176";
-const title = "_title_1expe_190";
-const description = "_description_1expe_200";
-const body = "_body_1expe_210";
-const footer = "_footer_1expe_230";
-const close = "_close_1expe_248";
-const swipeArea = "_swipeArea_1expe_333";
+const backdrop = "_backdrop_h4j8i_1";
+const viewport = "_viewport_h4j8i_16";
+const popup = "_popup_h4j8i_48";
+const content = "_content_h4j8i_76";
+const sideRight = "_side-right_h4j8i_83";
+const sideLeft = "_side-left_h4j8i_101";
+const sideTop = "_side-top_h4j8i_119";
+const sideBottom = "_side-bottom_h4j8i_131";
+const widthSm = "_width-sm_h4j8i_147";
+const widthMd = "_width-md_h4j8i_151";
+const widthLg = "_width-lg_h4j8i_155";
+const widthXl = "_width-xl_h4j8i_159";
+const widthFull = "_width-full_h4j8i_163";
+const header = "_header_h4j8i_189";
+const title = "_title_h4j8i_203";
+const description = "_description_h4j8i_214";
+const body = "_body_h4j8i_225";
+const footer = "_footer_h4j8i_246";
+const close = "_close_h4j8i_264";
+const swipeArea = "_swipeArea_h4j8i_351";
 const styles = {
   backdrop,
   viewport,
   popup,
   content,
-  "side-right": "_side-right_1expe_82",
+  "side-right": "_side-right_h4j8i_83",
   sideRight,
-  "side-left": "_side-left_1expe_94",
+  "side-left": "_side-left_h4j8i_101",
   sideLeft,
-  "side-top": "_side-top_1expe_106",
+  "side-top": "_side-top_h4j8i_119",
   sideTop,
-  "side-bottom": "_side-bottom_1expe_118",
+  "side-bottom": "_side-bottom_h4j8i_131",
   sideBottom,
-  "size-sm": "_size-sm_1expe_134",
-  sizeSm,
-  "size-md": "_size-md_1expe_138",
-  sizeMd,
-  "size-lg": "_size-lg_1expe_142",
-  sizeLg,
-  "size-xl": "_size-xl_1expe_146",
-  sizeXl,
-  "size-full": "_size-full_1expe_150",
-  sizeFull,
+  "width-sm": "_width-sm_h4j8i_147",
+  widthSm,
+  "width-md": "_width-md_h4j8i_151",
+  widthMd,
+  "width-lg": "_width-lg_h4j8i_155",
+  widthLg,
+  "width-xl": "_width-xl_h4j8i_159",
+  widthXl,
+  "width-full": "_width-full_h4j8i_163",
+  widthFull,
   header,
   title,
   description,
@@ -64,11 +64,11 @@ exports.sideBottom = sideBottom;
 exports.sideLeft = sideLeft;
 exports.sideRight = sideRight;
 exports.sideTop = sideTop;
-exports.sizeFull = sizeFull;
-exports.sizeLg = sizeLg;
-exports.sizeMd = sizeMd;
-exports.sizeSm = sizeSm;
-exports.sizeXl = sizeXl;
 exports.swipeArea = swipeArea;
 exports.title = title;
 exports.viewport = viewport;
+exports.widthFull = widthFull;
+exports.widthLg = widthLg;
+exports.widthMd = widthMd;
+exports.widthSm = widthSm;
+exports.widthXl = widthXl;

package/dist/components/Drawer/Drawer.module.scss.js

@@ -1,46 +1,46 @@
-const backdrop = "_backdrop_1expe_1";
-const viewport = "_viewport_1expe_16";
-const popup = "_popup_1expe_48";
-const content = "_content_1expe_75";
-const sideRight = "_side-right_1expe_82";
-const sideLeft = "_side-left_1expe_94";
-const sideTop = "_side-top_1expe_106";
-const sideBottom = "_side-bottom_1expe_118";
-const sizeSm = "_size-sm_1expe_134";
-const sizeMd = "_size-md_1expe_138";
-const sizeLg = "_size-lg_1expe_142";
-const sizeXl = "_size-xl_1expe_146";
-const sizeFull = "_size-full_1expe_150";
-const header = "_header_1expe_176";
-const title = "_title_1expe_190";
-const description = "_description_1expe_200";
-const body = "_body_1expe_210";
-const footer = "_footer_1expe_230";
-const close = "_close_1expe_248";
-const swipeArea = "_swipeArea_1expe_333";
+const backdrop = "_backdrop_h4j8i_1";
+const viewport = "_viewport_h4j8i_16";
+const popup = "_popup_h4j8i_48";
+const content = "_content_h4j8i_76";
+const sideRight = "_side-right_h4j8i_83";
+const sideLeft = "_side-left_h4j8i_101";
+const sideTop = "_side-top_h4j8i_119";
+const sideBottom = "_side-bottom_h4j8i_131";
+const widthSm = "_width-sm_h4j8i_147";
+const widthMd = "_width-md_h4j8i_151";
+const widthLg = "_width-lg_h4j8i_155";
+const widthXl = "_width-xl_h4j8i_159";
+const widthFull = "_width-full_h4j8i_163";
+const header = "_header_h4j8i_189";
+const title = "_title_h4j8i_203";
+const description = "_description_h4j8i_214";
+const body = "_body_h4j8i_225";
+const footer = "_footer_h4j8i_246";
+const close = "_close_h4j8i_264";
+const swipeArea = "_swipeArea_h4j8i_351";
 const styles = {
   backdrop,
   viewport,
   popup,
   content,
-  "side-right": "_side-right_1expe_82",
+  "side-right": "_side-right_h4j8i_83",
   sideRight,
-  "side-left": "_side-left_1expe_94",
+  "side-left": "_side-left_h4j8i_101",
   sideLeft,
-  "side-top": "_side-top_1expe_106",
+  "side-top": "_side-top_h4j8i_119",
   sideTop,
-  "side-bottom": "_side-bottom_1expe_118",
+  "side-bottom": "_side-bottom_h4j8i_131",
   sideBottom,
-  "size-sm": "_size-sm_1expe_134",
-  sizeSm,
-  "size-md": "_size-md_1expe_138",
-  sizeMd,
-  "size-lg": "_size-lg_1expe_142",
-  sizeLg,
-  "size-xl": "_size-xl_1expe_146",
-  sizeXl,
-  "size-full": "_size-full_1expe_150",
-  sizeFull,
+  "width-sm": "_width-sm_h4j8i_147",
+  widthSm,
+  "width-md": "_width-md_h4j8i_151",
+  widthMd,
+  "width-lg": "_width-lg_h4j8i_155",
+  widthLg,
+  "width-xl": "_width-xl_h4j8i_159",
+  widthXl,
+  "width-full": "_width-full_h4j8i_163",
+  widthFull,
   header,
   title,
   description,
@@ -63,12 +63,12 @@ export {
   sideLeft,
   sideRight,
   sideTop,
-  sizeFull,
-  sizeLg,
-  sizeMd,
-  sizeSm,
-  sizeXl,
   swipeArea,
   title,
-  viewport
+  viewport,
+  widthFull,
+  widthLg,
+  widthMd,
+  widthSm,
+  widthXl
 };

package/dist/components/Drawer/index.cjs

@@ -95,7 +95,7 @@ function DrawerTrigger({ children, asChild, className, ...htmlProps }) {
 function DrawerContent({
   children,
   side = "right",
-  size = "md",
+  width = "md",
   backdrop = true,
   initialFocus = true,
   viewportProps,
@@ -104,7 +104,7 @@ function DrawerContent({
 }) {
   const registerContentSide = React__namespace.useContext(DrawerContentSideContext);
   const { className: viewportClassName, ...viewportHtmlProps } = viewportProps ?? {};
-  const popupClasses = [Drawer_module.default.popup, Drawer_module.default[`side-${side}`], Drawer_module.default[`size-${size}`], className].filter(Boolean).join(" ");
+  const popupClasses = [Drawer_module.default.popup, Drawer_module.default[`side-${side}`], Drawer_module.default[`width-${width}`], className].filter(Boolean).join(" ");
   React__namespace.useEffect(() => {
     registerContentSide(side);
     return () => {

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

@@ -4,6 +4,7 @@ import * as React from "react";
  * Now backed by Base UI's stable Drawer (v1.3.0) with native swipe gestures.
  * @see https://usefragments.com/components/drawer
  */
+export type DrawerWidth = "sm" | "md" | "lg" | "xl" | "full";
 export interface DrawerProps {
     children: React.ReactNode;
     /** Controlled open state */
@@ -30,10 +31,10 @@ export interface DrawerContentProps extends React.HTMLAttributes<HTMLDivElement>
     /** Which edge the drawer slides from.
      * @default "right" */
     side?: "left" | "right" | "top" | "bottom";
-    /** Drawer width (for left/right) or height (for top/bottom).
+    /** Drawer width (for left/right) or height (for top/bottom). `full` spans the safe viewport.
      * @default "md"
-     * @see https://usefragments.com/components/drawer#sizes */
-    size?: "sm" | "md" | "lg" | "xl" | "full";
+     * @see https://usefragments.com/components/drawer#widths */
+    width?: DrawerWidth;
     /** Whether to show the backdrop overlay (default: true). Set to false for non-modal bottom panels. */
     backdrop?: boolean;
     /** Whether to autofocus an element on open (default: true) */
@@ -72,7 +73,7 @@ export interface DrawerSwipeAreaProps extends React.HTMLAttributes<HTMLDivElemen
 }
 declare function DrawerRoot({ children, open, defaultOpen, onOpenChange, onOpenChangeComplete, modal, swipeDirection, snapPoints, disablePointerDismissal, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
 declare function DrawerTrigger({ children, asChild, className, ...htmlProps }: DrawerTriggerProps): import("react/jsx-runtime").JSX.Element;
-declare function DrawerContent({ children, side, size, backdrop, initialFocus, viewportProps, className, ...htmlProps }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
+declare function DrawerContent({ children, side, width, backdrop, initialFocus, viewportProps, className, ...htmlProps }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
 declare function DrawerHeader({ children, className, ...htmlProps }: DrawerHeaderProps): import("react/jsx-runtime").JSX.Element;
 declare function DrawerTitle({ children, className, ...htmlProps }: DrawerTitleProps): import("react/jsx-runtime").JSX.Element;
 declare function DrawerDescription({ children, className, ...htmlProps }: DrawerDescriptionProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Drawer/index.js

@@ -76,7 +76,7 @@ function DrawerTrigger({ children, asChild, className, ...htmlProps }) {
 function DrawerContent({
   children,
   side = "right",
-  size = "md",
+  width = "md",
   backdrop = true,
   initialFocus = true,
   viewportProps,
@@ -85,7 +85,7 @@ function DrawerContent({
 }) {
   const registerContentSide = React.useContext(DrawerContentSideContext);
   const { className: viewportClassName, ...viewportHtmlProps } = viewportProps ?? {};
-  const popupClasses = [styles.popup, styles[`side-${side}`], styles[`size-${size}`], className].filter(Boolean).join(" ");
+  const popupClasses = [styles.popup, styles[`side-${side}`], styles[`width-${width}`], className].filter(Boolean).join(" ");
   React.useEffect(() => {
     registerContentSide(side);
     return () => {