@tpc-mare/mare-ui-components-react 0.1.0

package/dist/.storybook/main.d.ts

@@ -0,0 +1,3 @@
+import { StorybookConfig } from '@storybook/react-vite';
+declare const config: StorybookConfig;
+export default config;

package/dist/.storybook/manager.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/.storybook/preview.d.ts

@@ -0,0 +1,3 @@
+import { Preview } from '@storybook/react-vite';
+declare const preview: Preview;
+export default preview;

package/dist/button/Button.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProperties } from './Button.types';
+export declare function Button({ label, severity, size, variant, iconOnly, disabled, loading, link, linkAnimation, icon, iconPos, children, type, ...native }: ButtonProperties): import("react").JSX.Element;

package/dist/button/Button.types.d.ts

@@ -0,0 +1,18 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { ButtonSeverity, ButtonSize, ButtonVariant, IconPosition } from '@tpc-development/mare-ui-components-core/button';
+export type { ButtonSeverity, ButtonSize, ButtonVariant, IconPosition, } from '@tpc-development/mare-ui-components-core/button';
+type ForwardedNativeProperties = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style' | 'children' | 'color'>;
+export interface ButtonProperties extends ForwardedNativeProperties {
+    label?: string;
+    severity?: ButtonSeverity;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    iconOnly?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    link?: boolean;
+    linkAnimation?: boolean;
+    icon?: ReactNode;
+    iconPos?: IconPosition;
+    children?: ReactNode;
+}

package/dist/button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProperties, ButtonSeverity, ButtonSize, ButtonVariant, IconPosition, } from './Button.types';

package/dist/button/index.js

@@ -0,0 +1,4 @@
+import { B as r } from "../shared/Button-AfMqNCme.js";
+export {
+  r as Button
+};

package/dist/checkbox/Checkbox.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProperties } from './Checkbox.types';
+export declare function Checkbox({ checked, defaultChecked, onCheckedChange, children, size, disabled, invalid, readOnly, required, name, value, form, id, }: CheckboxProperties): import("react").JSX.Element;

package/dist/checkbox/Checkbox.types.d.ts

@@ -0,0 +1,69 @@
+import { CheckboxSize } from '@tpc-development/mare-ui-components-core/checkbox';
+import { ReactNode } from 'react';
+export type { CheckboxSize } from '@tpc-development/mare-ui-components-core/checkbox';
+/**
+ * CheckedState can be boolean or 'indeterminate' (Ark's convention).
+ */
+export type CheckedState = boolean | 'indeterminate';
+export interface CheckboxProperties {
+    /**
+     * The controlled checked state.
+     */
+    checked?: CheckedState;
+    /**
+     * Initial checked state (uncontrolled mode).
+     */
+    defaultChecked?: CheckedState;
+    /**
+     * Handler called when checked state changes.
+     */
+    onCheckedChange?: (details: {
+        checked: CheckedState;
+    }) => void;
+    /**
+     * The checkbox label (can also use children).
+     */
+    children?: ReactNode;
+    /**
+     * Size variant.
+     * @default 'small'
+     */
+    size?: CheckboxSize;
+    /**
+     * Disables interaction.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Marks the checkbox as invalid (red border/background).
+     * @default false
+     */
+    invalid?: boolean;
+    /**
+     * Makes the checkbox read-only.
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Marks the checkbox as required for form validation.
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * The name attribute for form submission.
+     */
+    name?: string;
+    /**
+     * The value submitted with the form when checked.
+     * @default 'on'
+     */
+    value?: string;
+    /**
+     * ID of an associated form element.
+     */
+    form?: string;
+    /**
+     * Unique identifier for the checkbox.
+     */
+    id?: string;
+}

package/dist/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox';
+export type { CheckboxProperties, CheckboxSize, CheckedState, } from './Checkbox.types';

package/dist/checkbox/index.js

@@ -0,0 +1,4 @@
+import { C as r } from "../shared/Checkbox-DsM70wQl.js";
+export {
+  r as Checkbox
+};

package/dist/combobox/Combobox.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { ComboboxProperties, ComboboxOptionItem } from './Combobox.types';
+interface ComboboxReactProperties extends ComboboxProperties {
+    value?: string | null;
+    onValueChange?: (value: string | null) => void;
+    leadingIcon?: ReactNode;
+    triggerIcon?: ReactNode;
+    checkIcon?: ReactNode;
+    clearIcon?: ReactNode;
+    renderOption?: (option: ComboboxOptionItem) => ReactNode;
+}
+export declare function Combobox({ value, onValueChange, options, placeholder, searchPlaceholder, size, disabled, invalid, clearable, emptyText, label, leadingIcon, triggerIcon, checkIcon, clearIcon, renderOption, }: ComboboxReactProperties): import("react").JSX.Element;
+export {};

package/dist/combobox/Combobox.types.d.ts

@@ -0,0 +1,16 @@
+import { ComboboxSize, ComboboxOptionItem } from '@tpc-development/mare-ui-components-core/combobox';
+export type { ComboboxSize, ComboboxOptionItem, } from '@tpc-development/mare-ui-components-core/combobox';
+export interface ComboboxProperties {
+    options: ComboboxOptionItem[];
+    /** Text shown in the trigger when nothing is selected. */
+    placeholder?: string;
+    /** Placeholder for the search input inside the panel. */
+    searchPlaceholder?: string;
+    size?: ComboboxSize;
+    disabled?: boolean;
+    invalid?: boolean;
+    /** Show a '×' button in the trigger to clear the selected value. */
+    clearable?: boolean;
+    label?: string;
+    emptyText?: string;
+}

package/dist/combobox/index.d.ts

@@ -0,0 +1,2 @@
+export { Combobox } from './Combobox';
+export type { ComboboxProperties, ComboboxSize, ComboboxOptionItem, } from './Combobox.types';

package/dist/combobox/index.js

@@ -0,0 +1,4 @@
+import { C as m } from "../shared/Combobox-DeUG_muZ.js";
+export {
+  m as Combobox
+};

package/dist/dialog/Dialog.d.ts

@@ -0,0 +1,2 @@
+import { DialogProperties } from './Dialog.types';
+export declare function Dialog({ open, onOpenChange, size, fullScreen, modal, closeOnEscape, dismissableMask, maskColor, portalContainer, header, footer, children, 'aria-label': ariaLabel, }: DialogProperties): import("react").JSX.Element;

package/dist/dialog/Dialog.types.d.ts

@@ -0,0 +1,55 @@
+import { ReactNode, RefObject } from 'react';
+import { DialogSize, DialogFooterLayout } from '@tpc-development/mare-ui-components-core/dialog';
+export type { DialogSize, DialogFooterLayout, } from '@tpc-development/mare-ui-components-core/dialog';
+export interface DialogProperties {
+    /** Controlled open state. */
+    open: boolean;
+    /** Change handler — receives the next open state. */
+    onOpenChange?: (open: boolean) => void;
+    /** Desktop width. Mobile is always full-width regardless. @default 'medium' */
+    size?: DialogSize;
+    /** Stretches to fill the screen on mobile (no top rounding); barely
+     * changes desktop (just max-height, same as the non-fullScreen case).
+     * @default false */
+    fullScreen?: boolean;
+    /** @default true */
+    modal?: boolean;
+    /** @default true */
+    closeOnEscape?: boolean;
+    /** Close when clicking the backdrop. @default true */
+    dismissableMask?: boolean;
+    /** Overrides the backdrop's background class. @default undefined (uses the token overlay color) */
+    maskColor?: string;
+    /** Where the dialog 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
+     * dialog renders outside that scope and loses the tokens. */
+    portalContainer?: RefObject<HTMLElement | null>;
+    /** Typically a `<DialogHeader />`. */
+    header?: ReactNode;
+    /** Typically a `<DialogFooter>` with action buttons. */
+    footer?: ReactNode;
+    /** The scrollable body, between header and footer. */
+    children?: ReactNode;
+    /** Fallback accessible label when no title is rendered in the header. */
+    'aria-label'?: string;
+}
+export interface DialogHeaderProperties {
+    title?: string;
+    /** Closes the dialog on click (matches the legacy DialogHeader: the LEFT
+     * icon always closes, regardless of which glyph it shows). @default a close (X) icon */
+    leftIcon?: ReactNode;
+    /** Does NOT close the dialog on click — wire that yourself if you need it. @default undefined (no button) */
+    rightIcon?: ReactNode;
+    onLeftIconClick?: () => void;
+    onRightIconClick?: () => void;
+    /** @default false */
+    border?: boolean;
+}
+export interface DialogFooterProperties {
+    /** @default 'row' */
+    layout?: DialogFooterLayout;
+    /** @default false */
+    border?: boolean;
+    children?: ReactNode;
+}

package/dist/dialog/DialogFooter.d.ts

@@ -0,0 +1,2 @@
+import { DialogFooterProperties } from './Dialog.types';
+export declare function DialogFooter({ layout, border, children, }: DialogFooterProperties): import("react").JSX.Element;

package/dist/dialog/DialogHeader.d.ts

@@ -0,0 +1,2 @@
+import { DialogHeaderProperties } from './Dialog.types';
+export declare function DialogHeader({ title, leftIcon, rightIcon, onLeftIconClick, onRightIconClick, border, }: DialogHeaderProperties): import("react").JSX.Element;

package/dist/dialog/index.d.ts

@@ -0,0 +1,4 @@
+export { Dialog } from './Dialog';
+export { DialogHeader } from './DialogHeader';
+export { DialogFooter } from './DialogFooter';
+export type { DialogProperties, DialogSize, DialogHeaderProperties, DialogFooterProperties, DialogFooterLayout, } from './Dialog.types';

package/dist/dialog/index.js

@@ -0,0 +1,6 @@
+import { D as e, a as r, b as D } from "../shared/DialogFooter-DLWy6Mln.js";
+export {
+  e as Dialog,
+  r as DialogFooter,
+  D as DialogHeader
+};

package/dist/index/index.d.ts

@@ -0,0 +1,24 @@
+export { Button } from '../button';
+export type { ButtonProperties, ButtonSeverity, ButtonSize, ButtonVariant, IconPosition, } from '../button';
+export { SelectField } from '../select-field';
+export type { SelectFieldProperties, SelectFieldSize, SelectOptionItem, } from '../select-field';
+export { Combobox } from '../combobox';
+export type { ComboboxProperties, ComboboxSize, ComboboxOptionItem, } from '../combobox';
+export { Tabs } from '../tabs';
+export type { TabsProperties, TabItem, TabSize } from '../tabs';
+export { ProgressSpinner } from '../progress-spinner';
+export type { ProgressSpinnerProperties } from '../progress-spinner';
+export { InputText, CharacterCount, FormField, FloatLabel, IconField, HelperText, } from '../input-text';
+export type { InputTextProperties, InputTextSize, CharacterCountProperties, } from '../input-text';
+export { Textarea } from '../textarea';
+export type { TextareaProperties } from '../textarea';
+export { InputNumber } from '../input-number';
+export type { InputNumberProperties, InputNumberSize, } from '../input-number';
+export { Checkbox } from '../checkbox';
+export type { CheckboxProperties, CheckboxSize, CheckedState, } from '../checkbox';
+export { RadioGroup } from '../radio-group';
+export type { RadioGroupProperties, RadioGroupSize, RadioGroupOrientation, RadioOptionItem, } from '../radio-group';
+export { Switch } from '../switch';
+export type { SwitchProperties, SwitchSize } from '../switch';
+export { Dialog, DialogHeader, DialogFooter } from '../dialog';
+export type { DialogProperties, DialogSize, DialogHeaderProperties, DialogFooterProperties, DialogFooterLayout, } from '../dialog';

package/dist/index/index.js

@@ -0,0 +1,33 @@
+import { B as a } from "../shared/Button-AfMqNCme.js";
+import { S as t } from "../shared/SelectField-BSTmWjYy.js";
+import { C as p } from "../shared/Combobox-DeUG_muZ.js";
+import { T as m } from "../shared/Tabs-BqIorZYD.js";
+import { P as l } from "../shared/ProgressSpinner-B-lrS-tu.js";
+import { C as b, F as n, a as C, H as F, I as u, b as T } from "../shared/HelperText-D656H0Lf.js";
+import { T as d } from "../shared/Textarea-0XAczkH1.js";
+import { I as S } from "../shared/InputNumber-D1KL6s55.js";
+import { C as D } from "../shared/Checkbox-DsM70wQl.js";
+import { R as H } from "../shared/RadioGroup-lw27DCoV.js";
+import { S as P } from "../shared/Switch-D6E2OmgE.js";
+import { D as k, a as w, b as G } from "../shared/DialogFooter-DLWy6Mln.js";
+export {
+  a as Button,
+  b as CharacterCount,
+  D as Checkbox,
+  p as Combobox,
+  k as Dialog,
+  w as DialogFooter,
+  G as DialogHeader,
+  n as FloatLabel,
+  C as FormField,
+  F as HelperText,
+  u as IconField,
+  S as InputNumber,
+  T as InputText,
+  l as ProgressSpinner,
+  H as RadioGroup,
+  t as SelectField,
+  P as Switch,
+  m as Tabs,
+  d as Textarea
+};

package/dist/input-number/InputNumber.d.ts

@@ -0,0 +1,2 @@
+import { InputNumberProperties } from './InputNumber.types';
+export declare function InputNumber({ value, onValueChange, size, rounded, invalid, disabled, readOnly, step, clampValueOnBlur, placeholder, id, name, min, max, formatOptions, locale, allowMouseWheel, }: InputNumberProperties): import("react").JSX.Element;

package/dist/input-number/InputNumber.types.d.ts

@@ -0,0 +1,30 @@
+import { InputNumberSize } from '@tpc-development/mare-ui-components-core/input-number';
+export type { InputNumberSize } from '@tpc-development/mare-ui-components-core/input-number';
+export interface InputNumberProperties {
+    /** Controlled numeric value. `null` when the field is empty. */
+    value?: number | null;
+    /** Change handler — receives the next number, or `null` when cleared. */
+    onValueChange?: (value: number | null) => void;
+    size?: InputNumberSize;
+    rounded?: boolean;
+    invalid?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    placeholder?: string;
+    id?: string;
+    name?: string;
+    /** Minimum allowed value. */
+    min?: number;
+    /** Maximum allowed value. */
+    max?: number;
+    /** Step for keyboard/scrub increments. @default 1 */
+    step?: number;
+    /** Intl.NumberFormat options — currency, percent, unit, decimals, grouping. */
+    formatOptions?: Intl.NumberFormatOptions;
+    /** BCP 47 locale used for formatting/parsing. */
+    locale?: string;
+    /** Increment/decrement the value with the mouse wheel while focused. */
+    allowMouseWheel?: boolean;
+    /** Clamp the value to min/max when the field loses focus. @default true */
+    clampValueOnBlur?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { InputNumber } from './InputNumber';
+export type { InputNumberProperties, InputNumberSize, } from './InputNumber.types';

package/dist/input-number/index.js

@@ -0,0 +1,4 @@
+import { I as m } from "../shared/InputNumber-D1KL6s55.js";
+export {
+  m as InputNumber
+};

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

@@ -0,0 +1,5 @@
+export interface CharacterCountProperties {
+    value: string;
+    max: number;
+}
+export declare function CharacterCount({ value, max }: CharacterCountProperties): import("react").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface FloatLabelProperties {
+    label: string;
+    children?: ReactNode;
+}
+export declare function FloatLabel({ label, children }: FloatLabelProperties): import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface FormFieldProperties {
+    invalid?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    children?: ReactNode;
+}
+export declare function FormField({ invalid, disabled, required, children, }: FormFieldProperties): import("react").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function HelperText({ children }: {
+    children?: ReactNode;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface IconFieldProperties {
+    icon: ReactNode;
+    position?: 'left' | 'right';
+    children?: ReactNode;
+}
+export declare function IconField({ icon, position, children, }: IconFieldProperties): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { InputTextProperties } from './InputText.types';
+export declare function InputText({ value, onValueChange, size, rounded, invalid, disabled, placeholder, ...native }: InputTextProperties): import("react").JSX.Element;

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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,6 @@
+export interface FieldLayout {
+    hasFloatLabel: boolean;
+    iconSide: 'left' | 'right' | null;
+}
+export declare const FieldLayoutContext: import('react').Context<FieldLayout | null>;
+export declare const useFieldLayout: () => FieldLayout | null;

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

@@ -0,0 +1,11 @@
+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/input-text/index.js

@@ -0,0 +1,9 @@
+import { C as t, F as o, a as r, H as s, I as l, b as F } from "../shared/HelperText-D656H0Lf.js";
+export {
+  t as CharacterCount,
+  o as FloatLabel,
+  r as FormField,
+  s as HelperText,
+  l as IconField,
+  F as InputText
+};

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

@@ -0,0 +1,10 @@
+/**
+ * Mare ProgressSpinner — React. Ark has no spinner (pure SVG + CSS), so it's
+ * Mare-owned. Identical markup to the Vue version. Dash keyframe in styles.css.
+ */
+export interface ProgressSpinnerProperties {
+    /** Extra classes for the <circle> (e.g. stroke color per Button severity). */
+    circleClass?: string;
+    className?: string;
+}
+export declare function ProgressSpinner({ circleClass, className, }: ProgressSpinnerProperties): import("react").JSX.Element;

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

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

package/dist/progress-spinner/index.js

@@ -0,0 +1,4 @@
+import { P as o } from "../shared/ProgressSpinner-B-lrS-tu.js";
+export {
+  o as ProgressSpinner
+};

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

@@ -0,0 +1,2 @@
+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/RadioGroup.types.d.ts

@@ -0,0 +1,62 @@
+import { RadioGroupSize, RadioGroupOrientation, RadioOptionItem } from '@tpc-development/mare-ui-components-core/radio-group';
+export type { RadioGroupSize, RadioGroupOrientation, RadioOptionItem, } from '@tpc-development/mare-ui-components-core/radio-group';
+export interface RadioGroupProperties {
+    /**
+     * The available options.
+     */
+    items: RadioOptionItem[];
+    /**
+     * The controlled selected value.
+     */
+    value?: string | null;
+    /**
+     * Initial selected value (uncontrolled mode).
+     */
+    defaultValue?: string;
+    /**
+     * Handler called when the selected value changes.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Size variant.
+     * @default 'small'
+     */
+    size?: RadioGroupSize;
+    /**
+     * Layout direction of the items.
+     * @default 'vertical'
+     */
+    orientation?: RadioGroupOrientation;
+    /**
+     * Disables the entire group.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Marks the group as invalid (red styling).
+     * @default false
+     */
+    invalid?: boolean;
+    /**
+     * Makes the group read-only.
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Marks the group as required for form validation.
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * The name attribute for form submission.
+     */
+    name?: string;
+    /**
+     * ID of an associated form element.
+     */
+    form?: string;
+    /**
+     * Unique identifier for the group.
+     */
+    id?: string;
+}

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

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

package/dist/radio-group/index.js

@@ -0,0 +1,4 @@
+import { R as a } from "../shared/RadioGroup-lw27DCoV.js";
+export {
+  a as RadioGroup
+};

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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,11 @@
+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

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

package/dist/select-field/index.js

@@ -0,0 +1,4 @@
+import { S as o } from "../shared/SelectField-BSTmWjYy.js";
+export {
+  o as SelectField
+};