@usefragments/ui 1.0.0

package/dist/components/Drawer/index.js

@@ -0,0 +1,177 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Drawer as Drawer$1 } from "@base-ui/react/drawer";
+import styles from "./Drawer.module.scss.js";
+function getAsChildElement(children, componentName) {
+  if (!React.isValidElement(children)) {
+    throw new Error(`${componentName} with asChild requires a single valid React element child.`);
+  }
+  return children;
+}
+function CloseIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ]
+    }
+  );
+}
+function DrawerRoot({
+  children,
+  open,
+  defaultOpen,
+  onOpenChange,
+  onOpenChangeComplete,
+  modal = true,
+  swipeDirection,
+  snapPoints,
+  disablePointerDismissal
+}) {
+  return /* @__PURE__ */ jsx(
+    Drawer$1.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      onOpenChangeComplete,
+      modal,
+      swipeDirection,
+      snapPoints,
+      disablePointerDismissal,
+      children
+    }
+  );
+}
+function DrawerTrigger({ children, asChild, className, ...htmlProps }) {
+  if (asChild) {
+    const child = getAsChildElement(children, "Drawer.Trigger");
+    return /* @__PURE__ */ jsx(Drawer$1.Trigger, { ...htmlProps, className, render: child, children: null });
+  }
+  return /* @__PURE__ */ jsx(Drawer$1.Trigger, { ...htmlProps, className, children });
+}
+function DrawerContent({
+  children,
+  side = "right",
+  size = "md",
+  backdrop = true,
+  initialFocus = true,
+  viewportProps,
+  className,
+  ...htmlProps
+}) {
+  const { className: viewportClassName, ...viewportHtmlProps } = viewportProps ?? {};
+  const popupClasses = [styles.popup, styles[`side-${side}`], styles[`size-${size}`], className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(Drawer$1.Portal, { children: [
+    backdrop && /* @__PURE__ */ jsx(Drawer$1.Backdrop, { className: styles.backdrop }),
+    /* @__PURE__ */ jsx(
+      Drawer$1.Viewport,
+      {
+        ...viewportHtmlProps,
+        className: [styles.viewport, viewportClassName].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ jsx(
+          Drawer$1.Popup,
+          {
+            initialFocus,
+            ...htmlProps,
+            "data-side": side,
+            className: popupClasses,
+            children: /* @__PURE__ */ jsx(Drawer$1.Content, { children })
+          }
+        )
+      }
+    )
+  ] });
+}
+function DrawerHeader({ children, className, ...htmlProps }) {
+  const classes = [styles.header, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
+}
+function DrawerTitle({ children, className, ...htmlProps }) {
+  const classes = [styles.title, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Drawer$1.Title, { ...htmlProps, className: classes, children });
+}
+function DrawerDescription({ children, className, ...htmlProps }) {
+  const classes = [styles.description, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Drawer$1.Description, { ...htmlProps, className: classes, children });
+}
+function DrawerBody({ children, className, ...htmlProps }) {
+  const classes = [styles.body, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
+}
+function DrawerFooter({ children, className, ...htmlProps }) {
+  const classes = [styles.footer, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
+}
+function DrawerClose({ children, asChild, className, ...htmlProps }) {
+  if (!children) {
+    return /* @__PURE__ */ jsx(
+      Drawer$1.Close,
+      {
+        ...htmlProps,
+        "data-drawer-close": true,
+        "aria-label": "Close drawer",
+        className: [styles.close, className].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ jsx(CloseIcon, {})
+      }
+    );
+  }
+  if (asChild) {
+    const child = getAsChildElement(children, "Drawer.Close");
+    return /* @__PURE__ */ jsx(Drawer$1.Close, { ...htmlProps, "data-drawer-close": true, className, render: child, children: null });
+  }
+  return /* @__PURE__ */ jsx(Drawer$1.Close, { ...htmlProps, "data-drawer-close": true, className, children });
+}
+function DrawerSwipeArea({
+  swipeDirection,
+  disabled,
+  className,
+  ...htmlProps
+}) {
+  const classes = [styles.swipeArea, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(
+    Drawer$1.SwipeArea,
+    {
+      ...htmlProps,
+      swipeDirection,
+      disabled,
+      className: classes
+    }
+  );
+}
+const Drawer = Object.assign(DrawerRoot, {
+  Trigger: DrawerTrigger,
+  Content: DrawerContent,
+  Header: DrawerHeader,
+  Title: DrawerTitle,
+  Description: DrawerDescription,
+  Body: DrawerBody,
+  Footer: DrawerFooter,
+  Close: DrawerClose,
+  SwipeArea: DrawerSwipeArea
+});
+export {
+  Drawer,
+  DrawerBody,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerRoot,
+  DrawerSwipeArea,
+  DrawerTitle,
+  DrawerTrigger
+};

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

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const editor = "_editor_15yn6_1";
+const contentTextarea = "_contentTextarea_15yn6_19";
+const content = "_content_15yn6_19";
+const toolbar = "_toolbar_15yn6_38";
+const toolbarGroup = "_toolbarGroup_15yn6_49";
+const toolbarButton = "_toolbarButton_15yn6_55";
+const toolbarButtonActive = "_toolbarButtonActive_15yn6_110";
+const separator = "_separator_15yn6_121";
+const statusIndicator = "_statusIndicator_15yn6_129";
+const statusError = "_statusError_15yn6_142";
+const contentRich = "_contentRich_15yn6_152";
+const statusBar = "_statusBar_15yn6_275";
+const statusBarLeft = "_statusBarLeft_15yn6_285";
+const statusBarRight = "_statusBarRight_15yn6_291";
+const statusBarItem = "_statusBarItem_15yn6_298";
+const statusBarItemWarning = "_statusBarItemWarning_15yn6_305";
+const statusBarItemError = "_statusBarItemError_15yn6_310";
+const styles = {
+  editor,
+  contentTextarea,
+  content,
+  toolbar,
+  toolbarGroup,
+  toolbarButton,
+  toolbarButtonActive,
+  separator,
+  statusIndicator,
+  statusError,
+  contentRich,
+  statusBar,
+  statusBarLeft,
+  statusBarRight,
+  statusBarItem,
+  statusBarItemWarning,
+  statusBarItemError
+};
+exports.content = content;
+exports.contentRich = contentRich;
+exports.contentTextarea = contentTextarea;
+exports.default = styles;
+exports.editor = editor;
+exports.separator = separator;
+exports.statusBar = statusBar;
+exports.statusBarItem = statusBarItem;
+exports.statusBarItemError = statusBarItemError;
+exports.statusBarItemWarning = statusBarItemWarning;
+exports.statusBarLeft = statusBarLeft;
+exports.statusBarRight = statusBarRight;
+exports.statusError = statusError;
+exports.statusIndicator = statusIndicator;
+exports.toolbar = toolbar;
+exports.toolbarButton = toolbarButton;
+exports.toolbarButtonActive = toolbarButtonActive;
+exports.toolbarGroup = toolbarGroup;

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

@@ -0,0 +1,56 @@
+const editor = "_editor_15yn6_1";
+const contentTextarea = "_contentTextarea_15yn6_19";
+const content = "_content_15yn6_19";
+const toolbar = "_toolbar_15yn6_38";
+const toolbarGroup = "_toolbarGroup_15yn6_49";
+const toolbarButton = "_toolbarButton_15yn6_55";
+const toolbarButtonActive = "_toolbarButtonActive_15yn6_110";
+const separator = "_separator_15yn6_121";
+const statusIndicator = "_statusIndicator_15yn6_129";
+const statusError = "_statusError_15yn6_142";
+const contentRich = "_contentRich_15yn6_152";
+const statusBar = "_statusBar_15yn6_275";
+const statusBarLeft = "_statusBarLeft_15yn6_285";
+const statusBarRight = "_statusBarRight_15yn6_291";
+const statusBarItem = "_statusBarItem_15yn6_298";
+const statusBarItemWarning = "_statusBarItemWarning_15yn6_305";
+const statusBarItemError = "_statusBarItemError_15yn6_310";
+const styles = {
+  editor,
+  contentTextarea,
+  content,
+  toolbar,
+  toolbarGroup,
+  toolbarButton,
+  toolbarButtonActive,
+  separator,
+  statusIndicator,
+  statusError,
+  contentRich,
+  statusBar,
+  statusBarLeft,
+  statusBarRight,
+  statusBarItem,
+  statusBarItemWarning,
+  statusBarItemError
+};
+export {
+  content,
+  contentRich,
+  contentTextarea,
+  styles as default,
+  editor,
+  separator,
+  statusBar,
+  statusBarItem,
+  statusBarItemError,
+  statusBarItemWarning,
+  statusBarLeft,
+  statusBarRight,
+  statusError,
+  statusIndicator,
+  toolbar,
+  toolbarButton,
+  toolbarButtonActive,
+  toolbarGroup
+};

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

@@ -0,0 +1,120 @@
+import * as React from 'react';
+export type EditorFormat = 'bold' | 'italic' | 'strikethrough' | 'link' | 'code' | 'bulletList' | 'orderedList' | 'heading1' | 'heading2' | 'heading3' | 'blockquote' | 'undo' | 'redo';
+export type EditorSaveStatus = 'idle' | 'saving' | 'saved' | 'error';
+export type EditorMode = 'rich' | 'markdown';
+export type EditorSize = 'sm' | 'md' | 'lg';
+export interface EditorToolbarIconRenderState {
+    format: EditorFormat;
+    active: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    isDisabled: boolean;
+    mode: EditorMode;
+}
+export type EditorToolbarIconSlot = React.ReactNode | ((state: EditorToolbarIconRenderState) => React.ReactNode);
+export type EditorToolbarIcons = Partial<Record<EditorFormat, EditorToolbarIconSlot>>;
+export interface EditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    children?: React.ReactNode;
+    /** Controlled value */
+    value?: string;
+    /** Default value for uncontrolled usage */
+    defaultValue?: string;
+    /** Called when content changes */
+    onValueChange?: (value: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Disable the editor */
+    disabled?: boolean;
+    /** Read-only mode */
+    readOnly?: boolean;
+    /** Which format buttons to show */
+    formats?: EditorFormat[];
+    /** Show default toolbar */
+    toolbar?: boolean;
+    /** Show default status bar */
+    statusBar?: boolean;
+    /** Auto-save callback (sync or async) */
+    onAutoSave?: (value: string) => void | Promise<void>;
+    /** Auto-save interval in ms */
+    autoSaveInterval?: number;
+    /** Editor size preset */
+    size?: EditorSize;
+    /** Maximum character count (shows indicator in status bar) */
+    maxLength?: number;
+    /** Custom toolbar icons keyed by format/action, for any icon package */
+    toolbarIcons?: EditorToolbarIcons;
+}
+export interface EditorToolbarProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface EditorToolbarGroupProps {
+    children: React.ReactNode;
+    'aria-label'?: string;
+    className?: string;
+}
+export interface EditorToolbarButtonProps {
+    /** Which format this button toggles */
+    format: EditorFormat;
+    className?: string;
+}
+export interface EditorSeparatorProps {
+    className?: string;
+}
+export interface EditorStatusIndicatorProps {
+    /** Override the save status from context */
+    status?: EditorSaveStatus;
+    /** Custom labels per status */
+    labels?: Partial<Record<EditorSaveStatus, string>>;
+    className?: string;
+}
+export interface EditorContentProps {
+    className?: string;
+}
+export interface EditorStatusBarProps {
+    /** Show word count */
+    showWordCount?: boolean;
+    /** Show character count */
+    showCharCount?: boolean;
+    className?: string;
+}
+interface EditorContextValue {
+    value: string;
+    setValue: (v: string) => void;
+    placeholder: string;
+    disabled: boolean;
+    readOnly: boolean;
+    formats: EditorFormat[];
+    editor: any | null;
+    mode: EditorMode;
+    size: EditorSize;
+    maxLength?: number;
+    toolbarIcons?: EditorToolbarIcons;
+    wordCount: number;
+    charCount: number;
+    toggleFormat: (f: EditorFormat) => void;
+    isFormatActive: (f: EditorFormat) => boolean;
+    saveStatus: EditorSaveStatus;
+    contentRef: React.RefObject<HTMLTextAreaElement | null>;
+}
+declare function useEditorContext(): EditorContextValue;
+declare function EditorRoot({ children, value: controlledValue, defaultValue, onValueChange, placeholder, disabled, readOnly, formats, toolbar, statusBar, onAutoSave, autoSaveInterval, size, maxLength, toolbarIcons, className, ...htmlProps }: EditorProps): import("react/jsx-runtime").JSX.Element;
+declare function EditorToolbar({ children, className }: EditorToolbarProps): import("react/jsx-runtime").JSX.Element;
+declare function EditorToolbarGroup({ children, 'aria-label': ariaLabel, className }: EditorToolbarGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function EditorToolbarButton({ format, className }: EditorToolbarButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function EditorSeparator({ className }: EditorSeparatorProps): import("react/jsx-runtime").JSX.Element;
+declare function EditorStatusIndicator({ status: statusOverride, labels, className }: EditorStatusIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
+declare function EditorContentArea({ className }: EditorContentProps): import("react/jsx-runtime").JSX.Element;
+declare function EditorStatusBar({ showWordCount, showCharCount, className }: EditorStatusBarProps): import("react/jsx-runtime").JSX.Element;
+export declare const Editor: typeof EditorRoot & {
+    Toolbar: typeof EditorToolbar;
+    ToolbarGroup: typeof EditorToolbarGroup;
+    ToolbarButton: typeof EditorToolbarButton;
+    Separator: typeof EditorSeparator;
+    StatusIndicator: typeof EditorStatusIndicator;
+    Content: typeof EditorContentArea;
+    StatusBar: typeof EditorStatusBar;
+};
+export { EditorRoot, EditorToolbar, EditorToolbarGroup, EditorToolbarButton, EditorSeparator, EditorStatusIndicator, EditorContentArea, EditorStatusBar, };
+export { useEditorContext };
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const emptyState = "_emptyState_xv2f8_1";
+const sm = "_sm_xv2f8_11";
+const title = "_title_xv2f8_14";
+const description = "_description_xv2f8_17";
+const icon = "_icon_xv2f8_21";
+const actions = "_actions_xv2f8_24";
+const md = "_md_xv2f8_28";
+const lg = "_lg_xv2f8_45";
+const styles = {
+  emptyState,
+  sm,
+  title,
+  description,
+  icon,
+  actions,
+  md,
+  lg
+};
+exports.actions = actions;
+exports.default = styles;
+exports.description = description;
+exports.emptyState = emptyState;
+exports.icon = icon;
+exports.lg = lg;
+exports.md = md;
+exports.sm = sm;
+exports.title = title;

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

@@ -0,0 +1,29 @@
+const emptyState = "_emptyState_xv2f8_1";
+const sm = "_sm_xv2f8_11";
+const title = "_title_xv2f8_14";
+const description = "_description_xv2f8_17";
+const icon = "_icon_xv2f8_21";
+const actions = "_actions_xv2f8_24";
+const md = "_md_xv2f8_28";
+const lg = "_lg_xv2f8_45";
+const styles = {
+  emptyState,
+  sm,
+  title,
+  description,
+  icon,
+  actions,
+  md,
+  lg
+};
+export {
+  actions,
+  styles as default,
+  description,
+  emptyState,
+  icon,
+  lg,
+  md,
+  sm,
+  title
+};

package/dist/components/EmptyState/index.cjs

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const EmptyState_module = require("./EmptyState.module.scss.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const EmptyStateContext = React__namespace.createContext(null);
+function EmptyStateRoot({
+  children,
+  size = "md",
+  className,
+  ...htmlProps
+}) {
+  const classes = [EmptyState_module.default.emptyState, EmptyState_module.default[size], className].filter(Boolean).join(" ");
+  const contextValue = { size };
+  return /* @__PURE__ */ jsxRuntime.jsx(EmptyStateContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children }) });
+}
+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 }) {
+  const classes = [EmptyState_module.default.title, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("h3", { ...htmlProps, className: classes, children });
+}
+function EmptyStateDescription({
+  children,
+  className,
+  ...htmlProps
+}) {
+  const classes = [EmptyState_module.default.description, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { ...htmlProps, className: classes, children });
+}
+function EmptyStateActions({ children, className, ...htmlProps }) {
+  const classes = [EmptyState_module.default.actions, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
+const EmptyState = Object.assign(EmptyStateRoot, {
+  Icon: EmptyStateIcon,
+  Title: EmptyStateTitle,
+  Description: EmptyStateDescription,
+  Actions: EmptyStateActions
+});
+exports.EmptyState = EmptyState;
+exports.EmptyStateActions = EmptyStateActions;
+exports.EmptyStateDescription = EmptyStateDescription;
+exports.EmptyStateIcon = EmptyStateIcon;
+exports.EmptyStateRoot = EmptyStateRoot;
+exports.EmptyStateTitle = EmptyStateTitle;

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

@@ -0,0 +1,34 @@
+import * as React from 'react';
+export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+}
+export interface EmptyStateIconProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export interface EmptyStateTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    children: React.ReactNode;
+}
+export interface EmptyStateDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    children: React.ReactNode;
+}
+export interface EmptyStateActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+interface EmptyStateContextValue {
+    size: 'sm' | 'md' | 'lg';
+}
+declare function useEmptyStateContext(): EmptyStateContextValue;
+declare function EmptyStateRoot({ children, size, 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 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 & {
+    Icon: typeof EmptyStateIcon;
+    Title: typeof EmptyStateTitle;
+    Description: typeof EmptyStateDescription;
+    Actions: typeof EmptyStateActions;
+};
+export { EmptyStateRoot, EmptyStateIcon, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, useEmptyStateContext, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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;CAC3B;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,SAAS,EACT,GAAG,SAAS,EACb,EAAE,eAAe,2CAYjB;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,mBAAmB,2CAGjF;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,oBAAoB,2CAGnF;AAED,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACb,EAAE,0BAA0B,2CAG5B;AAED,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,sBAAsB,2CAGvF;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

@@ -0,0 +1,48 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./EmptyState.module.scss.js";
+const EmptyStateContext = React.createContext(null);
+function EmptyStateRoot({
+  children,
+  size = "md",
+  className,
+  ...htmlProps
+}) {
+  const classes = [styles.emptyState, styles[size], className].filter(Boolean).join(" ");
+  const contextValue = { size };
+  return /* @__PURE__ */ jsx(EmptyStateContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children }) });
+}
+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 }) {
+  const classes = [styles.title, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("h3", { ...htmlProps, className: classes, children });
+}
+function EmptyStateDescription({
+  children,
+  className,
+  ...htmlProps
+}) {
+  const classes = [styles.description, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("p", { ...htmlProps, className: classes, children });
+}
+function EmptyStateActions({ children, className, ...htmlProps }) {
+  const classes = [styles.actions, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
+}
+const EmptyState = Object.assign(EmptyStateRoot, {
+  Icon: EmptyStateIcon,
+  Title: EmptyStateTitle,
+  Description: EmptyStateDescription,
+  Actions: EmptyStateActions
+});
+export {
+  EmptyState,
+  EmptyStateActions,
+  EmptyStateDescription,
+  EmptyStateIcon,
+  EmptyStateRoot,
+  EmptyStateTitle
+};

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "_root_u0dc8_1";
+const label = "_label_u0dc8_6";
+const description = "_description_u0dc8_17";
+const error = "_error_u0dc8_24";
+const styles = {
+  root,
+  label,
+  description,
+  error
+};
+exports.default = styles;
+exports.description = description;
+exports.error = error;
+exports.label = label;
+exports.root = root;

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

@@ -0,0 +1,17 @@
+const root = "_root_u0dc8_1";
+const label = "_label_u0dc8_6";
+const description = "_description_u0dc8_17";
+const error = "_error_u0dc8_24";
+const styles = {
+  root,
+  label,
+  description,
+  error
+};
+export {
+  styles as default,
+  description,
+  error,
+  label,
+  root
+};