@tpc-mare/mare-ui-components-react 1.0.2 → 1.0.3-beta.0

package/dist/input-text/InputText.types.d.ts

@@ -1,14 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-import { InputTextSize } from '@tpc-development/mare-ui-components-core/input-text';
-export type { InputTextSize } from '@tpc-development/mare-ui-components-core/input-text';
-type ForwardedNativeProperties = Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'size' | 'className' | 'style'>;
-export interface InputTextProperties extends ForwardedNativeProperties {
-    /** Controlled value. */
-    value?: string;
-    /** Controlled change handler — receives the next string value. */
-    onValueChange?: (value: string) => void;
-    size?: InputTextSize;
-    rounded?: boolean;
-    invalid?: boolean;
-    disabled?: boolean;
-}

package/dist/input-text/field-layout.d.ts

@@ -1,12 +0,0 @@
-export interface FieldLayout {
-    hasFloatLabel: boolean;
-    iconSide: 'left' | 'right' | 'both' | null;
-}
-export declare const FieldLayoutContext: import('react').Context<FieldLayout | null>;
-export declare const useFieldLayout: () => FieldLayout | null;
-/** Combines a parent IconField's side (if any) with this one's — nesting two
- * IconFields (one 'left', one 'right') around the same input, e.g.
- * SearchField's search + clear icons, needs both padded, not just the
- * nearest one. Two IconFields on the SAME side is a consumer error; last one
- * wins rather than throwing. */
-export declare const mergeIconSide: (parentSide: FieldLayout["iconSide"], ownSide: "left" | "right") => FieldLayout["iconSide"];

package/dist/input-text/index.d.ts

@@ -1,11 +0,0 @@
-export { InputText } from './InputText';
-export { CharacterCount } from './CharacterCount';
-export { FormField } from './FormField';
-export { FloatLabel } from './FloatLabel';
-export { IconField } from './IconField';
-export { HelperText } from './HelperText';
-export type { InputTextProperties, InputTextSize } from './InputText.types';
-export type { CharacterCountProperties } from './CharacterCount';
-export type { FormFieldProperties } from './FormField';
-export type { FloatLabelProperties } from './FloatLabel';
-export type { IconFieldProperties } from './IconField';

package/dist/keyboard-commands/index.d.ts

@@ -1,5 +0,0 @@
-export * from './useKeyboardScope';
-export * from './useKeyboardCommands';
-export * from './useKeyboardNavList';
-export * from './useKeyboardNavGrid';
-export * from '@tpc-development/mare-ui-components-core/keyboard-commands';

package/dist/keyboard-commands/useKeyboardCommands.d.ts

@@ -1,27 +0,0 @@
-import { KeyboardCommandTarget, ScrollAreaOptions, KeyboardCommand, KbdHintContext, KbdHintEntry } from '@tpc-development/mare-ui-components-core/keyboard-commands';
-export interface UseKeyboardCommandsOptions {
-    commands?: KeyboardCommand[];
-    hintContext?: KbdHintContext;
-    hintCommands?: KbdHintEntry[];
-    depth?: number;
-    /** Default: true. */
-    visible?: boolean;
-    autoFocus?: boolean;
-    scrollable?: boolean | ScrollAreaOptions;
-    ariaAttributes?: Record<string, string>;
-    capture?: boolean;
-    triggerOn?: 'keydown' | 'keyup' | 'both';
-}
-/**
- * React adapter for the keyboard-commands engine — same core (chord
- * matching, ARIA injection, scroll handling, overlay depth-guard) as the Vue
- * `useKeyboardCommands` composable, wired with hooks instead of Vue
- * reactivity. `targetRef` is a plain ref object (window, or an element ref
- * attached via JSX `ref={...}`); bind/rebind happens once on mount.
- */
-export declare function useKeyboardCommands(targetRef: {
-    current: KeyboardCommandTarget | null;
-}, options?: UseKeyboardCommandsOptions): {
-    commandGroupId: string;
-    isActive: boolean;
-};

package/dist/keyboard-commands/useKeyboardNavGrid.d.ts

@@ -1,19 +0,0 @@
-export interface NavGridCell {
-    row: number;
-    col: number;
-}
-export interface UseKeyboardNavGridOptions {
-    rows: number;
-    cols: number;
-    depth?: number;
-    wrap?: boolean;
-    onSelect?: (cell: NavGridCell) => void;
-    onActivate?: (cell: NavGridCell) => void;
-}
-export interface UseKeyboardNavGridReturn {
-    focused: NavGridCell;
-    containerRef: (node: HTMLElement | null) => void;
-    focus: (cell: NavGridCell, instant?: boolean) => void;
-    isFocused: (row: number, col: number) => boolean;
-}
-export declare function useKeyboardNavGrid(options: UseKeyboardNavGridOptions): UseKeyboardNavGridReturn;

package/dist/keyboard-commands/useKeyboardNavList.d.ts

@@ -1,17 +0,0 @@
-export interface UseKeyboardNavListOptions<T> {
-    items: readonly T[];
-    depth?: number;
-    wrap?: boolean;
-    onSelect?: (item: T, index: number) => void;
-    onActivate?: (item: T, index: number) => void;
-}
-export interface UseKeyboardNavListReturn<T> {
-    focusedIndex: number;
-    focusedItem: T | null;
-    containerRef: (node: HTMLElement | null) => void;
-    focus: (index: number) => void;
-    focusFirst: () => void;
-    focusLast: () => void;
-    clearFocus: () => void;
-}
-export declare function useKeyboardNavList<T>(options: UseKeyboardNavListOptions<T>): UseKeyboardNavListReturn<T>;

package/dist/keyboard-commands/useKeyboardScope.d.ts

@@ -1,20 +0,0 @@
-import { onScopeDepthChange, getActiveDepth, ScopeDepth } from '@tpc-development/mare-ui-components-core/keyboard-commands';
-export { onScopeDepthChange, getActiveDepth, type ScopeDepth };
-export interface UseKeyboardScopeOptions {
-    /** Higher number = closer to the user (like z-index). Default: 1. Base page = 0. */
-    depth?: ScopeDepth;
-    /** When false, this scope is removed from the global stack. Default: true. */
-    visible?: boolean;
-}
-/**
- * Registers/unregisters this component's keyboard scope with the global
- * stack shared across both the Vue and React adapters. Use this inside
- * overlay components so keyboard commands only fire when the overlay is the
- * topmost one.
- *
- * @example
- * const { scopeId } = useKeyboardScope({ visible: isOpen, depth: 1 });
- */
-export declare function useKeyboardScope(options?: UseKeyboardScopeOptions): {
-    scopeId: string;
-};

package/dist/menu/Menu.d.ts

@@ -1,2 +0,0 @@
-import { MenuProperties } from './Menu.types';
-export declare function Menu({ trigger, items, onSelect, renderItem, portalContainer, }: MenuProperties): import("react").JSX.Element;

package/dist/menu/Menu.types.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode, RefObject } from 'react';
-import { MenuEntry, MenuItemData } from '@tpc-development/mare-ui-components-core/menu';
-export type { MenuItemData, MenuSeparatorEntry, MenuGroupEntry, MenuEntry, } from '@tpc-development/mare-ui-components-core/menu';
-export interface MenuProperties {
-    /** The element that opens the menu on click — typically a `<Button>`. */
-    trigger: ReactNode;
-    items: MenuEntry[];
-    /** Called with the selected item's `value` when an item (or an item
-     * inside a group) is chosen. */
-    onSelect?: (value: string) => void;
-    /** Custom render for an item's content (icon + label). Defaults to
-     * `item.icon` (if any) + `item.label`. */
-    renderItem?: (item: MenuItemData) => ReactNode;
-    /** Where the menu portals to. Ark defaults to `document.body` — override
-     * this if your app scopes `data-theme` (or any other CSS custom property)
-     * to a sub-tree rather than the document root, otherwise the portaled
-     * menu renders outside that scope and loses the tokens. */
-    portalContainer?: RefObject<HTMLElement | null>;
-}

package/dist/menu/index.d.ts

@@ -1,2 +0,0 @@
-export { Menu } from './Menu';
-export type { MenuProperties, MenuItemData, MenuSeparatorEntry, MenuGroupEntry, MenuEntry, } from './Menu.types';

package/dist/message/Message.d.ts

@@ -1,2 +0,0 @@
-import { MessageProperties } from './Message.types';
-export declare function Message({ severity, variant, title, icon, disabled, closable, onClose, children, }: MessageProperties): import("react").JSX.Element;

package/dist/message/Message.types.d.ts

@@ -1,17 +0,0 @@
-import { ReactNode } from 'react';
-import { MessageSeverity, MessageVariant } from '@tpc-development/mare-ui-components-core/message';
-export type { MessageSeverity, MessageVariant, } from '@tpc-development/mare-ui-components-core/message';
-export interface MessageProperties {
-    /** @default 'neutral' */
-    severity?: MessageSeverity;
-    /** @default 'simple' */
-    variant?: MessageVariant;
-    title?: string;
-    icon?: ReactNode;
-    /** @default false */
-    disabled?: boolean;
-    /** @default false */
-    closable?: boolean;
-    onClose?: () => void;
-    children?: ReactNode;
-}

package/dist/message/index.d.ts

@@ -1,2 +0,0 @@
-export { Message } from './Message';
-export type { MessageProperties, MessageSeverity, MessageVariant, } from './Message.types';

package/dist/multi-select/MultiSelect.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-import { MultiSelectProperties, MultiSelectOptionItem } from './MultiSelect.types';
-interface MultiSelectReactProperties extends MultiSelectProperties {
-    value?: string[];
-    onValueChange?: (value: string[]) => void;
-    indicator?: ReactNode;
-    clearIcon?: ReactNode;
-    filterIcon?: ReactNode;
-    renderOption?: (option: MultiSelectOptionItem) => ReactNode;
-}
-export declare function MultiSelect({ value, onValueChange, options, placeholder, searchPlaceholder, size, itemSize, disabled, invalid, loading, clearable, filterable, hasCheckbox, showToggleAll, headerLabel, display, maxSelectedLabels, label, emptyText, indicator, clearIcon, filterIcon, renderOption, }: MultiSelectReactProperties): import("react").JSX.Element;
-export {};

package/dist/multi-select/index.d.ts

@@ -1,2 +0,0 @@
-export { MultiSelect } from './MultiSelect';
-export type { MultiSelectProperties, MultiSelectSize, MultiSelectItemSize, MultiSelectDisplay, MultiSelectOptionItem, } from './MultiSelect.types';

package/dist/overlay-badge/OverlayBadge.d.ts

@@ -1,2 +0,0 @@
-import { OverlayBadgeProperties } from './OverlayBadge.types';
-export declare function OverlayBadge({ children, severity, icon, value, offsetX, offsetY, }: OverlayBadgeProperties): import("react").JSX.Element;

package/dist/overlay-badge/index.d.ts

@@ -1,2 +0,0 @@
-export { OverlayBadge } from './OverlayBadge';
-export type { OverlayBadgeProperties, BadgeSeverity } from './OverlayBadge.types';

package/dist/paginator/Paginator.d.ts

@@ -1,2 +0,0 @@
-import { PaginatorProperties } from './Paginator.types';
-export declare function Paginator({ count, page, defaultPage, onPageChange, pageSize, defaultPageSize, onPageSizeChange, pageLinkSize, showFirstLastLinks, rowsPerPageOptions, rowsPerPageOptionsLabel, }: PaginatorProperties): import("react").JSX.Element;

package/dist/paginator/index.d.ts

@@ -1,2 +0,0 @@
-export { Paginator } from './Paginator';
-export type { PaginatorProperties } from './Paginator.types';

package/dist/panel-menu/PanelMenu.d.ts

@@ -1,2 +0,0 @@
-import { PanelMenuProperties } from './PanelMenu.types';
-export declare function PanelMenu({ items, expandedValue, defaultExpandedValue, onExpandedChange, renderItem, }: PanelMenuProperties): import("react").JSX.Element;

package/dist/panel-menu/PanelMenu.types.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-import { PanelMenuItemData } from '@tpc-development/mare-ui-components-core/panel-menu';
-export type { PanelMenuItemData } from '@tpc-development/mare-ui-components-core/panel-menu';
-export interface PanelMenuProperties {
-    items: PanelMenuItemData[];
-    /** Controlled expanded branch values. Omit to let Ark manage it (uncontrolled). */
-    expandedValue?: string[];
-    defaultExpandedValue?: string[];
-    onExpandedChange?: (value: string[]) => void;
-    /** Override the default icon + label row entirely. */
-    renderItem?: (item: PanelMenuItemData) => ReactNode;
-}

package/dist/panel-menu/index.d.ts

@@ -1,2 +0,0 @@
-export { PanelMenu } from './PanelMenu';
-export type { PanelMenuProperties, PanelMenuItemData } from './PanelMenu.types';

package/dist/password/Password.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-import { PasswordProperties } from './Password.types';
-export declare function Password({ value, onValueChange, size, rounded, invalid, disabled, toggleMask, showIcon, hideIcon, feedback, header, footer, promptLabel, weakLabel, mediumLabel, strongLabel, mediumRegex, strongRegex, ...native }: PasswordProperties): import("react").JSX.Element;
-/** A single requirement row for `footer` (e.g. "At least one uppercase"). */
-export declare function PasswordFooterItem({ children }: {
-    children?: ReactNode;
-}): import("react").JSX.Element;

package/dist/password/index.d.ts

@@ -1,2 +0,0 @@
-export { Password, PasswordFooterItem } from './Password';
-export type { PasswordProperties } from './Password.types';

package/dist/progress-bar/ProgressBar.d.ts

@@ -1,2 +0,0 @@
-import { ProgressBarProperties } from './ProgressBar.types';
-export declare function ProgressBar({ value, mode, min, max, label, showValue, id, }: ProgressBarProperties): import("react").JSX.Element;

package/dist/progress-bar/index.d.ts

@@ -1,2 +0,0 @@
-export { ProgressBar } from './ProgressBar';
-export type { ProgressBarProperties, ProgressBarMode, } from './ProgressBar.types';

package/dist/progress-spinner/index.d.ts

@@ -1,2 +0,0 @@
-export { ProgressSpinner } from './ProgressSpinner';
-export type { ProgressSpinnerProperties } from './ProgressSpinner';

package/dist/radio-group/RadioGroup.d.ts

@@ -1,2 +0,0 @@
-import { RadioGroupProperties } from './RadioGroup.types';
-export declare function RadioGroup({ items, value, defaultValue, onValueChange, size, orientation, disabled, invalid, readOnly, required, name, form, id, }: RadioGroupProperties): import("react").JSX.Element;

package/dist/radio-group/index.d.ts

@@ -1,2 +0,0 @@
-export { RadioGroup } from './RadioGroup';
-export type { RadioGroupProperties, RadioGroupSize, RadioGroupOrientation, RadioOptionItem, } from './RadioGroup.types';

package/dist/search-field/SearchField.d.ts

@@ -1,2 +0,0 @@
-import { SearchFieldProperties } from './SearchField.types';
-export declare function SearchField({ value, onValueChange, loading, clearable, disabled, leftIcon, clearIcon, rightIcon, onClear, ...native }: SearchFieldProperties): import("react").JSX.Element;

package/dist/search-field/SearchField.types.d.ts

@@ -1,26 +0,0 @@
-import { ReactNode } from 'react';
-import { InputTextProperties } from '../InputText';
-/** Native passthrough same as InputText, minus what SearchField owns/reshapes. */
-type ForwardedInputProperties = Omit<InputTextProperties, 'value' | 'onValueChange' | 'rounded'>;
-export interface SearchFieldProperties extends ForwardedInputProperties {
-    /** Controlled value. */
-    value?: string;
-    /** Controlled change handler — receives the next string value. */
-    onValueChange?: (value: string) => void;
-    /** Shows a spinner instead of the clear icon. @default false */
-    loading?: boolean;
-    /** Shows a clear (X) button when there's a value. @default false */
-    clearable?: boolean;
-    /** Overrides the left icon. @default a search icon */
-    leftIcon?: ReactNode;
-    /** Overrides the clear button's icon. @default a close (X) icon */
-    clearIcon?: ReactNode;
-    /** Replaces the clear/spinner logic entirely with your own right-side
-     * content (matches the legacy: a custom right icon takes over from the
-     * built-in clear button). @default undefined */
-    rightIcon?: ReactNode;
-    /** Fires when the built-in clear button is clicked (clears `value` too).
-     * Does NOT fire for a custom `rightIcon` — wire that yourself. */
-    onClear?: () => void;
-}
-export {};

package/dist/search-field/index.d.ts

@@ -1,2 +0,0 @@
-export { SearchField } from './SearchField';
-export type { SearchFieldProperties } from './SearchField.types';

package/dist/segmented-control/SegmentedControl.d.ts

@@ -1,2 +0,0 @@
-import { SegmentedControlProperties } from './SegmentedControl.types';
-export declare function SegmentedControl({ items, value, defaultValue, onValueChange, size, optionWidth, disabled, renderOption, name, form, id, }: SegmentedControlProperties): import("react").JSX.Element;

package/dist/segmented-control/index.d.ts

@@ -1,2 +0,0 @@
-export { SegmentedControl } from './SegmentedControl';
-export type { SegmentedControlProperties, SegmentedControlSize, SegmentedControlOptionWidth, SegmentedControlOptionItem, } from './SegmentedControl.types';

package/dist/select-field/SelectField.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-import { SelectFieldProperties, SelectOptionItem } from './SelectField.types';
-interface SelectFieldReactProperties extends SelectFieldProperties {
-    value?: string | null;
-    onValueChange?: (value: string | null) => void;
-    leadingIcon?: ReactNode;
-    indicator?: ReactNode;
-    clearIcon?: ReactNode;
-    checkIcon?: ReactNode;
-    renderValue?: (item: SelectOptionItem) => ReactNode;
-    renderOption?: (option: SelectOptionItem) => ReactNode;
-}
-export declare function SelectField({ value, onValueChange, options, placeholder, size, disabled, invalid, clearable, label, leadingIcon, indicator, clearIcon, checkIcon, renderValue, renderOption, }: SelectFieldReactProperties): import("react").JSX.Element;
-export {};

package/dist/select-field/SelectField.types.d.ts

@@ -1,11 +0,0 @@
-import { SelectFieldSize, SelectOptionItem } from '@tpc-development/mare-ui-components-core/select-field';
-export type { SelectFieldSize, SelectOptionItem, } from '@tpc-development/mare-ui-components-core/select-field';
-export interface SelectFieldProperties {
-    options: SelectOptionItem[];
-    placeholder?: string;
-    size?: SelectFieldSize;
-    disabled?: boolean;
-    invalid?: boolean;
-    clearable?: boolean;
-    label?: string;
-}

package/dist/select-field/index.d.ts

@@ -1,2 +0,0 @@
-export { SelectField } from './SelectField';
-export type { SelectFieldProperties, SelectFieldSize, SelectOptionItem, } from './SelectField.types';

package/dist/shared/Combobox-DrkeDMW0.js

@@ -1,139 +0,0 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { useState as T, useMemo as b } from "react";
-import { createListCollection as V, ComboboxRoot as _, ComboboxLabel as $, ComboboxControl as j, ComboboxTrigger as q, ComboboxClearTrigger as D, ComboboxPositioner as E, ComboboxContent as M, ComboboxInput as O, ComboboxEmpty as P, ComboboxItem as Q, ComboboxItemText as R, ComboboxItemIndicator as X } from "@ark-ui/react/combobox";
-import { o as A } from "./index-ByQ37VXf.js";
-import { I as B } from "./IconX-CpPADKjZ.js";
-import { I as F } from "./IconChevronDown-ev2ML7Ex.js";
-import { I as G } from "./IconSearch-CgM6jEUh.js";
-import { I as H } from "./IconCheck-DzZA6b2U.js";
-const J = ["small", "medium"], K = {
-  small: "mare:h-10",
-  medium: "mare:h-12"
-}, f = {
-  small: "mare:tpc-typography-body-s",
-  medium: "mare:tpc-typography-body-m"
-}, U = (r) => `
-	mare:relative mare:flex mare:items-center mare:gap-2
-	${K[r]}
-	mare:px-3 mare:rounded-input mare:border mare:border-strong mare:bg-default
-	mare:focus-within:outline-solid mare:focus-within:outline-2 mare:focus-within:outline-accent mare:focus-within:-outline-offset-2
-	mare:ark-disabled:text-disabled mare:ark-disabled:border-disabled-default mare:ark-disabled:cursor-not-allowed
-	mare:data-[invalid]:outline-solid mare:data-[invalid]:outline-2 mare:data-[invalid]:outline-danger mare:data-[invalid]:-outline-offset-2
-`, p = "mare:flex mare:items-center mare:shrink-0 mare:text-weak mare:[&>svg]:size-5", W = (r) => `
-	mare:flex-auto mare:flex mare:items-center mare:cursor-pointer
-	mare:bg-transparent mare:text-left mare:truncate mare:text-default ${f[r]}
-`, Y = `
-	mare:flex mare:items-center mare:gap-2 mare:mb-1 mare:px-3 mare:h-10
-	mare:rounded-input mare:border mare:border-strong mare:bg-default
-	mare:focus-within:outline-solid mare:focus-within:outline-2 mare:focus-within:outline-accent mare:focus-within:-outline-offset-2
-`, Z = (r) => `
-	mare:flex-auto mare:bg-transparent mare:outline-none mare:text-default
-	mare:placeholder:text-weak ${f[r]}
-`, ee = "mare:flex mare:items-center mare:shrink-0 mare:text-base mare:cursor-pointer mare:text-default mare:hover:text-weak", ae = "mare:flex mare:items-center mare:shrink-0 mare:text-lg mare:transition-transform mare:ark-open:rotate-180 mare:text-default", re = `
-	mare:flex mare:flex-col mare:gap-0.5 mare:p-1
-	mare:rounded-input mare:border mare:border-default mare:bg-raised
-	mare:shadow-[0_2px_6px_0_rgba(0,0,0,0.16)]
-	mare:max-h-72 mare:overflow-y-auto
-	mare:min-w-[var(--reference-width)]
-	mare:z-50
-	mare:[&[hidden]]:hidden
-`, me = `
-	mare:group/option mare:flex mare:items-center mare:justify-between mare:gap-2
-	mare:w-full mare:min-h-8 mare:py-2 mare:px-3 mare:cursor-pointer mare:rounded-menu-item
-	mare:tpc-typography-body-s mare:text-default
-	mare:ark-highlighted:bg-hover
-	mare:ark-selected:bg-accent-weak mare:ark-selected:text-accent
-	mare:ark-disabled:text-disabled mare:ark-disabled:cursor-not-allowed
-`, te = "mare:flex mare:items-center mare:text-accent", oe = "mare:py-2 mare:px-3 mare:tpc-typography-body-s mare:text-weak", le = "mare:tpc-typography-label-s mare:text-weak mare:mb-1.5 mare:block";
-function fe({
-  value: r = null,
-  onValueChange: h,
-  options: t,
-  placeholder: x = "Select…",
-  searchPlaceholder: g = "",
-  size: w = "small",
-  disabled: C = !1,
-  invalid: k = !1,
-  clearable: y = !1,
-  emptyText: v = "Sin resultados",
-  label: i,
-  leadingIcon: s,
-  triggerIcon: I,
-  checkIcon: N,
-  clearIcon: z,
-  renderOption: c
-}) {
-  const o = A(w, J, "small"), [l, d] = T(""), n = b(() => {
-    const e = l.trim().toLowerCase();
-    return e ? t.filter((L) => L.label.toLowerCase().includes(e)) : t;
-  }, [l, t]), S = b(
-    () => V({
-      items: n,
-      itemToValue: (e) => e.value,
-      itemToString: (e) => e.label,
-      isItemDisabled: (e) => !!e.disabled
-    }),
-    [n]
-  ), u = t.find((e) => e.value === r)?.label ?? null;
-  return /* @__PURE__ */ m(
-    _,
-    {
-      collection: S,
-      value: r == null ? [] : [r],
-      disabled: C,
-      invalid: k,
-      openOnClick: !0,
-      inputValue: l,
-      onValueChange: (e) => h?.(e.value[0] ?? null),
-      onInputValueChange: (e) => {
-        e.reason === "input-change" && d(e.inputValue);
-      },
-      onOpenChange: (e) => {
-        e.open || d("");
-      },
-      children: [
-        i && /* @__PURE__ */ a($, { className: le, children: i }),
-        /* @__PURE__ */ m(j, { className: U(o), children: [
-          s && /* @__PURE__ */ a("span", { className: p, children: s }),
-          /* @__PURE__ */ a(q, { className: W(o), children: u ? /* @__PURE__ */ a("span", { children: u }) : /* @__PURE__ */ a("span", { className: "mare:text-weak", children: x }) }),
-          y && /* @__PURE__ */ a(D, { className: ee, children: z ?? /* @__PURE__ */ a(B, { size: "1em" }) }),
-          /* @__PURE__ */ a("span", { className: ae, children: I ?? /* @__PURE__ */ a(F, { size: "1em" }) })
-        ] }),
-        /* @__PURE__ */ a(E, { children: /* @__PURE__ */ m(M, { className: re, children: [
-          /* @__PURE__ */ m("div", { className: Y, children: [
-            /* @__PURE__ */ a(
-              O,
-              {
-                placeholder: g,
-                className: Z(o)
-              }
-            ),
-            /* @__PURE__ */ a("span", { className: p, children: /* @__PURE__ */ a(G, {}) })
-          ] }),
-          /* @__PURE__ */ a(P, { className: oe, children: v }),
-          n.map((e) => /* @__PURE__ */ m(
-            Q,
-            {
-              item: e,
-              className: me,
-              children: [
-                /* @__PURE__ */ a(R, { children: c ? c(e) : e.label }),
-                /* @__PURE__ */ a(
-                  X,
-                  {
-                    className: te,
-                    children: N ?? /* @__PURE__ */ a(H, { size: "1em" })
-                  }
-                )
-              ]
-            },
-            e.value
-          ))
-        ] }) })
-      ]
-    }
-  );
-}
-export {
-  fe as C
-};

package/dist/shared/FloatingActionButton-BWB5Taeg.js

@@ -1,28 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { a as i, B as n } from "./Button-C2ULmKj3.js";
-import { o as a } from "./index-ByQ37VXf.js";
-const s = i.filter(
-  (r) => r !== "ghost" && r !== "danger"
-);
-function p({
-  severity: r = "primary",
-  ...t
-}) {
-  const o = a(
-    r,
-    s,
-    "primary"
-  );
-  return /* @__PURE__ */ e(
-    n,
-    {
-      ...t,
-      severity: o,
-      raised: !0,
-      rounded: !0
-    }
-  );
-}
-export {
-  p as F
-};

package/dist/shared/IconCheck-DzZA6b2U.js

@@ -1,5 +0,0 @@
-import { c } from "./createReactComponent-Cb6Pzf10.js";
-const e = [["path", { d: "M5 12l5 5l10 -10", key: "svg-0" }]], t = c("outline", "check", "Check", e);
-export {
-  t as I
-};

package/dist/shared/IconChevronDown-ev2ML7Ex.js

@@ -1,5 +0,0 @@
-import { c as o } from "./createReactComponent-Cb6Pzf10.js";
-const n = [["path", { d: "M6 9l6 6l6 -6", key: "svg-0" }]], t = o("outline", "chevron-down", "ChevronDown", n);
-export {
-  t as I
-};

package/dist/shared/IconChevronRight-DEIDRsvg.js

@@ -1,7 +0,0 @@
-import { c as o } from "./createReactComponent-Cb6Pzf10.js";
-const e = [["path", { d: "M15 6l-6 6l6 6", key: "svg-0" }]], c = o("outline", "chevron-left", "ChevronLeft", e);
-const t = [["path", { d: "M9 6l6 6l-6 6", key: "svg-0" }]], h = o("outline", "chevron-right", "ChevronRight", t);
-export {
-  c as I,
-  h as a
-};

package/dist/shared/IconField-CqKydKep.js

@@ -1,81 +0,0 @@
-import { jsx as l, jsxs as L } from "react/jsx-runtime";
-import { useFieldContext as b, FieldInput as v, FieldRoot as I } from "@ark-ui/react/field";
-import { m as N } from "./InputText.types-KhlkzHMw-BtRY371_.js";
-import { u as f, d as g, m as x, f as y, F as C } from "./field-layout-o6bDLvVU.js";
-import { o as d } from "./index-ByQ37VXf.js";
-function _({
-  value: o = "",
-  onValueChange: r,
-  size: s = "medium",
-  rounded: e = !1,
-  invalid: c = !1,
-  disabled: m = !1,
-  placeholder: a,
-  ...i
-}) {
-  const t = f(), n = !b(), h = d(s, N, "medium"), p = g({
-    size: h,
-    rounded: e,
-    hasFloatLabel: t?.hasFloatLabel ?? !1,
-    iconSide: t?.iconSide ?? null
-  }), F = t?.hasFloatLabel ? " " : a, u = /* @__PURE__ */ l(
-    v,
-    {
-      ...i,
-      className: p,
-      placeholder: F,
-      value: o,
-      onChange: (S) => r?.(S.target.value)
-    }
-  );
-  return n ? /* @__PURE__ */ l(
-    I,
-    {
-      invalid: c,
-      disabled: m,
-      className: "mare:w-full",
-      children: u
-    }
-  ) : u;
-}
-const P = ["left", "right"];
-function D({
-  icon: o,
-  position: r = "left",
-  disabled: s = !1,
-  onIconClick: e,
-  iconLabel: c,
-  children: m
-}) {
-  const a = d(r, P, "left"), i = f(), t = {
-    hasFloatLabel: i?.hasFloatLabel ?? !1,
-    iconSide: x(i?.iconSide ?? null, a)
-  }, n = y(a, {
-    disabled: s,
-    interactive: !!e
-  });
-  return /* @__PURE__ */ l(C.Provider, { value: t, children: /* @__PURE__ */ L(
-    "div",
-    {
-      className: `mare:relative mare:w-full mare:group ${a === "left" ? "mare-icon-left" : "mare-icon-right"}`,
-      children: [
-        m,
-        e ? /* @__PURE__ */ l(
-          "button",
-          {
-            type: "button",
-            disabled: s,
-            onClick: e,
-            "aria-label": c,
-            className: n,
-            children: o
-          }
-        ) : /* @__PURE__ */ l("span", { className: n, children: o })
-      ]
-    }
-  ) });
-}
-export {
-  D as I,
-  _ as a
-};