frey-ui 1.0.8 → 1.0.10

package/README.md

@@ -56,6 +56,227 @@ function App() {
 
 ## Components
 
+Frey UI currently exports:
+
+- `Alert`
+- `Button`
+- `Checkbox`
+- `Chip`
+- `Dialog`
+- `DropdownMenu`
+- `Field`
+- `Icons` (`CloseIcon`, `ChevronDownIcon`, `CheckIcon`, `MinusIcon`, `CircleXIcon`, `CircleCheckIcon`, `TriangleAlertIcon`, `CircleInfoIcon`)
+- `Popover`
+- `RadioGroup`
+- `Progress`
+- `Select`
+- `Skeleton`
+- `Spinner`
+- `Switch`
+- `Textarea`
+- `TextInput`
+- `ToastProvider` + `useToast`
+- `Tooltip`
+- `ThemeProvider`
+
+### `Field`
+
+Shared form field wrapper for labels, helper text, and error messaging.
+
+- `label` (`string`, required): field label text.
+- `hideLabel` (`boolean`, default `false`): visually hide label while keeping it accessible.
+- `error` (`string`): error text rendered with `role='alert'`.
+- `helperText` (`string`): helper text shown below control content.
+- `required` (`boolean`, default `false`): shows required indicator.
+- `disabled` (`boolean`, default `false`): applies disabled label styling.
+- `children` (`(props: FieldRenderProps) => ReactNode`, required): render function with generated ids + validation state.
+- `className` (`string`): additional CSS class.
+- `style` (`CSSProperties`): inline style / CSS variable overrides.
+
+### `Dialog`
+
+Accessible modal dialog primitive for confirmation and settings flows.
+
+Recommended usage: pair it with a trigger button and controlled `open` state.
+
+- `open` (`boolean`, required): controls visibility.
+- `title` (`string`, required): dialog heading used as accessible name.
+- `children` (`ReactNode`): body content.
+- `description` (`string`): optional secondary description text.
+- `onOpenChange` (`(open: boolean) => void`): state change callback for close actions.
+- `closeOnEscape` (`boolean`, default `true`): close when Escape is pressed.
+- `closeOnOverlayClick` (`boolean`, default `true`): close when backdrop is clicked.
+- `closeLabel` (`string`, default `'Close dialog'`): accessible label for close button.
+- `className` / `style`: overlay/dialog root customization.
+- `contentClassName` / `contentStyle`: dialog panel customization.
+
+### `DropdownMenu`
+
+Trigger-based menu for compact actions.
+
+- `trigger` (`ReactElement`, required): trigger control.
+- `items` (`ReadonlyArray<DropdownMenuItem>`, required): menu options.
+- `onSelect` (`(value: string) => void`): item selection callback.
+- `open` / `defaultOpen` / `onOpenChange`: controlled/uncontrolled state.
+- `placement` (`'top' | 'right' | 'bottom' | 'left'`, default `'bottom'`): menu placement.
+- `closeOnEscape` (`boolean`, default `true`): close with Escape key.
+- `closeOnOutsideClick` (`boolean`, default `true`): outside click dismiss.
+
+### `Icons`
+
+Shared SVG icon primitives used by Frey UI components.
+
+- `CloseIcon`, `ChevronDownIcon`, `CheckIcon`, `MinusIcon`
+- `CircleXIcon`, `CircleCheckIcon`, `TriangleAlertIcon`, `CircleInfoIcon`
+
+Both icons support:
+
+- `size` (`'xs' | 'sm' | 'md' | 'lg' | 'xl' | number`, default `'md'`): icon size token or numeric override.
+- `strokeWidth` (`'thin' | 'regular' | 'bold' | number`, default `'regular'`): stroke token or numeric override.
+- `title` (`string`): accessible name when you want semantic/icon-only meaning.
+- `className` / `style`: visual customization.
+
+### `Popover`
+
+Non-modal floating surface anchored to a trigger.
+
+- `trigger` (`ReactElement`, required): trigger control.
+- `children` (`ReactNode`, required): popover content.
+- `open` / `defaultOpen` / `onOpenChange`: controlled/uncontrolled state.
+- `placement` (`'top' | 'right' | 'bottom' | 'left'`, default `'bottom'`): popover placement.
+- `closeOnEscape` (`boolean`, default `true`) and `closeOnOutsideClick` (`boolean`, default `true`).
+
+### `Progress`
+
+Progress indicator for determinate or indeterminate loading.
+
+- `value` (`number`, default `0`) and `max` (`number`, default `100`).
+- `indeterminate` (`boolean`, default `false`): animated loading state.
+- `label` (`string`): accessible and visible label.
+- `showValue` (`boolean`, default `false`): show percentage text.
+- `size` (`'sm' | 'md' | 'lg'`, default `'md'`).
+
+### `Spinner`
+
+Compact busy indicator for short background operations.
+
+- `size` (`'sm' | 'md' | 'lg' | number`, default `'md'`).
+- `label` (`string`, default `'Loading'`): status label for assistive tech.
+- `className` / `style`: visual overrides.
+
+### `ToastProvider` + `useToast`
+
+Imperative notification system for transient messages.
+
+- Wrap app sections with `ToastProvider`.
+- Use `useToast()` to access:
+  - `toast(options)`
+  - `dismiss(id)`
+  - `dismissAll()`
+
+`ToastProvider` props:
+
+- `placement` (`'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'`, default `'top-right'`)
+- `limit` (`number`, default `4`)
+
+`toast(options)` supports:
+
+- `title`, `description` (required), `variant`, `duration`, and optional action button.
+
+### `Tooltip`
+
+Accessible hint text on hover/focus.
+
+- `children` (`ReactElement`, required): trigger element.
+- `content` (`ReactNode`, required): tooltip text/content.
+- `open` / `defaultOpen` / `onOpenChange`: controlled/uncontrolled state.
+- `placement` (`'top' | 'right' | 'bottom' | 'left'`, default `'top'`).
+- `delay` (`number`, default `120` ms): show delay on hover/focus.
+
+### `RadioGroup`
+
+Accessible grouped radios with controlled and uncontrolled support.
+
+- `label` (`string`, required): group label text.
+- `options` (`ReadonlyArray<RadioOption>`, required): radio options.
+- `value` (`string`): controlled selected value.
+- `defaultValue` (`string`): initial value for uncontrolled usage.
+- `onChange` (`ChangeEventHandler<HTMLInputElement>`): native change handler.
+- `orientation` (`'vertical' | 'horizontal'`, default `'vertical'`): options layout direction.
+- `error` (`string`): error text for validation state.
+- `helperText` (`string`): helper text below group.
+- `disabled` (`boolean`, default `false`): disables all options.
+
+### `Select`
+
+Accessible native `<select>` with helper/error messages and size variants.
+
+- `label` (`string`, required): accessible label text.
+- `placeholder` (`string`): placeholder option for single-select usage.
+- `size` (`'sm' | 'md' | 'lg'`, default `'md'`): visual size variant.
+- `error` (`string`): error text and invalid state.
+- `helperText` (`string`): helper text below control.
+- `children` (`ReactNode`): `<option>` / `<optgroup>` content.
+- `disabled` (`boolean`, default `false`): disables the control.
+
+### `Textarea`
+
+Accessible multiline text input with helper/error messaging.
+
+- `label` (`string`, required): accessible label text.
+- `resize` (`'none' | 'vertical' | 'horizontal' | 'both'`, default `'vertical'`): resize behavior.
+- `error` (`string`): error text and invalid state.
+- `helperText` (`string`): helper text below control.
+- `disabled` (`boolean`, default `false`): disables the textarea.
+- `className` (`string`): additional CSS class.
+- `style` (`CSSProperties`): inline style / CSS variable overrides.
+
+### `Alert`
+
+Inline status and feedback messaging.
+
+| Prop        | Type                                           | Default  | Description                                      |
+| ----------- | ---------------------------------------------- | -------- | ------------------------------------------------ |
+| `variant`   | `'error' \| 'success' \| 'warning' \| 'info'`  | `'info'` | Visual style and live-region semantics.          |
+| `title`     | `string`                                       | —        | Optional short heading rendered above the body.  |
+| `children`  | `ReactNode`                                    | —        | **Required.** Main alert message content.        |
+| `className` | `string`                                       | —        | Additional CSS class.                            |
+| `style`     | `CSSProperties`                                | —        | Inline styles / CSS variable overrides.          |
+
+### `Button`
+
+Polymorphic action control with loading and disabled states.
+
+| Prop        | Type                                                   | Default     | Description                                                                             |
+| ----------- | ------------------------------------------------------ | ----------- | --------------------------------------------------------------------------------------- |
+| `as`        | `'button' \| 'a'`                                      | `'button'`  | HTML element to render.                                                                 |
+| `variant`   | `'primary' \| 'secondary' \| 'ghost' \| 'destructive'` | `'primary'` | Visual style variant.                                                                   |
+| `size`      | `'sm' \| 'md' \| 'lg'`                                 | `'md'`      | Size variant.                                                                           |
+| `loading`   | `boolean`                                              | `false`     | Shows spinner and marks element as busy.                                                |
+| `disabled`  | `boolean`                                              | `false`     | Disables native buttons; for anchors sets `aria-disabled`.                              |
+| `className` | `string`                                               | —           | Additional CSS class.                                                                   |
+| `style`     | `CSSProperties`                                        | —           | Inline styles / CSS variable overrides.                                                 |
+| `ref`       | `Ref<HTMLButtonElement \| HTMLAnchorElement>`          | —           | Forwarded ref to the underlying element.                                                |
+
+Component-specific native attributes are supported based on `as` (`button` or `a`).
+
+### `Checkbox`
+
+Accessible checkbox with optional indeterminate state.
+
+| Prop            | Type                                   | Default | Description                                                     |
+| --------------- | -------------------------------------- | ------- | --------------------------------------------------------------- |
+| `label`         | `string`                               | —       | **Required.** Accessible label text.                            |
+| `hideLabel`     | `boolean`                              | `false` | Visually hide the label (remains accessible to screen readers). |
+| `size`          | `'sm' \| 'md' \| 'lg'`                 | `'md'`  | Size variant.                                                   |
+| `indeterminate` | `boolean`                              | `false` | Shows mixed state and sets `aria-checked="mixed"`.              |
+| `disabled`      | `boolean`                              | `false` | Disables the checkbox.                                          |
+| `className`     | `string`                               | —       | Additional CSS class.                                           |
+| `style`         | `CSSProperties`                        | —       | Inline styles / CSS variable overrides.                         |
+| `ref`           | `Ref<HTMLInputElement>`                | —       | Forwarded ref to the native input.                              |
+
+All standard `<input>` attributes (except `type`, `size`) are also supported and spread onto the underlying element.
+
 ### `Chip`
 
 A polymorphic label / action component.
@@ -72,6 +293,18 @@ A polymorphic label / action component.
 
 Non-native interactive chips (`as="div"` with `onClick`) automatically receive `role="button"`, `tabIndex={0}`, and keyboard support (Enter / Space).
 
+### `Skeleton`
+
+Loading placeholder for pending UI states.
+
+| Prop        | Type                            | Default       | Description                                             |
+| ----------- | ------------------------------- | ------------- | ------------------------------------------------------- |
+| `width`     | `string \| number`              | —             | Placeholder width (for circles, can infer from height). |
+| `height`    | `string \| number`              | —             | Placeholder height (for circles, can infer from width). |
+| `shape`     | `'rectangle' \| 'circle'`       | `'rectangle'` | Skeleton shape.                                         |
+| `className` | `string`                        | —             | Additional CSS class.                                   |
+| `style`     | `CSSProperties`                 | —             | Inline styles / CSS variable overrides.                 |
+
 ### `Switch`
 
 An accessible toggle switch built on a native `<input type="checkbox" role="switch">`.
@@ -91,17 +324,36 @@ An accessible toggle switch built on a native `<input type="checkbox" role="swit
 
 All standard `<input>` attributes (except `type`, `size`) are also supported and spread onto the underlying element.
 
+### `TextInput`
+
+Accessible text field with helper and error messaging.
+
+| Prop         | Type                                                                    | Default  | Description                                                     |
+| ------------ | ----------------------------------------------------------------------- | -------- | --------------------------------------------------------------- |
+| `label`      | `string`                                                                | —        | **Required.** Accessible label text.                            |
+| `hideLabel`  | `boolean`                                                               | `false`  | Visually hide the label (remains accessible to screen readers). |
+| `type`       | `'text' \| 'email' \| 'password' \| 'search' \| 'tel' \| 'url'`         | `'text'` | Input type.                                                     |
+| `error`      | `string`                                                                | —        | Error message text; sets `aria-invalid` and `role="alert"`.     |
+| `helperText` | `string`                                                                | —        | Helper text shown below the input.                              |
+| `disabled`   | `boolean`                                                               | `false`  | Disables the input.                                             |
+| `className`  | `string`                                                                | —        | Additional CSS class.                                           |
+| `style`      | `CSSProperties`                                                         | —        | Inline styles / CSS variable overrides.                         |
+| `ref`        | `Ref<HTMLInputElement>`                                                 | —        | Forwarded ref to the native input.                              |
+
+All standard `<input>` attributes (except `type`) are also supported and spread onto the underlying element.
+
 ### `ThemeProvider`
 
-Wraps children with theme CSS variables.
+Wraps children with theme CSS variables and controls semantic token mapping.
 
-| Prop        | Type                | Default   | Description                  |
-| ----------- | ------------------- | --------- | ---------------------------- |
-| `children`  | `ReactNode`         | —         | **Required.** Child content. |
-| `theme`     | `'light' \| 'dark'` | `'light'` | Active theme.                |
-| `id`        | `string`            | —         | Container id.                |
-| `className` | `string`            | —         | Additional CSS class.        |
-| `style`     | `CSSProperties`     | —         | Inline styles.               |
+| Prop           | Type                           | Default   | Description                                           |
+| -------------- | ------------------------------ | --------- | ----------------------------------------------------- |
+| `children`     | `ReactNode`                    | —         | **Required.** Child content.                          |
+| `theme`        | `'light' \| 'dark' \| 'system'`| `'light'` | Active theme. `'system'` follows OS preferences.      |
+| `highContrast` | `boolean`                      | `false`   | Enables high-contrast mode for better accessibility.  |
+| `id`           | `string`                       | —         | Container id.                                         |
+| `className`    | `string`                       | —         | Additional CSS class.                                 |
+| `style`        | `CSSProperties`                | —         | Inline styles.                                        |
 
 ## Theming
 
@@ -120,7 +372,6 @@ Override component visuals with CSS custom properties on any ancestor:
 Browse interactive component docs at the [hosted Storybook](https://BlizzardBlast.github.io/frey-ui) or run locally:
 
 ```bash
-cd apps/storybook
 pnpm install
 pnpm storybook
 ```

package/dist/cjs/Alert/alert.module.css.js

@@ -0,0 +1,9 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"alert":"alert-module_alert__j-fLL","alert-error":"alert-module_alert-error__U8yC8","alert-success":"alert-module_alert-success__FYP1Q","alert-warning":"alert-module_alert-warning__tuLWQ","alert-info":"alert-module_alert-info__d2xVj","alert-icon":"alert-module_alert-icon__j-8MC","alert_icon_svg":"alert-module_alert_icon_svg__EBN75","alert-content":"alert-module_alert-content__PUQPc","alert-title":"alert-module_alert-title__3yZS1","alert-message":"alert-module_alert-message__0AJ04"};
+
+exports.default = styles;
+//# sourceMappingURL=alert.module.css.js.map

package/dist/cjs/Alert/alert.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/cjs/Alert/index.js

@@ -0,0 +1,36 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var React = require('react');
+var index = require('../Icons/index.js');
+var alert_module = require('./alert.module.css.js');
+
+const VariantClassMap = {
+    error: alert_module.default['alert-error'],
+    success: alert_module.default['alert-success'],
+    warning: alert_module.default['alert-warning'],
+    info: alert_module.default['alert-info']
+};
+const VariantRoleMap = {
+    error: 'alert',
+    warning: 'alert',
+    success: 'status',
+    info: 'status'
+};
+const icons = {
+    error: (jsxRuntime.jsx(index.CircleXIcon, { size: 'lg', strokeWidth: 'bold', className: alert_module.default.alert_icon_svg })),
+    success: (jsxRuntime.jsx(index.CircleCheckIcon, { size: 'lg', strokeWidth: 'bold', className: alert_module.default.alert_icon_svg })),
+    warning: (jsxRuntime.jsx(index.TriangleAlertIcon, { size: 'lg', strokeWidth: 'bold', className: alert_module.default.alert_icon_svg })),
+    info: (jsxRuntime.jsx(index.CircleInfoIcon, { size: 'lg', strokeWidth: 'bold', className: alert_module.default.alert_icon_svg }))
+};
+const Alert = React.forwardRef(function Alert({ variant = 'info', title, children, className, style }, ref) {
+    return (jsxRuntime.jsxs("div", { ref: ref, role: VariantRoleMap[variant], className: clsx(alert_module.default.alert, VariantClassMap[variant], className), style: style, children: [jsxRuntime.jsx("span", { className: alert_module.default['alert-icon'], children: icons[variant] }), jsxRuntime.jsxs("div", { className: alert_module.default['alert-content'], children: [title && jsxRuntime.jsx("p", { className: alert_module.default['alert-title'], children: title }), jsxRuntime.jsx("p", { className: alert_module.default['alert-message'], children: children })] })] }));
+});
+Alert.displayName = 'Alert';
+
+exports.default = Alert;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/Alert/index.tsx"],"sourcesContent":[null],"names":["styles","_jsx","CircleXIcon","CircleCheckIcon","TriangleAlertIcon","CircleInfoIcon","_jsxs"],"mappings":";;;;;;;;;;;AAoBA,MAAM,eAAe,GAAiC;AACpD,IAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC5B,IAAA,OAAO,EAAEA,oBAAM,CAAC,eAAe,CAAC;AAChC,IAAA,OAAO,EAAEA,oBAAM,CAAC,eAAe,CAAC;AAChC,IAAA,IAAI,EAAEA,oBAAM,CAAC,YAAY;CAC1B;AAED,MAAM,cAAc,GAA6C;AAC/D,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,IAAI,EAAE;CACP;AAED,MAAM,KAAK,GAA0C;AACnD,IAAA,KAAK,GACHC,cAAA,CAACC,iBAAW,EAAA,EACV,IAAI,EAAC,IAAI,EACT,WAAW,EAAC,MAAM,EAClB,SAAS,EAAEF,oBAAM,CAAC,cAAc,GAChC,CACH;AACD,IAAA,OAAO,GACLC,cAAA,CAACE,qBAAe,EAAA,EACd,IAAI,EAAC,IAAI,EACT,WAAW,EAAC,MAAM,EAClB,SAAS,EAAEH,oBAAM,CAAC,cAAc,GAChC,CACH;AACD,IAAA,OAAO,GACLC,cAAA,CAACG,uBAAiB,EAAA,EAChB,IAAI,EAAC,IAAI,EACT,WAAW,EAAC,MAAM,EAClB,SAAS,EAAEJ,oBAAM,CAAC,cAAc,GAChC,CACH;AACD,IAAA,IAAI,GACFC,cAAA,CAACI,oBAAc,EAAA,EACb,IAAI,EAAC,IAAI,EACT,WAAW,EAAC,MAAM,EAClB,SAAS,EAAEL,oBAAM,CAAC,cAAc,GAChC;CAEL;AAED,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,SAAS,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,GAAG,EAAA;AACzE,IAAA,QACEM,eAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,EAC7B,SAAS,EAAE,IAAI,CAACN,oBAAM,CAAC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,EAClE,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAEZC,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAED,oBAAM,CAAC,YAAY,CAAC,EAAA,QAAA,EAAG,KAAK,CAAC,OAAO,CAAC,EAAA,CAAQ,EAC9DM,yBAAK,SAAS,EAAEN,oBAAM,CAAC,eAAe,CAAC,EAAA,QAAA,EAAA,CACpC,KAAK,IAAIC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,oBAAM,CAAC,aAAa,CAAC,EAAA,QAAA,EAAG,KAAK,GAAK,EAC1DC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,oBAAM,CAAC,eAAe,CAAC,EAAA,QAAA,EAAG,QAAQ,GAAK,CAAA,EAAA,CACjD,CAAA,EAAA,CACF;AAEV,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/cjs/Button/button.module.css.js

@@ -0,0 +1,9 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"button":"button-module_button__umKM2","button-sm":"button-module_button-sm__TiGU6","button-md":"button-module_button-md__J7V5e","button-lg":"button-module_button-lg__-SzwA","button-primary":"button-module_button-primary__v1Ube","button-secondary":"button-module_button-secondary__sWT9h","button-ghost":"button-module_button-ghost__s0pgs","button-destructive":"button-module_button-destructive__zxYP7","button-loading":"button-module_button-loading__-ye2x","spinner":"button-module_spinner__1Wrqa"};
+
+exports.default = styles;
+//# sourceMappingURL=button.module.css.js.map

package/dist/cjs/Button/button.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/cjs/Button/index.js

@@ -0,0 +1,32 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var React = require('react');
+var button_module = require('./button.module.css.js');
+
+const VariantClassMap = {
+    primary: button_module.default['button-primary'],
+    secondary: button_module.default['button-secondary'],
+    ghost: button_module.default['button-ghost'],
+    destructive: button_module.default['button-destructive']
+};
+const SizeClassMap = {
+    sm: button_module.default['button-sm'],
+    md: button_module.default['button-md'],
+    lg: button_module.default['button-lg']
+};
+const Button = React.forwardRef(function Button(_a, ref) {
+    var { as, variant = 'primary', size = 'md', loading = false, disabled = false, className, style, children } = _a, restProps = tslib.__rest(_a, ["as", "variant", "size", "loading", "disabled", "className", "style", "children"]);
+    const Component = (as !== null && as !== void 0 ? as : 'button');
+    const isButton = (as !== null && as !== void 0 ? as : 'button') === 'button';
+    return (jsxRuntime.jsxs(Component, Object.assign({ ref: ref, className: clsx(button_module.default.button, VariantClassMap[variant], SizeClassMap[size], { [button_module.default['button-loading']]: loading }, className), style: style, disabled: isButton ? disabled || loading : undefined, "aria-disabled": !isButton && (disabled || loading) ? true : undefined, type: isButton ? 'button' : undefined, "aria-busy": loading || undefined }, restProps, { children: [loading && jsxRuntime.jsx("span", { className: button_module.default.spinner, "aria-hidden": 'true' }), children] })));
+});
+Button.displayName = 'Button';
+
+exports.default = Button;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/Button/index.tsx"],"sourcesContent":[null],"names":["styles","__rest","_jsxs","_jsx"],"mappings":";;;;;;;;;;;AA+BA,MAAM,eAAe,GAAkC;AACrD,IAAA,OAAO,EAAEA,qBAAM,CAAC,gBAAgB,CAAC;AACjC,IAAA,SAAS,EAAEA,qBAAM,CAAC,kBAAkB,CAAC;AACrC,IAAA,KAAK,EAAEA,qBAAM,CAAC,cAAc,CAAC;AAC7B,IAAA,WAAW,EAAEA,qBAAM,CAAC,oBAAoB;CACzC;AAED,MAAM,YAAY,GAA+B;AAC/C,IAAA,EAAE,EAAEA,qBAAM,CAAC,WAAW,CAAC;AACvB,IAAA,EAAE,EAAEA,qBAAM,CAAC,WAAW,CAAC;AACvB,IAAA,EAAE,EAAEA,qBAAM,CAAC,WAAW;CACvB;AAED,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,MAAM,CAG7C,EAU2B,EAC3B,GAAgC,EAAA;AAXhC,IAAA,IAAA,EACE,EAAE,EACF,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,KAAK,EACL,QAAQ,EAAA,GAAA,EAEiB,EADtB,SAAS,GAAAC,YAAA,CAAA,EAAA,EATd,CAAA,IAAA,EAAA,SAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,EAAA,WAAA,EAAA,OAAA,EAAA,UAAA,CAUC,CADa;IAId,MAAM,SAAS,IAAI,EAAE,KAAA,IAAA,IAAF,EAAE,KAAA,MAAA,GAAF,EAAE,GAAI,QAAQ,CAAsB;AACvD,IAAA,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAA,IAAA,IAAF,EAAE,KAAA,MAAA,GAAF,EAAE,GAAI,QAAQ,MAAM,QAAQ;IAE9C,QACEC,eAAA,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CACbF,qBAAM,CAAC,MAAM,EACb,eAAe,CAAC,OAAO,CAAC,EACxB,YAAY,CAAC,IAAI,CAAC,EAClB,EAAE,CAACA,qBAAM,CAAC,gBAAgB,CAAC,GAAG,OAAO,EAAE,EACvC,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAAG,QAAQ,IAAI,OAAO,GAAG,SAAS,EAAA,eAAA,EACrC,CAAC,QAAQ,KAAK,QAAQ,IAAI,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,EACpE,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAAA,WAAA,EAC1B,OAAO,IAAI,SAAS,EAAA,EAC3B,SAAS,EAAA,EAAA,QAAA,EAAA,CAEZ,OAAO,IAAIG,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEH,qBAAM,CAAC,OAAO,EAAA,aAAA,EAAc,MAAM,GAAG,EACjE,QAAQ,CAAA,EAAA,CAAA,CACC;AAEhB,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/cjs/Checkbox/checkbox.module.css.js

@@ -0,0 +1,9 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"checkbox-container":"checkbox-module_checkbox-container__ljwCZ","checkbox":"checkbox-module_checkbox__-voPf","checkbox-sm":"checkbox-module_checkbox-sm__W4Bsc","checkbox-md":"checkbox-module_checkbox-md__GtRQX","checkbox-lg":"checkbox-module_checkbox-lg__Hl7wJ","checkbox-box":"checkbox-module_checkbox-box__1KZI9","checkbox-disabled":"checkbox-module_checkbox-disabled__e9Ufr","check-icon":"checkbox-module_check-icon__O2v-a","indeterminate-icon":"checkbox-module_indeterminate-icon__ujYHN","label":"checkbox-module_label__4jx3z","visually-hidden":"checkbox-module_visually-hidden__1AzKx"};
+
+exports.default = styles;
+//# sourceMappingURL=checkbox.module.css.js.map

package/dist/cjs/Checkbox/checkbox.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/cjs/Checkbox/index.js

@@ -0,0 +1,49 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var React = require('react');
+var index = require('../Icons/index.js');
+var checkbox_module = require('./checkbox.module.css.js');
+
+const SizeClassMap = {
+    sm: checkbox_module.default['checkbox-sm'],
+    md: checkbox_module.default['checkbox-md'],
+    lg: checkbox_module.default['checkbox-lg']
+};
+const Checkbox = React.forwardRef(function Checkbox(_a, forwardedRef) {
+    var { label, hideLabel = false, size = 'md', indeterminate = false, className, style, id, disabled = false } = _a, inputProps = tslib.__rest(_a, ["label", "hideLabel", "size", "indeterminate", "className", "style", "id", "disabled"]);
+    const generatedId = React.useId();
+    const inputId = id !== null && id !== void 0 ? id : generatedId;
+    const internalRef = React.useRef(null);
+    React.useLayoutEffect(() => {
+        if (internalRef.current) {
+            internalRef.current.indeterminate = indeterminate;
+        }
+    }, [indeterminate]);
+    const setRef = (node) => {
+        internalRef.current = node;
+        if (node) {
+            node.indeterminate = indeterminate;
+        }
+        if (typeof forwardedRef === 'function') {
+            forwardedRef(node);
+        }
+        else if (forwardedRef) {
+            forwardedRef.current = node;
+        }
+    };
+    return (jsxRuntime.jsxs("div", { className: clsx(checkbox_module.default['checkbox-container'], className), style: style, children: [jsxRuntime.jsxs("span", { className: clsx(checkbox_module.default.checkbox, SizeClassMap[size], {
+                    [checkbox_module.default['checkbox-disabled']]: disabled
+                }), "aria-disabled": disabled || undefined, children: [jsxRuntime.jsx("input", Object.assign({ type: 'checkbox', id: inputId, disabled: disabled, ref: setRef, "aria-checked": indeterminate ? 'mixed' : undefined }, inputProps)), jsxRuntime.jsxs("span", { className: checkbox_module.default['checkbox-box'], "aria-hidden": 'true', children: [jsxRuntime.jsx(index.CheckIcon, { className: checkbox_module.default['check-icon'], strokeWidth: 'bold', size: 'md' }), jsxRuntime.jsx(index.MinusIcon, { className: checkbox_module.default['indeterminate-icon'], strokeWidth: 'bold', size: 'md' })] })] }), jsxRuntime.jsx("label", { htmlFor: inputId, className: clsx(checkbox_module.default.label, {
+                    [checkbox_module.default['visually-hidden']]: hideLabel
+                }), children: label })] }));
+});
+Checkbox.displayName = 'Checkbox';
+
+exports.default = Checkbox;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/Checkbox/index.tsx"],"sourcesContent":[null],"names":["styles","__rest","useId","useRef","useLayoutEffect","_jsxs","_jsx","CheckIcon","MinusIcon"],"mappings":"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"}

package/dist/cjs/Chip/chip.module.css.js

@@ -0,0 +1,9 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"chip-outlined":"chip-module_chip-outlined__nsWch","chip-default":"chip-module_chip-default__W71L9","chip-default-clickable":"chip-module_chip-default-clickable__xqeqN","chip-outlined-clickable":"chip-module_chip-outlined-clickable__slYmY","chip-text":"chip-module_chip-text__VIJnW"};
+
+exports.default = styles;
+//# sourceMappingURL=chip.module.css.js.map

package/dist/cjs/Chip/chip.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/cjs/Chip/index.js

@@ -0,0 +1,48 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var React = require('react');
+var chip_module = require('./chip.module.css.js');
+
+const VariantDefaultMap = {
+    default: chip_module.default['chip-default'],
+    outlined: chip_module.default['chip-outlined']
+};
+const VariantClickableMap = {
+    default: chip_module.default['chip-default-clickable'],
+    outlined: chip_module.default['chip-outlined-clickable']
+};
+const Chip = React.forwardRef(function Chip(_a, ref) {
+    var { label, onClick, as, style, className, variant = 'default' } = _a, elementProps = tslib.__rest(_a, ["label", "onClick", "as", "style", "className", "variant"]);
+    const resolvedElement = as !== null && as !== void 0 ? as : (onClick ? 'button' : 'span');
+    const Component = resolvedElement;
+    const href = resolvedElement === 'a'
+        ? elementProps.href
+        : undefined;
+    const hasHref = typeof href === 'string' && href.trim().length > 0;
+    const isInteractive = resolvedElement === 'button' ||
+        (resolvedElement === 'a' && hasHref) ||
+        Boolean(onClick);
+    const isNonNativeInteractive = isInteractive && resolvedElement !== 'button' && resolvedElement !== 'a';
+    const handleKeyDown = isNonNativeInteractive
+        ? (event) => {
+            if (event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                event.currentTarget.click();
+            }
+        }
+        : undefined;
+    const classes = clsx(VariantDefaultMap[variant], {
+        [VariantClickableMap[variant]]: isInteractive
+    }, className);
+    return (jsxRuntime.jsx(Component, Object.assign({}, elementProps, { ref: ref, className: classes, onClick: onClick, style: style, type: resolvedElement === 'button' ? 'button' : undefined, role: isNonNativeInteractive ? 'button' : undefined, tabIndex: isNonNativeInteractive ? 0 : undefined, onKeyDown: isNonNativeInteractive ? handleKeyDown : undefined, children: jsxRuntime.jsx("span", { className: chip_module.default['chip-text'], children: label }) })));
+});
+Chip.displayName = 'Chip';
+
+exports.default = Chip;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/Chip/index.tsx"],"sourcesContent":[null],"names":["styles","__rest","_jsx"],"mappings":";;;;;;;;;;;AA+BA,MAAM,iBAAiB,GAA4B;AACjD,IAAA,OAAO,EAAEA,mBAAM,CAAC,cAAc,CAAC;AAC/B,IAAA,QAAQ,EAAEA,mBAAM,CAAC,eAAe;CACjC;AAED,MAAM,mBAAmB,GAA4B;AACnD,IAAA,OAAO,EAAEA,mBAAM,CAAC,wBAAwB,CAAC;AACzC,IAAA,QAAQ,EAAEA,mBAAM,CAAC,yBAAyB;CAC3C;AAMD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,IAAI,CACzC,EAQyB,EACzB,GAAgC,EAAA;AAThC,IAAA,IAAA,EACE,KAAK,EACL,OAAO,EACP,EAAE,EACF,KAAK,EACL,SAAS,EACT,OAAO,GAAG,SAAS,EAAA,GAAA,EAEI,EADpB,YAAY,GAAAC,YAAA,CAAA,EAAA,EAPjB,2DAQC,CADgB;AAIjB,IAAA,MAAM,eAAe,GAAG,EAAE,aAAF,EAAE,KAAA,MAAA,GAAF,EAAE,IAAK,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3D,MAAM,SAAS,GAAG,eAAoC;AACtD,IAAA,MAAM,IAAI,GACR,eAAe,KAAK;UACf,YAA8D,CAAC;UAChE,SAAS;AACf,IAAA,MAAM,OAAO,GAAG,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;AAClE,IAAA,MAAM,aAAa,GACjB,eAAe,KAAK,QAAQ;AAC5B,SAAC,eAAe,KAAK,GAAG,IAAI,OAAO,CAAC;QACpC,OAAO,CAAC,OAAO,CAAC;IAElB,MAAM,sBAAsB,GAC1B,aAAa,IAAI,eAAe,KAAK,QAAQ,IAAI,eAAe,KAAK,GAAG;IAE1E,MAAM,aAAa,GAAG;AACpB,UAAE,CAAC,KAA0B,KAAI;AAC7B,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;gBAC9C,KAAK,CAAC,cAAc,EAAE;AACrB,gBAAA,KAAK,CAAC,aAA6B,CAAC,KAAK,EAAE;YAC9C;QACF;UACA,SAAS;IAEb,MAAM,OAAO,GAAG,IAAI,CAClB,iBAAiB,CAAC,OAAO,CAAC,EAC1B;AACE,QAAA,CAAC,mBAAmB,CAAC,OAAO,CAAC,GAAG;KACjC,EACD,SAAS,CACV;AAED,IAAA,QACEC,cAAA,CAAC,SAAS,oBACJ,YAAY,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,eAAe,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,EACzD,IAAI,EAAE,sBAAsB,GAAG,QAAQ,GAAG,SAAS,EACnD,QAAQ,EAAE,sBAAsB,GAAG,CAAC,GAAG,SAAS,EAChD,SAAS,EAAE,sBAAsB,GAAG,aAAa,GAAG,SAAS,EAAA,QAAA,EAE7DA,yBAAM,SAAS,EAAEF,mBAAM,CAAC,WAAW,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAQ,EAAA,CAAA,CAC1C;AAEhB,CAAC;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/cjs/Dialog/dialog.module.css.js

@@ -0,0 +1,9 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"dialog_root":"dialog-module_dialog_root__jMqkW","dialog_content":"dialog-module_dialog_content__0IqkB","dialog_header":"dialog-module_dialog_header__VSRxM","dialog_title":"dialog-module_dialog_title__Mw7jc","dialog_close":"dialog-module_dialog_close__tuhJi","dialog_close_icon":"dialog-module_dialog_close_icon__5hPpw","dialog_description":"dialog-module_dialog_description__fh-8z","dialog_body":"dialog-module_dialog_body__5qjkS"};
+
+exports.default = styles;
+//# sourceMappingURL=dialog.module.css.js.map

package/dist/cjs/Dialog/dialog.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}