@usefragments/ui 1.7.0 → 2.0.0

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":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yBAAyB;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qCAAqC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,kDAAkD;IAClD,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C;uBACmB;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IAC/B;sDACkD;IAClD,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClD,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,sCAAsC;IACtC,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;0BACsB;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3C;;gEAE4D;IAC5D,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC3F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,UAAU,CACX;IACC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,yCAAyC;IACzC,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClD,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAiDD,iBAAS,UAAU,CAAC,EAClB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,oBAAoB,EACpB,KAAY,EACZ,cAAc,EACd,UAAU,EACV,uBAAuB,GACxB,EAAE,WAAW,2CAoBb;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,kBAAkB,2CAexF;AAED,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,IAAc,EACd,KAAY,EACZ,QAAe,EACf,YAAmB,EACnB,aAAa,EACb,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAiCpB;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,iBAAiB,2CAO7E;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,gBAAgB,2CAO3E;AAED,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,sBAAsB,2CAOvF;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CAOzE;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,iBAAiB,2CAO7E;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,gBAAgB,2CA4BpF;AAED,iBAAS,eAAe,CAAC,EACvB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CAUtB;AAMD,eAAO,MAAM,MAAM;;;;;;;;;;CAUjB,CAAC;AAGH,OAAO,EACL,UAAU,EACV,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,eAAe,GAChB,CAAC"}

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 () => {

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

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const editor = "_editor_11xw9_2";
-const contentTextarea = "_contentTextarea_11xw9_23";
-const content = "_content_11xw9_23";
-const toolbar = "_toolbar_11xw9_42";
-const statusBar = "_statusBar_11xw9_43";
-const toolbarGroup = "_toolbarGroup_11xw9_58";
-const statusBarLeft = "_statusBarLeft_11xw9_59";
-const statusBarRight = "_statusBarRight_11xw9_60";
-const toolbarButton = "_toolbarButton_11xw9_66";
-const toolbarButtonActive = "_toolbarButtonActive_11xw9_150";
-const separator = "_separator_11xw9_157";
-const statusIndicator = "_statusIndicator_11xw9_165";
-const statusBarItem = "_statusBarItem_11xw9_166";
-const statusError = "_statusError_11xw9_180";
-const statusBarItemError = "_statusBarItemError_11xw9_181";
-const statusBarItemWarning = "_statusBarItemWarning_11xw9_185";
-const contentRich = "_contentRich_11xw9_195";
+const editor = "_editor_jih2d_2";
+const contentTextarea = "_contentTextarea_jih2d_22";
+const content = "_content_jih2d_22";
+const toolbar = "_toolbar_jih2d_41";
+const statusBar = "_statusBar_jih2d_42";
+const toolbarGroup = "_toolbarGroup_jih2d_57";
+const statusBarLeft = "_statusBarLeft_jih2d_58";
+const statusBarRight = "_statusBarRight_jih2d_59";
+const toolbarButton = "_toolbarButton_jih2d_65";
+const toolbarButtonActive = "_toolbarButtonActive_jih2d_148";
+const separator = "_separator_jih2d_155";
+const statusIndicator = "_statusIndicator_jih2d_163";
+const statusBarItem = "_statusBarItem_jih2d_164";
+const statusError = "_statusError_jih2d_178";
+const statusBarItemError = "_statusBarItemError_jih2d_179";
+const statusBarItemWarning = "_statusBarItemWarning_jih2d_183";
+const contentRich = "_contentRich_jih2d_193";
 const styles = {
   editor,
   contentTextarea,

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

@@ -1,20 +1,20 @@
-const editor = "_editor_11xw9_2";
-const contentTextarea = "_contentTextarea_11xw9_23";
-const content = "_content_11xw9_23";
-const toolbar = "_toolbar_11xw9_42";
-const statusBar = "_statusBar_11xw9_43";
-const toolbarGroup = "_toolbarGroup_11xw9_58";
-const statusBarLeft = "_statusBarLeft_11xw9_59";
-const statusBarRight = "_statusBarRight_11xw9_60";
-const toolbarButton = "_toolbarButton_11xw9_66";
-const toolbarButtonActive = "_toolbarButtonActive_11xw9_150";
-const separator = "_separator_11xw9_157";
-const statusIndicator = "_statusIndicator_11xw9_165";
-const statusBarItem = "_statusBarItem_11xw9_166";
-const statusError = "_statusError_11xw9_180";
-const statusBarItemError = "_statusBarItemError_11xw9_181";
-const statusBarItemWarning = "_statusBarItemWarning_11xw9_185";
-const contentRich = "_contentRich_11xw9_195";
+const editor = "_editor_jih2d_2";
+const contentTextarea = "_contentTextarea_jih2d_22";
+const content = "_content_jih2d_22";
+const toolbar = "_toolbar_jih2d_41";
+const statusBar = "_statusBar_jih2d_42";
+const toolbarGroup = "_toolbarGroup_jih2d_57";
+const statusBarLeft = "_statusBarLeft_jih2d_58";
+const statusBarRight = "_statusBarRight_jih2d_59";
+const toolbarButton = "_toolbarButton_jih2d_65";
+const toolbarButtonActive = "_toolbarButtonActive_jih2d_148";
+const separator = "_separator_jih2d_155";
+const statusIndicator = "_statusIndicator_jih2d_163";
+const statusBarItem = "_statusBarItem_jih2d_164";
+const statusError = "_statusError_jih2d_178";
+const statusBarItemError = "_statusBarItemError_jih2d_179";
+const statusBarItemWarning = "_statusBarItemWarning_jih2d_183";
+const contentRich = "_contentRich_jih2d_193";
 const styles = {
   editor,
   contentTextarea,

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

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const emptyState = "_emptyState_1y4f5_1";
-const icon = "_icon_1y4f5_11";
-const actions = "_actions_1y4f5_14";
-const sm = "_sm_1y4f5_18";
-const md = "_md_1y4f5_33";
-const lg = "_lg_1y4f5_48";
-const outlined = "_outlined_1y4f5_63";
-const title = "_title_1y4f5_80";
-const description = "_description_1y4f5_90";
+const emptyState = "_emptyState_10sdu_1";
+const icon = "_icon_10sdu_9";
+const actions = "_actions_10sdu_12";
+const sm = "_sm_10sdu_16";
+const md = "_md_10sdu_31";
+const lg = "_lg_10sdu_46";
+const outline = "_outline_10sdu_61";
+const title = "_title_10sdu_78";
+const description = "_description_10sdu_88";
 const styles = {
   emptyState,
   icon,
@@ -16,7 +16,7 @@ const styles = {
   sm,
   md,
   lg,
-  outlined,
+  outline,
   title,
   description
 };
@@ -27,6 +27,6 @@ exports.emptyState = emptyState;
 exports.icon = icon;
 exports.lg = lg;
 exports.md = md;
-exports.outlined = outlined;
+exports.outline = outline;
 exports.sm = sm;
 exports.title = title;

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

@@ -1,12 +1,12 @@
-const emptyState = "_emptyState_1y4f5_1";
-const icon = "_icon_1y4f5_11";
-const actions = "_actions_1y4f5_14";
-const sm = "_sm_1y4f5_18";
-const md = "_md_1y4f5_33";
-const lg = "_lg_1y4f5_48";
-const outlined = "_outlined_1y4f5_63";
-const title = "_title_1y4f5_80";
-const description = "_description_1y4f5_90";
+const emptyState = "_emptyState_10sdu_1";
+const icon = "_icon_10sdu_9";
+const actions = "_actions_10sdu_12";
+const sm = "_sm_10sdu_16";
+const md = "_md_10sdu_31";
+const lg = "_lg_10sdu_46";
+const outline = "_outline_10sdu_61";
+const title = "_title_10sdu_78";
+const description = "_description_10sdu_88";
 const styles = {
   emptyState,
   icon,
@@ -14,7 +14,7 @@ const styles = {
   sm,
   md,
   lg,
-  outlined,
+  outline,
   title,
   description
 };
@@ -26,7 +26,7 @@ export {
   icon,
   lg,
   md,
-  outlined,
+  outline,
   sm,
   title
 };

package/dist/components/EmptyState/index.cjs

@@ -25,14 +25,14 @@ const EmptyStateContext = React__namespace.createContext(null);
 function EmptyStateRoot({
   children,
   size = "md",
-  variant = "plain",
+  variant = "ghost",
   className,
   ...htmlProps
 }) {
   const classes = [
     EmptyState_module.default.emptyState,
     EmptyState_module.default[size],
-    variant === "outlined" ? EmptyState_module.default.outlined : null,
+    variant === "outline" ? EmptyState_module.default.outline : null,
     className
   ].filter(Boolean).join(" ");
   const contextValue = { size };
@@ -42,9 +42,14 @@ function EmptyStateIcon({ children, className, ...htmlProps }) {
   const classes = [EmptyState_module.default.icon, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
 }
-function EmptyStateTitle({ children, className, ...htmlProps }) {
+function EmptyStateTitle({
+  children,
+  className,
+  as: Component = "h3",
+  ...htmlProps
+}) {
   const classes = [EmptyState_module.default.title, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx("h3", { ...htmlProps, className: classes, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...htmlProps, className: classes, children });
 }
 function EmptyStateDescription({ children, className, ...htmlProps }) {
   const classes = [EmptyState_module.default.description, className].filter(Boolean).join(" ");

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

@@ -2,17 +2,20 @@ import * as React from "react";
 export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     size?: "sm" | "md" | "lg";
-    /** `outlined` draws the dashed hairline that marks a reserved-but-empty
-     * region. Default `plain` keeps the state inside whatever already frames it
+    /** Chrome. `outline` draws the dashed hairline that marks a reserved-but-empty
+     * region. Default `ghost` keeps the state inside whatever already frames it
      * (a Card, a table body) so the frame is never doubled.
-     * @default "plain" */
-    variant?: "plain" | "outlined";
+     * @default "ghost" */
+    variant?: "ghost" | "outline";
 }
 export interface EmptyStateIconProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }
 export interface EmptyStateTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
     children: React.ReactNode;
+    /** Heading level follows the surrounding outline: `h2` for a page-level
+     * state, `h3` under a section heading. Defaults to `h3`. */
+    as?: "h2" | "h3" | "h4" | "p";
 }
 export interface EmptyStateDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
     children: React.ReactNode;
@@ -26,7 +29,7 @@ interface EmptyStateContextValue {
 declare function useEmptyStateContext(): EmptyStateContextValue;
 declare function EmptyStateRoot({ children, size, variant, className, ...htmlProps }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
 declare function EmptyStateIcon({ children, className, ...htmlProps }: EmptyStateIconProps): import("react/jsx-runtime").JSX.Element;
-declare function EmptyStateTitle({ children, className, ...htmlProps }: EmptyStateTitleProps): import("react/jsx-runtime").JSX.Element;
+declare function EmptyStateTitle({ children, className, as: Component, ...htmlProps }: EmptyStateTitleProps): import("react/jsx-runtime").JSX.Element;
 declare function EmptyStateDescription({ children, className, ...htmlProps }: EmptyStateDescriptionProps): import("react/jsx-runtime").JSX.Element;
 declare function EmptyStateActions({ children, className, ...htmlProps }: EmptyStateActionsProps): import("react/jsx-runtime").JSX.Element;
 export declare const EmptyState: typeof EmptyStateRoot & {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;0BAGsB;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAChC;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACpF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAC5F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAMD,UAAU,sBAAsB;IAC9B,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1B;AAID,iBAAS,oBAAoB,2BAM5B;AAMD,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,IAAW,EACX,OAAiB,EACjB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,eAAe,2CAmBjB;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,mBAAmB,2CAOjF;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,oBAAoB,2CAOnF;AAED,iBAAS,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,0BAA0B,2CAO/F;AAED,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,sBAAsB,2CAOvF;AAMD,eAAO,MAAM,UAAU;;;;;CAKrB,CAAC;AAGH,OAAO,EACL,cAAc,EACd,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,oBAAoB,GACrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;0BAGsB;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACpF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;gEAC4D;IAC5D,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;CAC/B;AAED,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAC5F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAMD,UAAU,sBAAsB;IAC9B,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1B;AAID,iBAAS,oBAAoB,2BAM5B;AAMD,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,IAAW,EACX,OAAiB,EACjB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,eAAe,2CAmBjB;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,mBAAmB,2CAOjF;AAED,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAgB,EACpB,GAAG,SAAS,EACb,EAAE,oBAAoB,2CAOtB;AAED,iBAAS,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,0BAA0B,2CAO/F;AAED,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,sBAAsB,2CAOvF;AAMD,eAAO,MAAM,UAAU;;;;;CAKrB,CAAC;AAGH,OAAO,EACL,cAAc,EACd,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,oBAAoB,GACrB,CAAC"}

package/dist/components/EmptyState/index.js

@@ -6,14 +6,14 @@ const EmptyStateContext = React.createContext(null);
 function EmptyStateRoot({
   children,
   size = "md",
-  variant = "plain",
+  variant = "ghost",
   className,
   ...htmlProps
 }) {
   const classes = [
     styles.emptyState,
     styles[size],
-    variant === "outlined" ? styles.outlined : null,
+    variant === "outline" ? styles.outline : null,
     className
   ].filter(Boolean).join(" ");
   const contextValue = { size };
@@ -23,9 +23,14 @@ function EmptyStateIcon({ children, className, ...htmlProps }) {
   const classes = [styles.icon, className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
 }
-function EmptyStateTitle({ children, className, ...htmlProps }) {
+function EmptyStateTitle({
+  children,
+  className,
+  as: Component = "h3",
+  ...htmlProps
+}) {
   const classes = [styles.title, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx("h3", { ...htmlProps, className: classes, children });
+  return /* @__PURE__ */ jsx(Component, { ...htmlProps, className: classes, children });
 }
 function EmptyStateDescription({ children, className, ...htmlProps }) {
   const classes = [styles.description, className].filter(Boolean).join(" ");

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_fzjcf_1";
-const label = "_label_fzjcf_8";
-const description = "_description_fzjcf_20";
-const error = "_error_fzjcf_30";
-const required = "_required_fzjcf_40";
+const root = "_root_809om_1";
+const label = "_label_809om_8";
+const description = "_description_809om_20";
+const error = "_error_809om_30";
+const required = "_required_809om_40";
 const styles = {
   root,
   label,

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

@@ -1,8 +1,8 @@
-const root = "_root_fzjcf_1";
-const label = "_label_fzjcf_8";
-const description = "_description_fzjcf_20";
-const error = "_error_fzjcf_30";
-const required = "_required_fzjcf_40";
+const root = "_root_809om_1";
+const label = "_label_809om_8";
+const description = "_description_809om_20";
+const error = "_error_809om_30";
+const required = "_required_809om_40";
 const styles = {
   root,
   label,

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_1phtd_1";
-const legend = "_legend_1phtd_14";
-const description = "_description_1phtd_14";
+const root = "_root_1yyjc_1";
+const legend = "_legend_1yyjc_14";
+const description = "_description_1yyjc_14";
 const styles = {
   root,
   legend,

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

@@ -1,6 +1,6 @@
-const root = "_root_1phtd_1";
-const legend = "_legend_1phtd_14";
-const description = "_description_1phtd_14";
+const root = "_root_1yyjc_1";
+const legend = "_legend_1yyjc_14";
+const description = "_description_1yyjc_14";
 const styles = {
   root,
   legend,

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

@@ -1,59 +1,59 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const grid = "_grid_1xtpg_1";
-const columns1 = "_columns1_1xtpg_7";
-const columns2 = "_columns2_1xtpg_11";
-const columns3 = "_columns3_1xtpg_15";
-const columns4 = "_columns4_1xtpg_19";
-const columns5 = "_columns5_1xtpg_23";
-const columns6 = "_columns6_1xtpg_27";
-const columns7 = "_columns7_1xtpg_31";
-const columns8 = "_columns8_1xtpg_35";
-const columns9 = "_columns9_1xtpg_39";
-const columns10 = "_columns10_1xtpg_43";
-const columns11 = "_columns11_1xtpg_47";
-const columns12 = "_columns12_1xtpg_51";
-const columnsAuto = "_columnsAuto_1xtpg_55";
-const columnsResponsive = "_columnsResponsive_1xtpg_59";
-const paddingNone = "_paddingNone_1xtpg_93";
-const paddingSm = "_paddingSm_1xtpg_97";
-const paddingMd = "_paddingMd_1xtpg_101";
-const paddingLg = "_paddingLg_1xtpg_105";
-const alignStart = "_alignStart_1xtpg_109";
-const alignCenter = "_alignCenter_1xtpg_113";
-const alignEnd = "_alignEnd_1xtpg_117";
-const alignStretch = "_alignStretch_1xtpg_121";
-const justifyStart = "_justifyStart_1xtpg_125";
-const justifyCenter = "_justifyCenter_1xtpg_129";
-const justifyEnd = "_justifyEnd_1xtpg_133";
-const justifyStretch = "_justifyStretch_1xtpg_137";
-const item = "_item_1xtpg_141";
-const colSpan1 = "_colSpan1_1xtpg_145";
-const colSpan2 = "_colSpan2_1xtpg_149";
-const colSpan3 = "_colSpan3_1xtpg_153";
-const colSpan4 = "_colSpan4_1xtpg_157";
-const colSpan5 = "_colSpan5_1xtpg_161";
-const colSpan6 = "_colSpan6_1xtpg_165";
-const colSpan7 = "_colSpan7_1xtpg_169";
-const colSpan8 = "_colSpan8_1xtpg_173";
-const colSpan9 = "_colSpan9_1xtpg_177";
-const colSpan10 = "_colSpan10_1xtpg_181";
-const colSpan11 = "_colSpan11_1xtpg_185";
-const colSpan12 = "_colSpan12_1xtpg_189";
-const colSpanFull = "_colSpanFull_1xtpg_193";
-const rowSpan1 = "_rowSpan1_1xtpg_197";
-const rowSpan2 = "_rowSpan2_1xtpg_201";
-const rowSpan3 = "_rowSpan3_1xtpg_205";
-const rowSpan4 = "_rowSpan4_1xtpg_209";
-const rowSpan5 = "_rowSpan5_1xtpg_213";
-const rowSpan6 = "_rowSpan6_1xtpg_217";
-const selfAlignStart = "_selfAlignStart_1xtpg_221";
-const selfAlignCenter = "_selfAlignCenter_1xtpg_225";
-const selfAlignEnd = "_selfAlignEnd_1xtpg_229";
-const selfAlignStretch = "_selfAlignStretch_1xtpg_233";
-const subgridRows = "_subgridRows_1xtpg_237";
-const subgridColumns = "_subgridColumns_1xtpg_242";
-const subgridBoth = "_subgridBoth_1xtpg_247";
+const grid = "_grid_uto44_1";
+const columns1 = "_columns1_uto44_7";
+const columns2 = "_columns2_uto44_11";
+const columns3 = "_columns3_uto44_15";
+const columns4 = "_columns4_uto44_19";
+const columns5 = "_columns5_uto44_23";
+const columns6 = "_columns6_uto44_27";
+const columns7 = "_columns7_uto44_31";
+const columns8 = "_columns8_uto44_35";
+const columns9 = "_columns9_uto44_39";
+const columns10 = "_columns10_uto44_43";
+const columns11 = "_columns11_uto44_47";
+const columns12 = "_columns12_uto44_51";
+const columnsAuto = "_columnsAuto_uto44_55";
+const columnsResponsive = "_columnsResponsive_uto44_59";
+const paddingNone = "_paddingNone_uto44_93";
+const paddingSm = "_paddingSm_uto44_97";
+const paddingMd = "_paddingMd_uto44_101";
+const paddingLg = "_paddingLg_uto44_105";
+const alignStart = "_alignStart_uto44_109";
+const alignCenter = "_alignCenter_uto44_113";
+const alignEnd = "_alignEnd_uto44_117";
+const alignStretch = "_alignStretch_uto44_121";
+const justifyStart = "_justifyStart_uto44_125";
+const justifyCenter = "_justifyCenter_uto44_129";
+const justifyEnd = "_justifyEnd_uto44_133";
+const justifyStretch = "_justifyStretch_uto44_137";
+const item = "_item_uto44_141";
+const colSpan1 = "_colSpan1_uto44_145";
+const colSpan2 = "_colSpan2_uto44_149";
+const colSpan3 = "_colSpan3_uto44_153";
+const colSpan4 = "_colSpan4_uto44_157";
+const colSpan5 = "_colSpan5_uto44_161";
+const colSpan6 = "_colSpan6_uto44_165";
+const colSpan7 = "_colSpan7_uto44_169";
+const colSpan8 = "_colSpan8_uto44_173";
+const colSpan9 = "_colSpan9_uto44_177";
+const colSpan10 = "_colSpan10_uto44_181";
+const colSpan11 = "_colSpan11_uto44_185";
+const colSpan12 = "_colSpan12_uto44_189";
+const colSpanFull = "_colSpanFull_uto44_193";
+const rowSpan1 = "_rowSpan1_uto44_197";
+const rowSpan2 = "_rowSpan2_uto44_201";
+const rowSpan3 = "_rowSpan3_uto44_205";
+const rowSpan4 = "_rowSpan4_uto44_209";
+const rowSpan5 = "_rowSpan5_uto44_213";
+const rowSpan6 = "_rowSpan6_uto44_217";
+const selfAlignStart = "_selfAlignStart_uto44_221";
+const selfAlignCenter = "_selfAlignCenter_uto44_225";
+const selfAlignEnd = "_selfAlignEnd_uto44_229";
+const selfAlignStretch = "_selfAlignStretch_uto44_233";
+const subgridRows = "_subgridRows_uto44_237";
+const subgridColumns = "_subgridColumns_uto44_242";
+const subgridBoth = "_subgridBoth_uto44_247";
 const styles = {
   grid,
   columns1,

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

@@ -1,57 +1,57 @@
-const grid = "_grid_1xtpg_1";
-const columns1 = "_columns1_1xtpg_7";
-const columns2 = "_columns2_1xtpg_11";
-const columns3 = "_columns3_1xtpg_15";
-const columns4 = "_columns4_1xtpg_19";
-const columns5 = "_columns5_1xtpg_23";
-const columns6 = "_columns6_1xtpg_27";
-const columns7 = "_columns7_1xtpg_31";
-const columns8 = "_columns8_1xtpg_35";
-const columns9 = "_columns9_1xtpg_39";
-const columns10 = "_columns10_1xtpg_43";
-const columns11 = "_columns11_1xtpg_47";
-const columns12 = "_columns12_1xtpg_51";
-const columnsAuto = "_columnsAuto_1xtpg_55";
-const columnsResponsive = "_columnsResponsive_1xtpg_59";
-const paddingNone = "_paddingNone_1xtpg_93";
-const paddingSm = "_paddingSm_1xtpg_97";
-const paddingMd = "_paddingMd_1xtpg_101";
-const paddingLg = "_paddingLg_1xtpg_105";
-const alignStart = "_alignStart_1xtpg_109";
-const alignCenter = "_alignCenter_1xtpg_113";
-const alignEnd = "_alignEnd_1xtpg_117";
-const alignStretch = "_alignStretch_1xtpg_121";
-const justifyStart = "_justifyStart_1xtpg_125";
-const justifyCenter = "_justifyCenter_1xtpg_129";
-const justifyEnd = "_justifyEnd_1xtpg_133";
-const justifyStretch = "_justifyStretch_1xtpg_137";
-const item = "_item_1xtpg_141";
-const colSpan1 = "_colSpan1_1xtpg_145";
-const colSpan2 = "_colSpan2_1xtpg_149";
-const colSpan3 = "_colSpan3_1xtpg_153";
-const colSpan4 = "_colSpan4_1xtpg_157";
-const colSpan5 = "_colSpan5_1xtpg_161";
-const colSpan6 = "_colSpan6_1xtpg_165";
-const colSpan7 = "_colSpan7_1xtpg_169";
-const colSpan8 = "_colSpan8_1xtpg_173";
-const colSpan9 = "_colSpan9_1xtpg_177";
-const colSpan10 = "_colSpan10_1xtpg_181";
-const colSpan11 = "_colSpan11_1xtpg_185";
-const colSpan12 = "_colSpan12_1xtpg_189";
-const colSpanFull = "_colSpanFull_1xtpg_193";
-const rowSpan1 = "_rowSpan1_1xtpg_197";
-const rowSpan2 = "_rowSpan2_1xtpg_201";
-const rowSpan3 = "_rowSpan3_1xtpg_205";
-const rowSpan4 = "_rowSpan4_1xtpg_209";
-const rowSpan5 = "_rowSpan5_1xtpg_213";
-const rowSpan6 = "_rowSpan6_1xtpg_217";
-const selfAlignStart = "_selfAlignStart_1xtpg_221";
-const selfAlignCenter = "_selfAlignCenter_1xtpg_225";
-const selfAlignEnd = "_selfAlignEnd_1xtpg_229";
-const selfAlignStretch = "_selfAlignStretch_1xtpg_233";
-const subgridRows = "_subgridRows_1xtpg_237";
-const subgridColumns = "_subgridColumns_1xtpg_242";
-const subgridBoth = "_subgridBoth_1xtpg_247";
+const grid = "_grid_uto44_1";
+const columns1 = "_columns1_uto44_7";
+const columns2 = "_columns2_uto44_11";
+const columns3 = "_columns3_uto44_15";
+const columns4 = "_columns4_uto44_19";
+const columns5 = "_columns5_uto44_23";
+const columns6 = "_columns6_uto44_27";
+const columns7 = "_columns7_uto44_31";
+const columns8 = "_columns8_uto44_35";
+const columns9 = "_columns9_uto44_39";
+const columns10 = "_columns10_uto44_43";
+const columns11 = "_columns11_uto44_47";
+const columns12 = "_columns12_uto44_51";
+const columnsAuto = "_columnsAuto_uto44_55";
+const columnsResponsive = "_columnsResponsive_uto44_59";
+const paddingNone = "_paddingNone_uto44_93";
+const paddingSm = "_paddingSm_uto44_97";
+const paddingMd = "_paddingMd_uto44_101";
+const paddingLg = "_paddingLg_uto44_105";
+const alignStart = "_alignStart_uto44_109";
+const alignCenter = "_alignCenter_uto44_113";
+const alignEnd = "_alignEnd_uto44_117";
+const alignStretch = "_alignStretch_uto44_121";
+const justifyStart = "_justifyStart_uto44_125";
+const justifyCenter = "_justifyCenter_uto44_129";
+const justifyEnd = "_justifyEnd_uto44_133";
+const justifyStretch = "_justifyStretch_uto44_137";
+const item = "_item_uto44_141";
+const colSpan1 = "_colSpan1_uto44_145";
+const colSpan2 = "_colSpan2_uto44_149";
+const colSpan3 = "_colSpan3_uto44_153";
+const colSpan4 = "_colSpan4_uto44_157";
+const colSpan5 = "_colSpan5_uto44_161";
+const colSpan6 = "_colSpan6_uto44_165";
+const colSpan7 = "_colSpan7_uto44_169";
+const colSpan8 = "_colSpan8_uto44_173";
+const colSpan9 = "_colSpan9_uto44_177";
+const colSpan10 = "_colSpan10_uto44_181";
+const colSpan11 = "_colSpan11_uto44_185";
+const colSpan12 = "_colSpan12_uto44_189";
+const colSpanFull = "_colSpanFull_uto44_193";
+const rowSpan1 = "_rowSpan1_uto44_197";
+const rowSpan2 = "_rowSpan2_uto44_201";
+const rowSpan3 = "_rowSpan3_uto44_205";
+const rowSpan4 = "_rowSpan4_uto44_209";
+const rowSpan5 = "_rowSpan5_uto44_213";
+const rowSpan6 = "_rowSpan6_uto44_217";
+const selfAlignStart = "_selfAlignStart_uto44_221";
+const selfAlignCenter = "_selfAlignCenter_uto44_225";
+const selfAlignEnd = "_selfAlignEnd_uto44_229";
+const selfAlignStretch = "_selfAlignStretch_uto44_233";
+const subgridRows = "_subgridRows_uto44_237";
+const subgridColumns = "_subgridColumns_uto44_242";
+const subgridBoth = "_subgridBoth_uto44_247";
 const styles = {
   grid,
   columns1,