@mieweb/ui 0.6.1 → 0.7.0-dev.178

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

@@ -0,0 +1,62 @@
+import * as React from 'react';
+export { i as isHtmlEmpty } from '../../html-MdxqSzjD.js';
+
+interface RichTextVariable {
+    /** Human-readable label shown in the variable menu. */
+    label: string;
+    /** The token displayed for the variable (e.g. `{{employee.name}}`). */
+    value: string;
+    /** Optional text inserted instead of `value` (e.g. an expanded group). */
+    insertValue?: string;
+}
+interface RichTextVariableGroup {
+    /** Group heading shown in the variable menu. */
+    label: string;
+    /** Variables belonging to the group. */
+    variables: RichTextVariable[];
+}
+interface RichTextEditorProps {
+    /** Current HTML value of the editor. */
+    value: string;
+    /** Called with the updated HTML whenever the content changes. */
+    onChange: (value: string) => void;
+    /** Placeholder shown when the editor is empty. */
+    placeholder?: string;
+    /** Additional class for the editor wrapper. */
+    className?: string;
+    /**
+     * Variable groups for the "Insert variable" menu. When omitted the variable
+     * menu and the `<< >>` → `{{ }}` convert button are hidden.
+     */
+    variableGroups?: RichTextVariableGroup[];
+    /** Enable the speech-to-text dictation button. Defaults to true. */
+    enableDictation?: boolean;
+    /** Called when dictation cannot start (replaces native alerts). */
+    onDictationError?: (message: string) => void;
+    /** Disable editing and toolbar actions. */
+    disabled?: boolean;
+    /** Accessible label for the editable region. */
+    'aria-label'?: string;
+}
+/**
+ * A presentational rich-text editor with formatting, template-variable
+ * insertion and optional speech-to-text dictation. Content is supplied and
+ * surfaced via `value`/`onChange` so it can be wired to any store. The variable
+ * menu is data-agnostic — pass `variableGroups` to populate it.
+ */
+declare const RichTextEditor: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Converts spoken punctuation words (e.g. "period", "comma") into the
+ * corresponding characters, using lightweight context heuristics so that words
+ * like "time period" or "the colon" are left intact. Pure and side-effect free
+ * so it can be unit tested independently of the editor.
+ */
+declare function processDictation(text: string): string;
+/**
+ * Converts `<<field>>` (and the HTML-encoded `&lt;&lt;field&gt;&gt;`) syntax
+ * into mustache `{{field}}` syntax. Pure helper operating on an HTML string.
+ */
+declare function convertAngleBracketsToMustache(html: string): string;
+
+export { RichTextEditor, type RichTextEditorProps, type RichTextVariable, type RichTextVariableGroup, convertAngleBracketsToMustache, processDictation };

package/dist/components/RichTextEditor/index.js

@@ -0,0 +1,12 @@
+export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from '../../chunk-FJH7P5WG.js';
+import '../../chunk-BX6BTDTR.js';
+import '../../chunk-YZT62IMX.js';
+import '../../chunk-PVUDXJAI.js';
+import '../../chunk-ZVSW2KS6.js';
+import '../../chunk-T4ME7QCT.js';
+import '../../chunk-62ZOA6PX.js';
+import '../../chunk-QA6ZDHFP.js';
+export { isHtmlEmpty } from '../../chunk-ERLPVXOV.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/ScrollArea/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkAFKKJEV5_cjs = require('../../chunk-AFKKJEV5.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "ScrollArea", {
+  enumerable: true,
+  get: function () { return chunkAFKKJEV5_cjs.ScrollArea; }
+});
+Object.defineProperty(exports, "scrollAreaVariants", {
+  enumerable: true,
+  get: function () { return chunkAFKKJEV5_cjs.scrollAreaVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

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

@@ -0,0 +1,22 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const scrollAreaVariants: (props?: ({
+    orientation?: "both" | "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof scrollAreaVariants> {
+}
+/**
+ * A scrollable container with consistent, theme-aware scrollbar styling.
+ *
+ * @example
+ * ```tsx
+ * <ScrollArea className="h-64">
+ *   <LongContent />
+ * </ScrollArea>
+ * ```
+ */
+declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ScrollArea, type ScrollAreaProps, scrollAreaVariants };

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

@@ -0,0 +1,22 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const scrollAreaVariants: (props?: ({
+    orientation?: "both" | "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof scrollAreaVariants> {
+}
+/**
+ * A scrollable container with consistent, theme-aware scrollbar styling.
+ *
+ * @example
+ * ```tsx
+ * <ScrollArea className="h-64">
+ *   <LongContent />
+ * </ScrollArea>
+ * ```
+ */
+declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ScrollArea, type ScrollAreaProps, scrollAreaVariants };

package/dist/components/ScrollArea/index.js

@@ -0,0 +1,4 @@
+export { ScrollArea, scrollAreaVariants } from '../../chunk-BIT27PPD.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/Select/index.cjs

@@ -1,18 +1,20 @@
 'use strict';
 
-var chunkFRT6RQND_cjs = require('../../chunk-FRT6RQND.cjs');
+var chunkDAPZPT5N_cjs = require('../../chunk-DAPZPT5N.cjs');
 require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-FSGEDDF2.cjs');
+require('../../chunk-ZDEYV373.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkFRT6RQND_cjs.Select; }
+  get: function () { return chunkDAPZPT5N_cjs.Select; }
 });
 Object.defineProperty(exports, "selectTriggerVariants", {
   enumerable: true,
-  get: function () { return chunkFRT6RQND_cjs.selectTriggerVariants; }
+  get: function () { return chunkDAPZPT5N_cjs.selectTriggerVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Select/index.js

@@ -1,5 +1,7 @@
-export { Select, selectTriggerVariants } from '../../chunk-R25H4N4Z.js';
+export { Select, selectTriggerVariants } from '../../chunk-J7Z7467B.js';
 import '../../chunk-T4ME7QCT.js';
+import '../../chunk-62ZOA6PX.js';
+import '../../chunk-QA6ZDHFP.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Separator/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkOXYFTCRW_cjs = require('../../chunk-OXYFTCRW.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "Separator", {
+  enumerable: true,
+  get: function () { return chunkOXYFTCRW_cjs.Separator; }
+});
+Object.defineProperty(exports, "separatorVariants", {
+  enumerable: true,
+  get: function () { return chunkOXYFTCRW_cjs.separatorVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

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

@@ -0,0 +1,27 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const separatorVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof separatorVariants> {
+    /**
+     * Whether the separator is purely decorative. When `true` (default) the
+     * separator is hidden from assistive technologies. Set to `false` when the
+     * separator conveys meaningful structure.
+     */
+    decorative?: boolean;
+}
+/**
+ * A visual or semantic divider between content.
+ *
+ * @example
+ * ```tsx
+ * <Separator />
+ * <Separator orientation="vertical" />
+ * ```
+ */
+declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Separator, type SeparatorProps, separatorVariants };

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

@@ -0,0 +1,27 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const separatorVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof separatorVariants> {
+    /**
+     * Whether the separator is purely decorative. When `true` (default) the
+     * separator is hidden from assistive technologies. Set to `false` when the
+     * separator conveys meaningful structure.
+     */
+    decorative?: boolean;
+}
+/**
+ * A visual or semantic divider between content.
+ *
+ * @example
+ * ```tsx
+ * <Separator />
+ * <Separator orientation="vertical" />
+ * ```
+ */
+declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Separator, type SeparatorProps, separatorVariants };

package/dist/components/Separator/index.js

@@ -0,0 +1,4 @@
+export { Separator, separatorVariants } from '../../chunk-BX6BTDTR.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/Sheet/index.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+var chunkKJ5BSGEO_cjs = require('../../chunk-KJ5BSGEO.cjs');
+require('../../chunk-NNEFAUHV.cjs');
+require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+require('../../chunk-SCV7C55E.cjs');
+
+
+
+Object.defineProperty(exports, "Sheet", {
+  enumerable: true,
+  get: function () { return chunkKJ5BSGEO_cjs.Sheet; }
+});
+Object.defineProperty(exports, "SheetBody", {
+  enumerable: true,
+  get: function () { return chunkKJ5BSGEO_cjs.SheetBody; }
+});
+Object.defineProperty(exports, "SheetClose", {
+  enumerable: true,
+  get: function () { return chunkKJ5BSGEO_cjs.SheetClose; }
+});
+Object.defineProperty(exports, "SheetDescription", {
+  enumerable: true,
+  get: function () { return chunkKJ5BSGEO_cjs.SheetDescription; }
+});
+Object.defineProperty(exports, "SheetFooter", {
+  enumerable: true,
+  get: function () { return chunkKJ5BSGEO_cjs.SheetFooter; }
+});
+Object.defineProperty(exports, "SheetHeader", {
+  enumerable: true,
+  get: function () { return chunkKJ5BSGEO_cjs.SheetHeader; }
+});
+Object.defineProperty(exports, "SheetTitle", {
+  enumerable: true,
+  get: function () { return chunkKJ5BSGEO_cjs.SheetTitle; }
+});
+Object.defineProperty(exports, "sheetContentVariants", {
+  enumerable: true,
+  get: function () { return chunkKJ5BSGEO_cjs.sheetContentVariants; }
+});
+Object.defineProperty(exports, "sheetOverlayVariants", {
+  enumerable: true,
+  get: function () { return chunkKJ5BSGEO_cjs.sheetOverlayVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

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

@@ -0,0 +1,62 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const sheetOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const sheetContentVariants: (props?: ({
+    side?: "bottom" | "top" | "left" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SheetProps extends VariantProps<typeof sheetContentVariants> {
+    /** Whether the sheet is open */
+    open: boolean;
+    /** Callback when the sheet should close */
+    onOpenChange: (open: boolean) => void;
+    /** Sheet content */
+    children: React.ReactNode;
+    /** Close when clicking the overlay (default true) */
+    closeOnOverlayClick?: boolean;
+    /** Close when pressing Escape (default true) */
+    closeOnEscape?: boolean;
+    /** Additional class name for the sheet content */
+    className?: string;
+    /** ID for the sheet, used for accessibility */
+    id?: string;
+    /** Accessible label for the sheet */
+    'aria-label'?: string;
+    /** ID of the element that labels the sheet */
+    'aria-labelledby'?: string;
+    /** ID of the element that describes the sheet */
+    'aria-describedby'?: string;
+}
+/**
+ * A panel that slides in from an edge of the screen.
+ *
+ * @example
+ * ```tsx
+ * <Sheet open={open} onOpenChange={setOpen} side="right">
+ *   <SheetHeader>
+ *     <SheetTitle>Filters</SheetTitle>
+ *   </SheetHeader>
+ *   <SheetBody>...</SheetBody>
+ * </Sheet>
+ * ```
+ */
+declare function Sheet({ open, onOpenChange, children, side, closeOnOverlayClick, closeOnEscape, className, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, }: SheetProps): react_jsx_runtime.JSX.Element | null;
+declare namespace Sheet {
+    var displayName: string;
+}
+type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+declare const SheetHeader: React.ForwardRefExoticComponent<SheetHeaderProps & React.RefAttributes<HTMLDivElement>>;
+type SheetTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+declare const SheetTitle: React.ForwardRefExoticComponent<SheetTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+type SheetDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+declare const SheetDescription: React.ForwardRefExoticComponent<SheetDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+type SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;
+declare const SheetBody: React.ForwardRefExoticComponent<SheetBodyProps & React.RefAttributes<HTMLDivElement>>;
+type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;
+declare const SheetFooter: React.ForwardRefExoticComponent<SheetFooterProps & React.RefAttributes<HTMLDivElement>>;
+type SheetCloseProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetCloseProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Sheet, SheetBody, type SheetBodyProps, SheetClose, type SheetCloseProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, sheetContentVariants, sheetOverlayVariants };

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

@@ -0,0 +1,62 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const sheetOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const sheetContentVariants: (props?: ({
+    side?: "bottom" | "top" | "left" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SheetProps extends VariantProps<typeof sheetContentVariants> {
+    /** Whether the sheet is open */
+    open: boolean;
+    /** Callback when the sheet should close */
+    onOpenChange: (open: boolean) => void;
+    /** Sheet content */
+    children: React.ReactNode;
+    /** Close when clicking the overlay (default true) */
+    closeOnOverlayClick?: boolean;
+    /** Close when pressing Escape (default true) */
+    closeOnEscape?: boolean;
+    /** Additional class name for the sheet content */
+    className?: string;
+    /** ID for the sheet, used for accessibility */
+    id?: string;
+    /** Accessible label for the sheet */
+    'aria-label'?: string;
+    /** ID of the element that labels the sheet */
+    'aria-labelledby'?: string;
+    /** ID of the element that describes the sheet */
+    'aria-describedby'?: string;
+}
+/**
+ * A panel that slides in from an edge of the screen.
+ *
+ * @example
+ * ```tsx
+ * <Sheet open={open} onOpenChange={setOpen} side="right">
+ *   <SheetHeader>
+ *     <SheetTitle>Filters</SheetTitle>
+ *   </SheetHeader>
+ *   <SheetBody>...</SheetBody>
+ * </Sheet>
+ * ```
+ */
+declare function Sheet({ open, onOpenChange, children, side, closeOnOverlayClick, closeOnEscape, className, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, }: SheetProps): react_jsx_runtime.JSX.Element | null;
+declare namespace Sheet {
+    var displayName: string;
+}
+type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+declare const SheetHeader: React.ForwardRefExoticComponent<SheetHeaderProps & React.RefAttributes<HTMLDivElement>>;
+type SheetTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+declare const SheetTitle: React.ForwardRefExoticComponent<SheetTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+type SheetDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+declare const SheetDescription: React.ForwardRefExoticComponent<SheetDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+type SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;
+declare const SheetBody: React.ForwardRefExoticComponent<SheetBodyProps & React.RefAttributes<HTMLDivElement>>;
+type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;
+declare const SheetFooter: React.ForwardRefExoticComponent<SheetFooterProps & React.RefAttributes<HTMLDivElement>>;
+type SheetCloseProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetCloseProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Sheet, SheetBody, type SheetBodyProps, SheetClose, type SheetCloseProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, sheetContentVariants, sheetOverlayVariants };

package/dist/components/Sheet/index.js

@@ -0,0 +1,7 @@
+export { Sheet, SheetBody, SheetClose, SheetDescription, SheetFooter, SheetHeader, SheetTitle, sheetContentVariants, sheetOverlayVariants } from '../../chunk-4LVPQ44A.js';
+import '../../chunk-4SMSH4OY.js';
+import '../../chunk-T4ME7QCT.js';
+import '../../chunk-F3SOEIN2.js';
+import '../../chunk-VSQF22GL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}