themelia-ui 1.0.0

package/dist/hooks/use-debounce.d.cts

@@ -0,0 +1,10 @@
+/**
+ * The kit-wide debounce window, in milliseconds.
+ *
+ * Every debounced interaction here waits this long before acting on typed input, so the
+ * same gesture feels the same on every surface. Pass an explicit delay only when a surface
+ * genuinely needs a different one.
+ */
+export declare const DEFAULT_DEBOUNCE_MS = 300;
+/** Debounces a VALUE. For debouncing a callback, use `useDebouncedCallback`. */
+export declare function useDebounce<T>(value: T, delay?: number): T;

package/dist/hooks/use-debounce.d.ts

@@ -0,0 +1,10 @@
+/**
+ * The kit-wide debounce window, in milliseconds.
+ *
+ * Every debounced interaction here waits this long before acting on typed input, so the
+ * same gesture feels the same on every surface. Pass an explicit delay only when a surface
+ * genuinely needs a different one.
+ */
+export declare const DEFAULT_DEBOUNCE_MS = 300;
+/** Debounces a VALUE. For debouncing a callback, use `useDebouncedCallback`. */
+export declare function useDebounce<T>(value: T, delay?: number): T;

package/dist/hooks/use-debounced-callback.d.cts

@@ -0,0 +1,24 @@
+export interface DebouncedCallback<TArgs extends unknown[]> {
+    (...args: TArgs): void;
+    /** Drops a scheduled invocation. Safe to call when nothing is pending. */
+    cancel: () => void;
+    /** Runs a scheduled invocation now. No-op when nothing is pending. */
+    flush: () => void;
+}
+/**
+ * Debounces a callback with latest-wins semantics and a STABLE identity.
+ *
+ * The returned function never changes across renders — not when the callback changes, not
+ * when `delay` changes — so it is safe to list in a dependency array. That stability is the
+ * entire point of the hook.
+ *
+ * Callers almost always pass an inline callback whose reference changes every render. A
+ * debouncer that closes over that callback returns a new function each render; an effect
+ * depending on it then re-runs on every render, and when the callback triggers a state
+ * update the pair becomes an unbounded loop. Holding the callback in a ref is the fix, and
+ * it belongs in one place rather than being rediscovered at each call site.
+ *
+ * The callback is read from the ref at fire time, so a burst always invokes the newest
+ * callback with the newest arguments. Pending work is dropped on unmount.
+ */
+export declare function useDebouncedCallback<TArgs extends unknown[]>(callback: (...args: TArgs) => void, delay?: number): DebouncedCallback<TArgs>;

package/dist/hooks/use-debounced-callback.d.ts

@@ -0,0 +1,24 @@
+export interface DebouncedCallback<TArgs extends unknown[]> {
+    (...args: TArgs): void;
+    /** Drops a scheduled invocation. Safe to call when nothing is pending. */
+    cancel: () => void;
+    /** Runs a scheduled invocation now. No-op when nothing is pending. */
+    flush: () => void;
+}
+/**
+ * Debounces a callback with latest-wins semantics and a STABLE identity.
+ *
+ * The returned function never changes across renders — not when the callback changes, not
+ * when `delay` changes — so it is safe to list in a dependency array. That stability is the
+ * entire point of the hook.
+ *
+ * Callers almost always pass an inline callback whose reference changes every render. A
+ * debouncer that closes over that callback returns a new function each render; an effect
+ * depending on it then re-runs on every render, and when the callback triggers a state
+ * update the pair becomes an unbounded loop. Holding the callback in a ref is the fix, and
+ * it belongs in one place rather than being rediscovered at each call site.
+ *
+ * The callback is read from the ref at fire time, so a burst always invokes the newest
+ * callback with the newest arguments. Pending work is dropped on unmount.
+ */
+export declare function useDebouncedCallback<TArgs extends unknown[]>(callback: (...args: TArgs) => void, delay?: number): DebouncedCallback<TArgs>;

package/dist/hooks/use-files.d.cts

@@ -0,0 +1,54 @@
+export type FileRejectionCode = "invalid-type" | "too-small" | "too-large" | "too-many" | "duplicate" | "custom";
+/** The numbers behind a rejection, for the component to write copy from. */
+export interface FileRejectionDetails {
+    extension?: string;
+    minimumBytes?: number;
+    maximumBytes?: number;
+    maximumFiles?: number;
+    /** Only ever what a `customValidator` returned. The hook writes no prose. */
+    customMessage?: string;
+}
+export interface FileRejection {
+    file: File;
+    code: FileRejectionCode;
+    details: FileRejectionDetails;
+}
+export interface FileValidationRules {
+    maxSize?: number;
+    minSize?: number;
+    /** With or without the dot, in any case: "pdf", ".PDF". */
+    allowedExtensions?: string[];
+    maxFiles?: number;
+    /** `true` accepts; a string rejects with that message; `false` rejects without one. */
+    customValidator?: (file: File) => boolean | string;
+}
+export interface FileMeta {
+    id: string;
+    file: File;
+    name: string;
+    size: number;
+    /** Already formatted, so a list does not format the same number on every render. */
+    formattedSize: string;
+    type: string;
+    extension: string;
+    lastModified: number;
+}
+export interface FileProcessingResult {
+    accepted: FileMeta[];
+    /** The whole set after this call, accepted entries included. */
+    files: FileMeta[];
+    rejections: FileRejection[];
+}
+export interface UseFilesReturn {
+    files: FileMeta[];
+    /** Appends. Returns what happened, so a caller can react without an effect. */
+    addFiles: (incoming: FileList | File[]) => FileProcessingResult;
+    /** Replaces. */
+    setFiles: (incoming: FileList | File[]) => FileProcessingResult;
+    remove: (id: string) => void;
+    removeAll: () => void;
+    rejections: FileRejection[];
+    /** The same rejections keyed by file name, for a per-row lookup. */
+    rejectionsByName: Record<string, FileRejection>;
+}
+export declare function useFiles(rules?: FileValidationRules): UseFilesReturn;

package/dist/hooks/use-files.d.ts

@@ -0,0 +1,54 @@
+export type FileRejectionCode = "invalid-type" | "too-small" | "too-large" | "too-many" | "duplicate" | "custom";
+/** The numbers behind a rejection, for the component to write copy from. */
+export interface FileRejectionDetails {
+    extension?: string;
+    minimumBytes?: number;
+    maximumBytes?: number;
+    maximumFiles?: number;
+    /** Only ever what a `customValidator` returned. The hook writes no prose. */
+    customMessage?: string;
+}
+export interface FileRejection {
+    file: File;
+    code: FileRejectionCode;
+    details: FileRejectionDetails;
+}
+export interface FileValidationRules {
+    maxSize?: number;
+    minSize?: number;
+    /** With or without the dot, in any case: "pdf", ".PDF". */
+    allowedExtensions?: string[];
+    maxFiles?: number;
+    /** `true` accepts; a string rejects with that message; `false` rejects without one. */
+    customValidator?: (file: File) => boolean | string;
+}
+export interface FileMeta {
+    id: string;
+    file: File;
+    name: string;
+    size: number;
+    /** Already formatted, so a list does not format the same number on every render. */
+    formattedSize: string;
+    type: string;
+    extension: string;
+    lastModified: number;
+}
+export interface FileProcessingResult {
+    accepted: FileMeta[];
+    /** The whole set after this call, accepted entries included. */
+    files: FileMeta[];
+    rejections: FileRejection[];
+}
+export interface UseFilesReturn {
+    files: FileMeta[];
+    /** Appends. Returns what happened, so a caller can react without an effect. */
+    addFiles: (incoming: FileList | File[]) => FileProcessingResult;
+    /** Replaces. */
+    setFiles: (incoming: FileList | File[]) => FileProcessingResult;
+    remove: (id: string) => void;
+    removeAll: () => void;
+    rejections: FileRejection[];
+    /** The same rejections keyed by file name, for a per-row lookup. */
+    rejectionsByName: Record<string, FileRejection>;
+}
+export declare function useFiles(rules?: FileValidationRules): UseFilesReturn;

package/dist/hooks/use-form-errors.d.cts

@@ -0,0 +1,25 @@
+/**
+ * Reads a server's error bag without every field re-deriving the lookup.
+ *
+ * The shape is what a form API actually returns: a partial map from field name to message,
+ * plus two reserved keys — `server` for a failure that belongs to no field, and `general`
+ * for one that belongs to all of them. Those two are the reason this is a hook rather than
+ * `errors[name]` at each call site: they have to be surfaced somewhere, and a form that
+ * only ever reads named keys silently swallows them.
+ *
+ * It holds no state. Validation, submission, and where the bag comes from are the caller's
+ * — this kit does not ship a form library, and a hook that owned the errors would be the
+ * first half of one.
+ */
+type ErrorKey<T> = Extract<keyof T, string>;
+export type ErrorBag<T> = Partial<Record<ErrorKey<T> | "server" | "general", string>>;
+export interface UseFormErrorsResult<T> {
+    getError: (field: ErrorKey<T>) => string | undefined;
+    hasError: (field: ErrorKey<T>) => boolean;
+    /** A failure that belongs to no single field. Show it above the form, not beside a control. */
+    formError: string | undefined;
+    /** True when anything at all failed, including the unattributed keys. */
+    hasAnyError: boolean;
+}
+export declare function useFormErrors<T extends Record<string, unknown> = Record<string, unknown>>(errors?: ErrorBag<T>): UseFormErrorsResult<T>;
+export {};

package/dist/hooks/use-form-errors.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Reads a server's error bag without every field re-deriving the lookup.
+ *
+ * The shape is what a form API actually returns: a partial map from field name to message,
+ * plus two reserved keys — `server` for a failure that belongs to no field, and `general`
+ * for one that belongs to all of them. Those two are the reason this is a hook rather than
+ * `errors[name]` at each call site: they have to be surfaced somewhere, and a form that
+ * only ever reads named keys silently swallows them.
+ *
+ * It holds no state. Validation, submission, and where the bag comes from are the caller's
+ * — this kit does not ship a form library, and a hook that owned the errors would be the
+ * first half of one.
+ */
+type ErrorKey<T> = Extract<keyof T, string>;
+export type ErrorBag<T> = Partial<Record<ErrorKey<T> | "server" | "general", string>>;
+export interface UseFormErrorsResult<T> {
+    getError: (field: ErrorKey<T>) => string | undefined;
+    hasError: (field: ErrorKey<T>) => boolean;
+    /** A failure that belongs to no single field. Show it above the form, not beside a control. */
+    formError: string | undefined;
+    /** True when anything at all failed, including the unattributed keys. */
+    hasAnyError: boolean;
+}
+export declare function useFormErrors<T extends Record<string, unknown> = Record<string, unknown>>(errors?: ErrorBag<T>): UseFormErrorsResult<T>;
+export {};

package/dist/hooks/use-hydrated.d.cts

@@ -0,0 +1 @@
+export declare function useHydrated(): boolean;

package/dist/hooks/use-hydrated.d.ts

@@ -0,0 +1 @@
+export declare function useHydrated(): boolean;

package/dist/hooks/use-latest.d.cts

@@ -0,0 +1,17 @@
+import { RefObject } from 'react';
+/**
+ * The latest value, readable from a callback that must stay stable.
+ *
+ * The reason a component reaches for this: a `useCallback` handed to consumers or
+ * registered on a DOM listener must not be rebuilt every render, and must not close over a
+ * value that goes stale. Six places wrote it as `const ref = useRef(x); ref.current = x` —
+ * assigned during render, which React does not allow, because a render that is thrown away
+ * has still written to the ref.
+ *
+ * Assigning after commit is the fix, and it is what `filter-context` already did for two of
+ * its three refs while the third was written during render. The distinction that makes it
+ * safe: everything stored here is read from an EVENT — a click, a listener, a resolved
+ * fetch — which happens after the commit that updated it. Nothing reads it during render,
+ * and it would be wrong to.
+ */
+export declare function useLatest<T>(value: T): RefObject<T>;

package/dist/hooks/use-latest.d.ts

@@ -0,0 +1,17 @@
+import { RefObject } from 'react';
+/**
+ * The latest value, readable from a callback that must stay stable.
+ *
+ * The reason a component reaches for this: a `useCallback` handed to consumers or
+ * registered on a DOM listener must not be rebuilt every render, and must not close over a
+ * value that goes stale. Six places wrote it as `const ref = useRef(x); ref.current = x` —
+ * assigned during render, which React does not allow, because a render that is thrown away
+ * has still written to the ref.
+ *
+ * Assigning after commit is the fix, and it is what `filter-context` already did for two of
+ * its three refs while the third was written during render. The distinction that makes it
+ * safe: everything stored here is read from an EVENT — a click, a listener, a resolved
+ * fetch — which happens after the commit that updated it. Nothing reads it during render,
+ * and it would be wrong to.
+ */
+export declare function useLatest<T>(value: T): RefObject<T>;

package/dist/hooks/use-mobile.d.cts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/hooks/use-native-dialog.d.cts

@@ -0,0 +1,52 @@
+import * as React from "react";
+/** How much of the page the surface takes hostage while it is open. */
+export type OverlayModality = boolean | "trap-focus";
+export type UseNativeDialogOptions = {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * `true` — `showModal()`: focus trap, scrim, inert page, scroll lock.
+     * `'trap-focus'` — focus stays inside, but the page keeps its scroll and pointer
+     *   events. For a panel you work *beside*: an inspector, a live filter rail.
+     * `false` — non-modal. Opens through the popover API, which is also top layer but
+     *   carries no backdrop and no focus trap.
+     */
+    modal?: OverlayModality;
+    /** Allows a backdrop click to dismiss. */
+    closeOnBackdropClick?: boolean;
+    /** Allows Escape to dismiss. `false` for destructive or in-progress work. */
+    closeOnEscape?: boolean;
+    /** Element to focus on open, instead of the first tabbable node. */
+    initialFocusRef?: React.RefObject<HTMLElement | null>;
+};
+/**
+ * Syncs a controlled `open` prop with a native `<dialog>`.
+ *
+ * The element is imperative — `showModal()` / `close()` — while the component API is
+ * declarative, so this hook is the seam between them. It also covers what `<dialog>`
+ * deliberately leaves to the author.
+ *
+ * **Reporting native closes.** Esc, a `<form method="dialog">` submit, and any imperative
+ * `close()` shut the element without telling React. Reported through the element's own
+ * `onClose` prop, which a re-render cannot detach.
+ *
+ * **Surviving the resulting race.** The `close` event is dispatched asynchronously, so
+ * there is a window where the DOM is closed but React still believes it is open. A click
+ * then calls `setOpen(true)` with the value already `true`; React bails out, no render
+ * happens, no effect runs, and the dialog stays shut — it looks like the overlay breaks
+ * after one dismissal. `reconcile()` exists so callers can correct the element directly.
+ *
+ * **Light dismiss.** A modal `<dialog>` does NOT close on backdrop click.
+ *
+ * **Escape.** The UA closes on Esc unless the `cancel` event is prevented, which is
+ * exactly what `closeOnEscape: false` needs — no key handler of our own.
+ *
+ * **Scroll lock.** `showModal()` blocks interaction but several browsers still scroll
+ * the page behind.
+ */
+export declare function useNativeDialog({ open, onOpenChange, modal, closeOnBackdropClick, closeOnEscape, initialFocusRef, }: UseNativeDialogOptions): {
+    ref: React.RefObject<HTMLDialogElement | null>;
+    onClose: () => void;
+    onCancel: (event: React.SyntheticEvent<HTMLDialogElement>) => void;
+    reconcile: (next?: boolean) => void;
+};

package/dist/hooks/use-native-dialog.d.ts

@@ -0,0 +1,52 @@
+import * as React from "react";
+/** How much of the page the surface takes hostage while it is open. */
+export type OverlayModality = boolean | "trap-focus";
+export type UseNativeDialogOptions = {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * `true` — `showModal()`: focus trap, scrim, inert page, scroll lock.
+     * `'trap-focus'` — focus stays inside, but the page keeps its scroll and pointer
+     *   events. For a panel you work *beside*: an inspector, a live filter rail.
+     * `false` — non-modal. Opens through the popover API, which is also top layer but
+     *   carries no backdrop and no focus trap.
+     */
+    modal?: OverlayModality;
+    /** Allows a backdrop click to dismiss. */
+    closeOnBackdropClick?: boolean;
+    /** Allows Escape to dismiss. `false` for destructive or in-progress work. */
+    closeOnEscape?: boolean;
+    /** Element to focus on open, instead of the first tabbable node. */
+    initialFocusRef?: React.RefObject<HTMLElement | null>;
+};
+/**
+ * Syncs a controlled `open` prop with a native `<dialog>`.
+ *
+ * The element is imperative — `showModal()` / `close()` — while the component API is
+ * declarative, so this hook is the seam between them. It also covers what `<dialog>`
+ * deliberately leaves to the author.
+ *
+ * **Reporting native closes.** Esc, a `<form method="dialog">` submit, and any imperative
+ * `close()` shut the element without telling React. Reported through the element's own
+ * `onClose` prop, which a re-render cannot detach.
+ *
+ * **Surviving the resulting race.** The `close` event is dispatched asynchronously, so
+ * there is a window where the DOM is closed but React still believes it is open. A click
+ * then calls `setOpen(true)` with the value already `true`; React bails out, no render
+ * happens, no effect runs, and the dialog stays shut — it looks like the overlay breaks
+ * after one dismissal. `reconcile()` exists so callers can correct the element directly.
+ *
+ * **Light dismiss.** A modal `<dialog>` does NOT close on backdrop click.
+ *
+ * **Escape.** The UA closes on Esc unless the `cancel` event is prevented, which is
+ * exactly what `closeOnEscape: false` needs — no key handler of our own.
+ *
+ * **Scroll lock.** `showModal()` blocks interaction but several browsers still scroll
+ * the page behind.
+ */
+export declare function useNativeDialog({ open, onOpenChange, modal, closeOnBackdropClick, closeOnEscape, initialFocusRef, }: UseNativeDialogOptions): {
+    ref: React.RefObject<HTMLDialogElement | null>;
+    onClose: () => void;
+    onCancel: (event: React.SyntheticEvent<HTMLDialogElement>) => void;
+    reconcile: (next?: boolean) => void;
+};

package/dist/hooks/use-object-urls.d.cts

@@ -0,0 +1,20 @@
+/**
+ * One object URL per file, revoked when the file leaves the list.
+ *
+ * `URL.createObjectURL` pins the blob in memory until it is revoked, so a picker that
+ * mints a URL per render and never revokes leaks the whole file — which for an image
+ * gallery is megabytes per re-render.
+ *
+ * The list is compared by File IDENTITY rather than by array identity. A caller passing
+ * `value={[...files]}` — or any inline array — hands over a new array on every render, and
+ * an effect keyed on that would revoke and re-mint every URL each time. That churn also
+ * makes every <img> flicker, because the src it is holding is revoked out from under it.
+ *
+ * ── Why the revoke is not in the effect's cleanup ────────────────────────────────────
+ * That is the obvious place for it and it is wrong under StrictMode, which runs the effect,
+ * then the cleanup, then the effect again. The cleanup revoked the very URLs the state had
+ * just been given, so the first paint pointed at dead blobs and the console filled with
+ * ERR_FILE_NOT_FOUND — one per image. Replacing the previous set on the way IN has no such
+ * window: the old URLs are only dropped once new ones exist to take their place.
+ */
+export declare function useObjectUrls(files: readonly File[]): string[];

package/dist/hooks/use-object-urls.d.ts

@@ -0,0 +1,20 @@
+/**
+ * One object URL per file, revoked when the file leaves the list.
+ *
+ * `URL.createObjectURL` pins the blob in memory until it is revoked, so a picker that
+ * mints a URL per render and never revokes leaks the whole file — which for an image
+ * gallery is megabytes per re-render.
+ *
+ * The list is compared by File IDENTITY rather than by array identity. A caller passing
+ * `value={[...files]}` — or any inline array — hands over a new array on every render, and
+ * an effect keyed on that would revoke and re-mint every URL each time. That churn also
+ * makes every <img> flicker, because the src it is holding is revoked out from under it.
+ *
+ * ── Why the revoke is not in the effect's cleanup ────────────────────────────────────
+ * That is the obvious place for it and it is wrong under StrictMode, which runs the effect,
+ * then the cleanup, then the effect again. The cleanup revoked the very URLs the state had
+ * just been given, so the first paint pointed at dead blobs and the console filled with
+ * ERR_FILE_NOT_FOUND — one per image. Replacing the previous set on the way IN has no such
+ * window: the old URLs are only dropped once new ones exist to take their place.
+ */
+export declare function useObjectUrls(files: readonly File[]): string[];

package/dist/hooks/use-synced-state.d.cts

@@ -0,0 +1,15 @@
+import { Dispatch, SetStateAction } from 'react';
+/**
+ * Local state seeded from a prop, and re-seeded whenever that prop changes.
+ *
+ * Four filter editors and a media tile each wrote this as
+ * `useEffect(() => setStaged(value), [value])`, which works and costs a wasted render every
+ * time: React commits the stale value, runs the effect, and renders again. Adjusting during
+ * render is the shape React documents for exactly this, and it never commits the stale one —
+ * a filter popover reopening on a new value no longer shows the old selection for a frame.
+ *
+ * Comparison is by identity, which is what the effect's dependency array did too. A caller
+ * that rebuilds the prop on every render re-seeds on every render under either version, so
+ * this is not a new constraint — but it is worth knowing it was always there.
+ */
+export declare function useSyncedState<T>(value: T): [T, Dispatch<SetStateAction<T>>];

package/dist/hooks/use-synced-state.d.ts

@@ -0,0 +1,15 @@
+import { Dispatch, SetStateAction } from 'react';
+/**
+ * Local state seeded from a prop, and re-seeded whenever that prop changes.
+ *
+ * Four filter editors and a media tile each wrote this as
+ * `useEffect(() => setStaged(value), [value])`, which works and costs a wasted render every
+ * time: React commits the stale value, runs the effect, and renders again. Adjusting during
+ * render is the shape React documents for exactly this, and it never commits the stale one —
+ * a filter popover reopening on a new value no longer shows the old selection for a frame.
+ *
+ * Comparison is by identity, which is what the effect's dependency array did too. A caller
+ * that rebuilds the prop on every render re-seeds on every render under either version, so
+ * this is not a new constraint — but it is worth knowing it was always there.
+ */
+export declare function useSyncedState<T>(value: T): [T, Dispatch<SetStateAction<T>>];

package/dist/icons.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <symbol id="bluesky-icon" viewBox="0 0 16 17">
+    <g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
+    <defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
+  </symbol>
+  <symbol id="discord-icon" viewBox="0 0 20 19">
+    <path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
+  </symbol>
+  <symbol id="documentation-icon" viewBox="0 0 21 20">
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
+  </symbol>
+  <symbol id="github-icon" viewBox="0 0 19 19">
+    <path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
+  </symbol>
+  <symbol id="social-icon" viewBox="0 0 20 20">
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
+  </symbol>
+  <symbol id="x-icon" viewBox="0 0 19 19">
+    <path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
+  </symbol>
+</svg>

package/dist/index.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./ui-provider-BS7QPJVb.cjs"),t=require("./primitives-Bcjsjg7A.cjs");exports.Address=t.t,exports.CSPProvider=e.f,exports.Coordinates=t.o,exports.DEFAULT_ADDRESS_ORDER=t.n,exports.DEFAULT_UI_CONFIG=e.x,exports.Date=t.f,exports.DatePrimitive=t.f,exports.DateRange=t.p,exports.DateTime=t.m,exports.Dimensions=t.y,exports.Duration=t.x,exports.Email=t.D,exports.EmptyValue=t.z,exports.FileSize=t.S,exports.Initials=t.F,exports.InlineList=t.s,exports.Link=t.O,exports.Measure=t.c,exports.Money=t.E,exports.MonoValue=t.B,exports.MutedValue=t.V,exports.Name=t.L,exports.Number=t.w,exports.Percent=t.T,exports.Phone=t.k,exports.Quantity=t.l,exports.Range=t.a,exports.Rating=t.u,exports.Ratio=t.d,exports.RelativeTime=t.h,exports.Scope=e.d,exports.SecondaryValue=t.H,exports.Time=t.g,exports.UIConfigContext=e.v,exports.UINestedContext=e.y,exports.UIPortalHost=e.u,exports.UIProvider=e.p,exports.UIRoot=e.h,exports.UIScope=e.m,exports.Url=t.A,exports.Value=t.U,exports.configToAttributes=e.g,exports.configToCssVars=e._,exports.defaultCoordinatesStrings=t.j,exports.defaultInlineListStrings=t.M,exports.defaultRatingStrings=t.N,exports.defaultRatioStrings=t.P,exports.formatAddress=t.r,exports.formatAddressLines=t.i,exports.formatDateRange=t._,exports.formatDimensions=t.b,exports.formatFileSize=t.C,exports.formatInitials=t.I,exports.formatName=t.R,exports.mergeUIConfig=e.b,exports.parseDateInput=t.v,exports.useDatesConfig=e.t,exports.useDefaults=e.n,exports.useDensity=e.r,exports.useFormatting=e.i,exports.useMoneyConfig=e.a,exports.useScale=e.o,exports.useTypographyConfig=e.s,exports.useUIConfig=e.c,exports.useUIPortalContainer=e.l;

package/dist/index.css

@@ -0,0 +1,3 @@
+@import "core.css";
+@import "css/primitives.css";
+@import "css/typography.css";

package/dist/index.d.cts

@@ -0,0 +1,2 @@
+export * from './components/primitives/index.cjs';
+export * from './lib/ui-provider/index.cjs';

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components/primitives/index.js';
+export * from './lib/ui-provider/index.js';

package/dist/index.js

@@ -0,0 +1,5 @@
+"use client";
+import "./core.css";
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, x as y, y as b } from "./ui-provider-DvO3G7xp.js";
+import { A as x, B as S, C, D as w, E as T, F as E, H as D, I as O, L as k, M as ee, N as A, O as j, P as M, R as N, S as P, T as F, U as I, V as L, _ as R, a as z, b as B, c as V, d as H, f as U, g as W, h as G, i as K, j as q, k as J, l as Y, m as X, n as Z, o as Q, p as $, r as te, s as ne, t as re, u as ie, v as ae, w as oe, x as se, y as ce, z as le } from "./primitives-D-cyAv5O.js";
+export { re as Address, a as CSPProvider, Q as Coordinates, Z as DEFAULT_ADDRESS_ORDER, y as DEFAULT_UI_CONFIG, U as Date, U as DatePrimitive, $ as DateRange, X as DateTime, ce as Dimensions, se as Duration, w as Email, le as EmptyValue, P as FileSize, E as Initials, ne as InlineList, j as Link, V as Measure, T as Money, S as MonoValue, L as MutedValue, k as Name, oe as Number, F as Percent, J as Phone, Y as Quantity, z as Range, ie as Rating, H as Ratio, G as RelativeTime, i as Scope, D as SecondaryValue, W as Time, v as UIConfigContext, b as UINestedContext, _ as UIPortalHost, p as UIProvider, s as UIRoot, u as UIScope, x as Url, I as Value, o as configToAttributes, e as configToCssVars, q as defaultCoordinatesStrings, ee as defaultInlineListStrings, A as defaultRatingStrings, M as defaultRatioStrings, te as formatAddress, K as formatAddressLines, R as formatDateRange, B as formatDimensions, C as formatFileSize, O as formatInitials, N as formatName, n as mergeUIConfig, ae as parseDateInput, g as useDatesConfig, d as useDefaults, m as useDensity, c as useFormatting, t as useMoneyConfig, f as useScale, h as useTypographyConfig, r as useUIConfig, l as useUIPortalContainer };

package/dist/input-group-BOAOqzrn.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./cvm-CHrYqf6y.cjs"),n=require("./typography-kBzTy-jM.cjs"),r=require("./buttons-CQc0AVpb.cjs"),i=require("./text-inputs-Dp4Fczk4.cjs");let a=require("react");a=e.t(a,1);let o=require("react/jsx-runtime"),s=require("clsx");var c={light:`input-group-module__light___TEeTI`,dark:`input-group-module__dark___BFij8`,root:`input-group-module__root___7Zp-w`,addon:`input-group-module__addon___Jv7Qe`,alignInlineStart:`input-group-module__alignInlineStart___ZuVhJ`,alignInlineEnd:`input-group-module__alignInlineEnd___wetcv`,alignBlockStart:`input-group-module__alignBlockStart___Ftei-`,alignBlockEnd:`input-group-module__alignBlockEnd___1fBGc`,button:`input-group-module__button___CF9mH`,buttonXs:`input-group-module__buttonXs___6J-sZ`,buttonIconXs:`input-group-module__buttonIconXs___WFeb6`,buttonIconSm:`input-group-module__buttonIconSm___A-8qd`,text:`input-group-module__text___4NF4K`,control:`input-group-module__control___NLwIa`,controlTextarea:`input-group-module__controlTextarea___dM-OM`};function l({className:e,...t}){return(0,o.jsx)(`div`,{"data-slot":`input-group`,role:`group`,className:(0,s.clsx)(c.root,e),...t})}var u=t.t(c.addon,{variants:{align:{"inline-start":c.alignInlineStart,"inline-end":c.alignInlineEnd,"block-start":c.alignBlockStart,"block-end":c.alignBlockEnd}},defaultVariants:{align:`inline-start`}});function d({className:e,align:t=`inline-start`,...n}){return(0,o.jsx)(`div`,{role:`group`,"data-slot":`input-group-addon`,"data-align":t,className:u({align:t,className:e}),onClick:e=>{e.target.closest(`button`)||e.currentTarget.parentElement?.querySelector(`input`)?.focus()},...n})}var f=t.t(c.button,{variants:{size:{xs:c.buttonXs,sm:void 0,"icon-xs":c.buttonIconXs,"icon-sm":c.buttonIconSm}},defaultVariants:{size:`xs`}});function p({className:e,type:t=`button`,tone:n=`neutral`,buttonStyle:i=`ghost`,size:a=`xs`,...s}){return(0,o.jsx)(r.c,{type:t,"data-size":a,tone:n,buttonStyle:i,className:f({size:a,className:e}),...s})}function m({className:e,...t}){return(0,o.jsx)(n.o,{tag:`span`,size:`inherit`,type:`secondary`,className:(0,s.clsx)(c.text,e),...t})}function h({className:e,...t}){return(0,o.jsx)(i.l,{className:(0,s.clsx)(c.control,e),...t})}function g({className:e,...t}){return(0,o.jsx)(i.c,{className:(0,s.clsx)(c.control,c.controlTextarea,e),...t})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/input-group-D0KxyK9W.js

@@ -0,0 +1,104 @@
+import "./css/input-group.css";
+import { t as e } from "./cvm-DtsCA8iZ.js";
+import { t } from "./cx--CBrhWH0.js";
+import { o as n } from "./typography-vC_wwEBm.js";
+import { c as r } from "./buttons-CabBjPap.js";
+import { c as i, l as a } from "./text-inputs-BMW3hP0R.js";
+import "react";
+import { jsx as o } from "react/jsx-runtime";
+var s = {
+	light: "input-group-module__light___TEeTI",
+	dark: "input-group-module__dark___BFij8",
+	root: "input-group-module__root___7Zp-w",
+	addon: "input-group-module__addon___Jv7Qe",
+	alignInlineStart: "input-group-module__alignInlineStart___ZuVhJ",
+	alignInlineEnd: "input-group-module__alignInlineEnd___wetcv",
+	alignBlockStart: "input-group-module__alignBlockStart___Ftei-",
+	alignBlockEnd: "input-group-module__alignBlockEnd___1fBGc",
+	button: "input-group-module__button___CF9mH",
+	buttonXs: "input-group-module__buttonXs___6J-sZ",
+	buttonIconXs: "input-group-module__buttonIconXs___WFeb6",
+	buttonIconSm: "input-group-module__buttonIconSm___A-8qd",
+	text: "input-group-module__text___4NF4K",
+	control: "input-group-module__control___NLwIa",
+	controlTextarea: "input-group-module__controlTextarea___dM-OM"
+};
+//#endregion
+//#region src/components/base/input-group/input-group.tsx
+function c({ className: e, ...n }) {
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "input-group",
+		role: "group",
+		className: t(s.root, e),
+		...n
+	});
+}
+var l = e(s.addon, {
+	variants: { align: {
+		"inline-start": s.alignInlineStart,
+		"inline-end": s.alignInlineEnd,
+		"block-start": s.alignBlockStart,
+		"block-end": s.alignBlockEnd
+	} },
+	defaultVariants: { align: "inline-start" }
+});
+function u({ className: e, align: t = "inline-start", ...n }) {
+	return /* @__PURE__ */ o("div", {
+		role: "group",
+		"data-slot": "input-group-addon",
+		"data-align": t,
+		className: l({
+			align: t,
+			className: e
+		}),
+		onClick: (e) => {
+			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
+		},
+		...n
+	});
+}
+var d = e(s.button, {
+	variants: { size: {
+		xs: s.buttonXs,
+		sm: void 0,
+		"icon-xs": s.buttonIconXs,
+		"icon-sm": s.buttonIconSm
+	} },
+	defaultVariants: { size: "xs" }
+});
+function f({ className: e, type: t = "button", tone: n = "neutral", buttonStyle: i = "ghost", size: a = "xs", ...s }) {
+	return /* @__PURE__ */ o(r, {
+		type: t,
+		"data-size": a,
+		tone: n,
+		buttonStyle: i,
+		className: d({
+			size: a,
+			className: e
+		}),
+		...s
+	});
+}
+function p({ className: e, ...r }) {
+	return /* @__PURE__ */ o(n, {
+		tag: "span",
+		size: "inherit",
+		type: "secondary",
+		className: t(s.text, e),
+		...r
+	});
+}
+function m({ className: e, ...n }) {
+	return /* @__PURE__ */ o(a, {
+		className: t(s.control, e),
+		...n
+	});
+}
+function h({ className: e, ...n }) {
+	return /* @__PURE__ */ o(i, {
+		className: t(s.control, s.controlTextarea, e),
+		...n
+	});
+}
+//#endregion
+export { p as a, m as i, u as n, h as o, f as r, c as t };