asheeui 1.1.1 → 2.0.0

package/dist/components/loading-state/loading-state-config.d.ts

@@ -0,0 +1,49 @@
+import { Size, Space } from '../../shared';
+/**
+ * Theme configuration options for the LoadingState component.
+ *
+ * Set under `components.loadingstate` in the AsheeUI config. Values feed the
+ * component-level tier of the theme cascade.
+ */
+export interface LoadingStateConfig {
+    /**
+     * Text announced and shown while the region loads.
+     *
+     * @default "Loading"
+     */
+    label?: string;
+    /**
+     * Density of the indicator and of the label.
+     *
+     * @default "md"
+     */
+    size?: Size;
+    /**
+     * Whether the state is drawn as a panel.
+     * A panel suits a region inside a dashboard; without one the state sits
+     * directly on the page, which suits a whole-page load.
+     *
+     * @default false
+     */
+    panel?: boolean;
+    /**
+     * Room the state claims, so the page does not jump when the content arrives.
+     *
+     * @default "sm"
+     */
+    minHeight?: Space;
+}
+/**
+ * Default config values registered for the LoadingState component.
+ */
+export declare const defaultLoadingStateConfig: LoadingStateConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        loadingstate: LoadingStateConfig;
+    }
+}
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_LOADING_STATE_CONFIG: Required<LoadingStateConfig>;
+//# sourceMappingURL=loading-state-config.d.ts.map

package/dist/components/loading-state/loading-state-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-state-config.d.ts","sourceRoot":"","sources":["../../../src/components/loading-state/loading-state-config.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,kBAKvC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF;AAID;;GAEG;AACH,eAAO,MAAM,6BAA6B,EAAE,QAAQ,CAAC,kBAAkB,CAKtE,CAAC"}

package/dist/components/loading-state/loading-state-config.js

@@ -0,0 +1,18 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/loading-state/loading-state-config.ts
+var t = {
+	label: "Loading",
+	size: "md",
+	panel: !1,
+	minHeight: "sm"
+};
+e("loadingstate", t);
+var n = {
+	label: "Loading",
+	size: "md",
+	panel: !1,
+	minHeight: "sm"
+};
+//#endregion
+export { n as FALLBACK_LOADING_STATE_CONFIG, t as defaultLoadingStateConfig };

package/dist/components/loading-state/loading-state-styles.d.ts

@@ -0,0 +1,12 @@
+import { Size } from '../../shared';
+/** The loading region, which centres its indicator and its label. */
+export declare const LOADING_STATE_CLASS = "flex w-full min-w-0 flex-col items-center justify-center gap-3 text-center";
+/**
+ * The panel treatment, for a loading region inside a surface.
+ * It carries no padding of its own: the density decides the room, so a panel and
+ * a bare region of the same size agree.
+ */
+export declare const LOADING_STATE_PANEL_CLASS = "rounded-md border border-border bg-background";
+/** Vertical padding for each density. */
+export declare const LOADING_STATE_SIZE_CLASS: Record<Size, string>;
+//# sourceMappingURL=loading-state-styles.d.ts.map

package/dist/components/loading-state/loading-state-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-state-styles.d.ts","sourceRoot":"","sources":["../../../src/components/loading-state/loading-state-styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,qEAAqE;AACrE,eAAO,MAAM,mBAAmB,+EAC8C,CAAC;AAE/E;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,kDACW,CAAC;AAElD,yCAAyC;AACzC,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIzD,CAAC"}

package/dist/components/loading-state/loading-state-styles.js

@@ -0,0 +1,9 @@
+"use client";
+//#region src/components/loading-state/loading-state-styles.ts
+var e = "flex w-full min-w-0 flex-col items-center justify-center gap-3 text-center", t = "rounded-md border border-border bg-background", n = {
+	sm: "py-4",
+	md: "py-8",
+	lg: "py-12"
+};
+//#endregion
+export { e as LOADING_STATE_CLASS, t as LOADING_STATE_PANEL_CLASS, n as LOADING_STATE_SIZE_CLASS };

package/dist/components/marketing-layout/MarketingLayout.d.ts

@@ -0,0 +1,83 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { MarketingLayoutConfig } from './marketing-layout-config';
+type BaseMarketingLayoutProps = MarketingLayoutConfig & Omit<HTMLAttributes<HTMLDivElement>, "color">;
+/**
+ * Props for the MarketingLayout component.
+ */
+export interface MarketingLayoutProps extends BaseMarketingLayoutProps {
+    /**
+     * The page's navigation, above the main region.
+     * The framework's `Navbar` renders a `header` landmark, so it belongs here
+     * unwrapped; a consumer's own navigation element does too.
+     */
+    navigation?: ReactNode;
+    /**
+     * The page's footer, below the main region.
+     * The framework's `Footer` renders a `footer` landmark, so it belongs here
+     * unwrapped.
+     */
+    footer?: ReactNode;
+    /**
+     * The page's sections, in the order they appear: a hero, then the supporting
+     * sections, then the closing call to action.
+     */
+    children?: ReactNode;
+    /**
+     * Identifier of the main region, which the skip link points at.
+     * A page with more than one composition on it gives each one its own.
+     *
+     * @default "main-content"
+     */
+    mainId?: string;
+    /**
+     * Element to render the shell as.
+     * Defaults to a `div`.
+     *
+     * @default "div"
+     */
+    as?: ElementType;
+}
+/**
+ * The arrangement a marketing page is built in.
+ *
+ * The composition states the page's structure once: navigation first, then a
+ * `main` landmark holding the sections, then the footer, with a skip link as the
+ * first focusable element so a keyboard reader can pass the navigation. Which
+ * sections exist, in what order, and whether they appear at all stay the
+ * consumer's decision, because they are passed as children.
+ *
+ * The composition paints the page background and takes the viewport height. It
+ * adds no width and no rhythm of its own: `Section`, `Container` and `Grid`
+ * inside the sections decide those, which is what keeps a section usable on its
+ * own.
+ *
+ * @param props - MarketingLayout configuration options and element attributes.
+ * @param props.navigation - The navigation, above the main region.
+ * @param props.footer - The footer, below the main region.
+ * @param props.children - The sections, in order.
+ * @param props.mainId - Identifier of the main region. Defaults to
+ * "main-content".
+ * @param props.skipLink - Render a skip link. Defaults to true.
+ * @param props.skipLinkLabel - Wording of the skip link. Defaults to "Skip to
+ * content".
+ * @param props.background - Background to paint. Defaults to "default".
+ * @param props.as - Element to render. Defaults to "div".
+ * @returns The rendered page.
+ *
+ * @example
+ * ```tsx
+ * <MarketingLayout
+ *   navigation={<Navbar brand="Ashee" links={links} actions={actions} />}
+ *   footer={<Footer brand="Ashee" groups={groups} />}>
+ *   <Hero eyebrow="AsheeUI 2.0" title="A complete UI system" primaryAction={start} />
+ *   <FeatureGrid title="Everything a page needs" features={features} />
+ *   <CTA title="Start building" primaryAction={start} />
+ * </MarketingLayout>
+ * ```
+ *
+ * @see DocsLayout - The documentation composition.
+ * @see SidebarLayout - The application shell, for a page with a navigation column.
+ */
+export declare const MarketingLayout: import('react').ForwardRefExoticComponent<MarketingLayoutProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=MarketingLayout.d.ts.map

package/dist/components/marketing-layout/MarketingLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketingLayout.d.ts","sourceRoot":"","sources":["../../../src/components/marketing-layout/MarketingLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,2BAA2B,CAAC;AAOnC,KAAK,wBAAwB,GAAG,qBAAqB,GACnD,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB;IACpE;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,eAAe,iHAiD3B,CAAC"}

package/dist/components/marketing-layout/MarketingLayout.js

@@ -0,0 +1,40 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { resolveConfigCascade as n } from "../../utils/resolve-token.js";
+import { SkipLink as r } from "../section-kit/SkipLink.js";
+import { FALLBACK_MARKETING_LAYOUT_CONFIG as i } from "./marketing-layout-config.js";
+import { MARKETING_LAYOUT_BACKGROUND_CLASS as a, MARKETING_LAYOUT_BASE_CLASS as o, MARKETING_LAYOUT_MAIN_CLASS as s } from "./marketing-layout-styles.js";
+import { forwardRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/marketing-layout/MarketingLayout.tsx
+var d = c(({ navigation: c, footer: d, children: f, mainId: p = "main-content", skipLink: m, skipLinkLabel: h, background: g, as: _, className: v, ...y }, b) => {
+	let x = t(), S = n({
+		skipLink: m,
+		skipLinkLabel: h,
+		background: g
+	}, x.components?.marketinglayout, i);
+	return /* @__PURE__ */ u(_ ?? "div", {
+		ref: b,
+		className: e(o, a[S.background], v),
+		...y,
+		children: [
+			S.skipLink && /* @__PURE__ */ l(r, {
+				targetId: p,
+				label: S.skipLinkLabel
+			}),
+			c,
+			/* @__PURE__ */ l("main", {
+				id: p,
+				tabIndex: -1,
+				className: s,
+				children: f
+			}),
+			d
+		]
+	});
+});
+d.displayName = "MarketingLayout";
+//#endregion
+export { d as MarketingLayout };

package/dist/components/marketing-layout/index.d.ts

@@ -0,0 +1,3 @@
+export * from './MarketingLayout';
+export * from './marketing-layout-config';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/marketing-layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/marketing-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC"}

package/dist/components/marketing-layout/index.js

@@ -0,0 +1,3 @@
+export * from "./MarketingLayout.js";
+export * from "./marketing-layout-config.js";
+export * from "./marketing-layout-styles.js";

package/dist/components/marketing-layout/marketing-layout-config.d.ts

@@ -0,0 +1,60 @@
+/**
+ * MarketingLayout component configuration for AsheeUI.
+ * This file defines the configuration type and defaults for the marketing page
+ * composition: whether it renders a skip link, what that link says, and which
+ * background it paints. It registers the default configuration with the
+ * component registry and provides fallback values for the cascade resolution
+ * system.
+ */
+/**
+ * The background a marketing composition paints behind its content.
+ *
+ * - `default`: the theme background, for a page whose sections carry their own
+ *   surfaces.
+ * - `muted`: a recessed background, for a page whose sections are cards.
+ */
+export type MarketingLayoutBackground = "default" | "muted";
+/**
+ * Theme configuration options for the MarketingLayout component.
+ *
+ * Set under `components.marketinglayout` in the AsheeUI config. Values feed the
+ * component-level tier of the theme cascade.
+ */
+export interface MarketingLayoutConfig {
+    /**
+     * Whether the composition renders a skip link to its main region.
+     * A marketing page leads with navigation, so a keyboard reader needs to be
+     * able to pass it; the link is rendered as the first focusable element.
+     *
+     * @default true
+     */
+    skipLink?: boolean;
+    /**
+     * Wording of the skip link.
+     *
+     * @default "Skip to content"
+     */
+    skipLinkLabel?: string;
+    /**
+     * Background the composition paints.
+     *
+     * @default "default"
+     */
+    background?: MarketingLayoutBackground;
+}
+/**
+ * Default config values registered for the MarketingLayout component.
+ * The skip link is on by default because it is the accessible choice, and it
+ * costs nothing when it is not used.
+ */
+export declare const defaultMarketingLayoutConfig: MarketingLayoutConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        marketinglayout: MarketingLayoutConfig;
+    }
+}
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_MARKETING_LAYOUT_CONFIG: Required<MarketingLayoutConfig>;
+//# sourceMappingURL=marketing-layout-config.d.ts.map

package/dist/components/marketing-layout/marketing-layout-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-layout-config.d.ts","sourceRoot":"","sources":["../../../src/components/marketing-layout/marketing-layout-config.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH;;;;;;GAMG;AACH,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,OAAO,CAAC;AAE5D;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;CACxC;AAED;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,EAAE,qBAI1C,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,eAAe,EAAE,qBAAqB,CAAC;KACxC;CACF;AAID;;GAEG;AACH,eAAO,MAAM,gCAAgC,EAAE,QAAQ,CAAC,qBAAqB,CAK1E,CAAC"}

package/dist/components/marketing-layout/marketing-layout-config.js

@@ -0,0 +1,16 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/marketing-layout/marketing-layout-config.ts
+var t = {
+	skipLink: !0,
+	skipLinkLabel: "Skip to content",
+	background: "default"
+};
+e("marketinglayout", t);
+var n = {
+	skipLink: !0,
+	skipLinkLabel: "Skip to content",
+	background: "default"
+};
+//#endregion
+export { n as FALLBACK_MARKETING_LAYOUT_CONFIG, t as defaultMarketingLayoutConfig };

package/dist/components/marketing-layout/marketing-layout-styles.d.ts

@@ -0,0 +1,8 @@
+import { MarketingLayoutBackground } from './marketing-layout-config';
+/** The page shell: a full-height column of regions. */
+export declare const MARKETING_LAYOUT_BASE_CLASS = "flex min-h-dvh w-full flex-col";
+/** The background the composition paints behind its sections. */
+export declare const MARKETING_LAYOUT_BACKGROUND_CLASS: Record<MarketingLayoutBackground, string>;
+/** The main region, which takes the height the header and footer leave. */
+export declare const MARKETING_LAYOUT_MAIN_CLASS = "flex w-full flex-1 flex-col";
+//# sourceMappingURL=marketing-layout-styles.d.ts.map

package/dist/components/marketing-layout/marketing-layout-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-layout-styles.d.ts","sourceRoot":"","sources":["../../../src/components/marketing-layout/marketing-layout-styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAE3E,uDAAuD;AACvD,eAAO,MAAM,2BAA2B,mCAAmC,CAAC;AAE5E,iEAAiE;AACjE,eAAO,MAAM,iCAAiC,EAAE,MAAM,CACpD,yBAAyB,EACzB,MAAM,CAIP,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,2BAA2B,gCAAgC,CAAC"}

package/dist/components/marketing-layout/marketing-layout-styles.js

@@ -0,0 +1,8 @@
+"use client";
+//#region src/components/marketing-layout/marketing-layout-styles.ts
+var e = "flex min-h-dvh w-full flex-col", t = {
+	default: "bg-background",
+	muted: "bg-secondary/40"
+}, n = "flex w-full flex-1 flex-col";
+//#endregion
+export { t as MARKETING_LAYOUT_BACKGROUND_CLASS, e as MARKETING_LAYOUT_BASE_CLASS, n as MARKETING_LAYOUT_MAIN_CLASS };

package/dist/components/search-input/SearchInput.d.ts

@@ -0,0 +1,111 @@
+import { ChangeEventHandler, InputHTMLAttributes } from 'react';
+import { FieldStatus } from '../field/field-config';
+import { SearchInputConfig } from './search-input-config';
+type BaseSearchInputProps = SearchInputConfig & Omit<InputHTMLAttributes<HTMLInputElement>, "children" | "className" | "color" | "defaultValue" | "onChange" | "size" | "type" | "value">;
+/**
+ * Props for the SearchInput component.
+ */
+export interface SearchInputProps extends BaseSearchInputProps {
+    /**
+     * The current query, for a consumer that owns it.
+     */
+    value?: string;
+    /**
+     * The initial query, for a consumer that does not.
+     */
+    defaultValue?: string;
+    /**
+     * Called with the native change event, which is how a form library hears
+     * about the field.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Called with the next query whenever it changes, including when the field is
+     * emptied. It is the handler to use when the query drives a result list.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Called with the query when the reader submits the field.
+     * Supplying it makes the component a form, so Enter submits and the field is
+     * announced as the page's search.
+     */
+    onSearch?: (value: string) => void;
+    /**
+     * Supporting text under the field.
+     */
+    description?: string;
+    /**
+     * Validation message under the field.
+     */
+    message?: string;
+    /**
+     * Validation status of the field.
+     *
+     * @default "default"
+     */
+    status?: FieldStatus;
+    /**
+     * Whether a search is in progress, which the field reports as busy.
+     *
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Keyboard shortcut a consumer has bound elsewhere, shown as a hint.
+     * The field only displays it: binding a global shortcut is an application
+     * concern, because the field cannot know what else the shortcut should do.
+     */
+    shortcut?: string;
+    /**
+     * Extra classes for the search region.
+     */
+    className?: string;
+}
+/**
+ * A text field that searches.
+ *
+ * SearchInput composes the framework's text field and adds the search contract:
+ * the field is announced as a search region with a name, so a screen reader user
+ * can jump to it; the query is reported through `onValueChange` while it is typed
+ * and through `onSearch` when it is submitted; and the field can empty itself
+ * with a named control instead of requiring the reader to select the text and
+ * delete it.
+ *
+ * The component is controlled when `value` is given, and owns the query
+ * otherwise. The clear control works in both cases: it empties the field and
+ * returns focus to it, and a controlled consumer hears about the change through
+ * `onValueChange` so it can update its own state.
+ *
+ * @param props - SearchInput configuration options and input attributes.
+ * @param props.value - The query, for a controlled consumer.
+ * @param props.defaultValue - The initial query, for an uncontrolled one.
+ * @param props.onValueChange - Called with the next query.
+ * @param props.onSearch - Called with the query on submit, which is also what
+ * makes the component a form.
+ * @param props.label - Name of the region and of the field. Defaults to
+ * "Search".
+ * @param props.hideLabel - Keep the name for assistive technology only.
+ * Defaults to true.
+ * @param props.clearable - Offer a control that empties the field. Defaults to
+ * true.
+ * @param props.shortcut - Shortcut a consumer has bound, shown as a hint.
+ * @param props.isLoading - Report a search in progress. Defaults to false.
+ * @param props.size - Density of the field and its controls. Defaults to "md".
+ * @returns The rendered field.
+ *
+ * @example
+ * ```tsx
+ * <SearchInput
+ *   placeholder="Search invoices"
+ *   onValueChange={setQuery}
+ *   onSearch={runSearch}
+ *   shortcut="Command K"
+ * />
+ * ```
+ *
+ * @see Input - The text field the component composes.
+ * @see DataTable - Uses it for the search control above a table.
+ */
+export declare const SearchInput: import('react').ForwardRefExoticComponent<SearchInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/components/search-input/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/SearchInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,OAAO,EACL,KAAK,kBAAkB,EAEvB,KAAK,mBAAmB,EAIzB,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAS/B,KAAK,oBAAoB,GAAG,iBAAiB,GAC3C,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,UAAU,GACV,WAAW,GACX,OAAO,GACP,cAAc,GACd,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,CACV,CAAC;AAEJ;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAEhD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,WAAW,+GA0KvB,CAAC"}

package/dist/components/search-input/SearchInput.js

@@ -0,0 +1,86 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { resolveConfigCascade as n } from "../../utils/resolve-token.js";
+import { Spinner as r } from "../spinner/spinner.js";
+import { Button as i } from "../button/Button.js";
+import { Input as a } from "../input/Input.js";
+import { SearchIcon as o } from "../../icons/SearchIcon.js";
+import { ClearIcon as s } from "../../icons/ClearIcon.js";
+import { FALLBACK_SEARCH_INPUT_CONFIG as c } from "./search-input-config.js";
+import { SEARCH_INPUT_HINT_SIZE_CLASS as l, SEARCH_INPUT_REGION_CLASS as u } from "./search-input-styles.js";
+import { forwardRef as d, useId as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/search-input/SearchInput.tsx
+var v = d(({ value: d, defaultValue: v, onChange: y, onValueChange: b, onSearch: x, description: S, message: C, status: w, isLoading: T, shortcut: E, label: D, hideLabel: O, clearable: k, size: A, color: j, className: M, id: N, ...P }, F) => {
+	let I = t(), L = f(), R = N ?? L, z = n({
+		size: A,
+		color: j,
+		clearable: k,
+		label: D,
+		hideLabel: O
+	}, I.components?.searchinput, c), [B, V] = m(v ?? ""), H = d ?? B, U = H.length > 0, W = p(null), G = (e) => {
+		W.current = e, typeof F == "function" ? F(e) : F && (F.current = e);
+	}, K = (e) => {
+		y?.(e), d === void 0 && V(e.target.value), b?.(e.target.value);
+	}, q = () => {
+		let e = W.current;
+		e && (e.value = "", e.focus()), d === void 0 && V(""), b?.("");
+	}, J = !!x, Y = /* @__PURE__ */ _(h, { children: [z.hideLabel && /* @__PURE__ */ g("label", {
+		htmlFor: R,
+		className: "sr-only",
+		children: z.label
+	}), /* @__PURE__ */ g(a, {
+		...P,
+		ref: G,
+		id: R,
+		type: "search",
+		value: d,
+		defaultValue: d === void 0 ? v : void 0,
+		onChange: K,
+		label: z.hideLabel ? void 0 : z.label,
+		description: S,
+		message: C,
+		status: w,
+		size: z.size,
+		color: z.color,
+		"aria-busy": T,
+		startContent: /* @__PURE__ */ g(o, {}),
+		endContent: /* @__PURE__ */ _(h, { children: [
+			E && /* @__PURE__ */ g("kbd", {
+				className: e("pointer-events-none shrink-0 rounded border border-border px-1.5 py-0.5 text-xs text-foreground/60", l[z.size]),
+				children: E
+			}),
+			T && /* @__PURE__ */ g(r, { size: "sm" }),
+			z.clearable && U && /* @__PURE__ */ g(i, {
+				icon: !0,
+				type: "button",
+				variant: "ghost",
+				size: z.size,
+				color: z.color,
+				"aria-label": "Clear search",
+				className: "shrink-0",
+				onClick: q,
+				children: /* @__PURE__ */ g(s, {})
+			})
+		] })
+	})] }), X = e(u, M);
+	return J ? /* @__PURE__ */ g("form", {
+		role: "search",
+		"aria-label": z.label,
+		className: X,
+		onSubmit: (e) => {
+			e.preventDefault(), x?.(H);
+		},
+		children: Y
+	}) : /* @__PURE__ */ g("div", {
+		role: "search",
+		"aria-label": z.label,
+		className: X,
+		children: Y
+	});
+});
+v.displayName = "SearchInput";
+//#endregion
+export { v as SearchInput };

package/dist/components/search-input/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SearchInput';
+export * from './search-input-config';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/search-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC"}

package/dist/components/search-input/index.js

@@ -0,0 +1,3 @@
+export * from "./SearchInput.js";
+export * from "./search-input-config.js";
+export * from "./search-input-styles.js";

package/dist/components/search-input/search-input-config.d.ts

@@ -0,0 +1,55 @@
+import { Color, Size } from '../../shared';
+/**
+ * Theme configuration options for the SearchInput component.
+ *
+ * Set under `components.searchinput` in the AsheeUI config. Values feed the
+ * component-level tier of the theme cascade.
+ */
+export interface SearchInputConfig {
+    /**
+     * Density of the field and of the control that dismisses its text.
+     *
+     * @default "md"
+     */
+    size?: Size;
+    /**
+     * Accent colour of the field's focus ring.
+     *
+     * @default "primary"
+     */
+    color?: Color;
+    /**
+     * Whether the field offers a control that empties it.
+     *
+     * @default true
+     */
+    clearable?: boolean;
+    /**
+     * Visible label of the field.
+     * A search field is often named only for assistive technology, so the label
+     * can be hidden from view with `hideLabel`.
+     */
+    label?: string;
+    /**
+     * Whether the label is available to assistive technology only.
+     *
+     * @default true
+     */
+    hideLabel?: boolean;
+}
+/**
+ * Default config values registered for the SearchInput component.
+ * The label is named and hidden rather than absent, because a field whose name
+ * is empty is announced as "search" and nothing else.
+ */
+export declare const defaultSearchInputConfig: SearchInputConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        searchinput: SearchInputConfig;
+    }
+}
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_SEARCH_INPUT_CONFIG: Required<SearchInputConfig>;
+//# sourceMappingURL=search-input-config.d.ts.map

package/dist/components/search-input/search-input-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input-config.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input-config.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,iBAMtC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,WAAW,EAAE,iBAAiB,CAAC;KAChC;CACF;AAID;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,QAAQ,CAAC,iBAAiB,CAMpE,CAAC"}

package/dist/components/search-input/search-input-config.js

@@ -0,0 +1,20 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/search-input/search-input-config.ts
+var t = {
+	size: "md",
+	color: "primary",
+	clearable: !0,
+	label: "Search",
+	hideLabel: !0
+};
+e("searchinput", t);
+var n = {
+	size: "md",
+	color: "primary",
+	clearable: !0,
+	label: "Search",
+	hideLabel: !0
+};
+//#endregion
+export { n as FALLBACK_SEARCH_INPUT_CONFIG, t as defaultSearchInputConfig };