@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/Radio/Radio.module.css.mjs

@@ -0,0 +1,33 @@
+const e = "_container_6zd5k_12", _ = "_disabled_6zd5k_18", r = "_labelWrapper_6zd5k_26", d = "_input_6zd5k_43", o = "_radio_6zd5k_55", s = "_dot_6zd5k_76", t = "_sm_6zd5k_90", n = "_md_6zd5k_100", a = "_lg_6zd5k_110", l = "_error_6zd5k_181", c = "_label_6zd5k_26", i = "_required_6zd5k_214", k = "_helperText_6zd5k_220", z = "_errorMessage_6zd5k_238", p = {
+  container: e,
+  disabled: _,
+  labelWrapper: r,
+  input: d,
+  radio: o,
+  dot: s,
+  sm: t,
+  md: n,
+  lg: a,
+  error: l,
+  label: c,
+  required: i,
+  helperText: k,
+  errorMessage: z
+};
+export {
+  e as container,
+  p as default,
+  _ as disabled,
+  s as dot,
+  l as error,
+  z as errorMessage,
+  k as helperText,
+  d as input,
+  c as label,
+  r as labelWrapper,
+  a as lg,
+  n as md,
+  o as radio,
+  i as required,
+  t as sm
+};

package/dist/components/Radio/Radio.types.d.ts

@@ -0,0 +1,58 @@
+import { InputHTMLAttributes } from 'react';
+
+/**
+ * Radio sizes
+ */
+export type RadioSize = "sm" | "md" | "lg";
+/**
+ * Radio component props
+ *
+ * @example
+ * ```tsx
+ * <Radio name="plan" value="free" label="Free Plan" />
+ * <Radio name="plan" value="pro" label="Pro Plan" checked />
+ * ```
+ */
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
+    /**
+     * Radio label text.
+     * Required for accessibility unless aria-label is provided.
+     */
+    label?: string;
+    /**
+     * Helper text displayed below the radio.
+     * Automatically linked via aria-describedby.
+     */
+    helperText?: string;
+    /**
+     * Error message.
+     * Shows error state and displays message below radio.
+     */
+    error?: string;
+    /**
+     * Radio size variant.
+     * @default 'md'
+     */
+    size?: RadioSize;
+    /**
+     * Accessible label for screen readers when no visible label is provided.
+     * REQUIRED if `label` prop is not provided.
+     *
+     * @example
+     * ```tsx
+     * <Radio
+     *   name="color"
+     *   value="red"
+     *   aria-label="Red color"
+     *   style={{ background: 'red' }}
+     * />
+     * ```
+     */
+    "aria-label"?: string;
+    /**
+     * Additional element IDs that describe this radio.
+     * Automatically includes error and helper text IDs when provided.
+     */
+    "aria-describedby"?: string;
+}
+//# sourceMappingURL=Radio.types.d.ts.map

package/dist/components/Radio/Radio.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.types.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C;;;;;;;;GAQG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAMjB;;;;;;;;;;;;;OAaG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

package/dist/components/Radio/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Radio Component - Single selection from a group.
+ *
+ * @example
+ * ```tsx
+ * import { Radio } from '@orion-ds/react';
+ *
+ * <Radio label="Option A" name="choice" value="a" />
+ * <Radio label="Option B" name="choice" value="b" />
+ * <Radio label="Option C" name="choice" value="c" checked />
+ * ```
+ */
+export { Radio } from './Radio';
+export type { RadioProps, RadioSize } from './Radio.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/SearchInput/SearchInput.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),u=require("lucide-react"),e=require("./SearchInput.module.css.cjs"),p=r.forwardRef(({size:l="md",value:a,onClear:d,onSearch:t,showClear:j=!0,showSearchButton:m=!1,searchIcon:C,clearLabel:b="Clear search",searchLabel:x="Search",loading:n=!1,fullWidth:y=!1,disabled:f=!1,className:k,onKeyDown:h,...I},N)=>{const S=a!==void 0&&a!=="",g=r.useCallback(o=>{o.key==="Enter"&&t&&t(o.currentTarget.value),h?.(o)},[t,h]),B=r.useCallback(()=>{d?.()},[d]),q=r.useCallback(()=>{t&&typeof a=="string"&&t(a)},[t,a]),z=[e.default.container,e.default[l],y&&e.default.fullWidth,n&&e.default.loading,f&&e.default.disabled,k].filter(Boolean).join(" "),i={sm:"Sm",md:"Md",lg:"Lg",xl:"Xl"}[l],M=[e.default.input,e.default[`input${i}`]].join(" "),R=[e.default.searchIcon,e.default[`searchIcon${i}`]].join(" "),$=[e.default.clearButton,e.default[`clearButton${i}`]].join(" "),c=l==="sm"?16:l==="lg"?22:l==="xl"?26:18;return s.jsxs("div",{className:z,children:[s.jsx("span",{className:R,"aria-hidden":"true",children:n?s.jsx(u.Loader2,{size:c,className:e.default.spinner}):C||s.jsx(u.Search,{size:c})}),s.jsx("input",{ref:N,type:"search",className:M,value:a,disabled:f,onKeyDown:g,...I}),j&&S&&!n&&s.jsx("button",{type:"button",className:$,onClick:B,"aria-label":b,children:s.jsx(u.X,{size:c-2})}),m&&s.jsx("button",{type:"button",className:e.default.searchButton,onClick:q,"aria-label":x,disabled:n,children:s.jsx(u.Search,{size:c})})]})});p.displayName="SearchInput";exports.SearchInput=p;

package/dist/components/SearchInput/SearchInput.d.ts

@@ -0,0 +1,4 @@
+import { SearchInputProps } from './SearchInput.types';
+
+export declare const SearchInput: import('react').ForwardRefExoticComponent<SearchInputProps & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/components/SearchInput/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,WAAW,+GAsHvB,CAAC"}

package/dist/components/SearchInput/SearchInput.mjs

@@ -0,0 +1,87 @@
+import { jsxs as L, jsx as e } from "react/jsx-runtime";
+import { forwardRef as S, useCallback as i } from "react";
+import { Loader2 as X, Search as u, X as D } from "lucide-react";
+import s from "./SearchInput.module.css.mjs";
+const E = S(
+  ({
+    size: n = "md",
+    value: t,
+    onClear: m,
+    onSearch: a,
+    showClear: h = !0,
+    showSearchButton: f = !1,
+    searchIcon: C,
+    clearLabel: y = "Clear search",
+    searchLabel: b = "Search",
+    loading: l = !1,
+    fullWidth: N = !1,
+    disabled: p = !1,
+    className: j,
+    onKeyDown: d,
+    ...k
+  }, x) => {
+    const B = t !== void 0 && t !== "", I = i(
+      (o) => {
+        o.key === "Enter" && a && a(o.currentTarget.value), d?.(o);
+      },
+      [a, d]
+    ), z = i(() => {
+      m?.();
+    }, [m]), g = i(() => {
+      a && typeof t == "string" && a(t);
+    }, [a, t]), M = [
+      s.container,
+      s[n],
+      N && s.fullWidth,
+      l && s.loading,
+      p && s.disabled,
+      j
+    ].filter(Boolean).join(" "), r = { sm: "Sm", md: "Md", lg: "Lg", xl: "Xl" }[n], $ = [s.input, s[`input${r}`]].join(" "), w = [
+      s.searchIcon,
+      s[`searchIcon${r}`]
+    ].join(" "), K = [
+      s.clearButton,
+      s[`clearButton${r}`]
+    ].join(" "), c = n === "sm" ? 16 : n === "lg" ? 22 : n === "xl" ? 26 : 18;
+    return /* @__PURE__ */ L("div", { className: M, children: [
+      /* @__PURE__ */ e("span", { className: w, "aria-hidden": "true", children: l ? /* @__PURE__ */ e(X, { size: c, className: s.spinner }) : C || /* @__PURE__ */ e(u, { size: c }) }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: x,
+          type: "search",
+          className: $,
+          value: t,
+          disabled: p,
+          onKeyDown: I,
+          ...k
+        }
+      ),
+      h && B && !l && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: K,
+          onClick: z,
+          "aria-label": y,
+          children: /* @__PURE__ */ e(D, { size: c - 2 })
+        }
+      ),
+      f && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: s.searchButton,
+          onClick: g,
+          "aria-label": b,
+          disabled: l,
+          children: /* @__PURE__ */ e(u, { size: c })
+        }
+      )
+    ] });
+  }
+);
+E.displayName = "SearchInput";
+export {
+  E as SearchInput
+};

package/dist/components/SearchInput/SearchInput.module.css

@@ -0,0 +1 @@
+._container_1j3p7_9{position:relative;display:inline-flex;align-items:center;overflow:hidden;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);transition:all var(--transition-fast)}._container_1j3p7_9:hover:not(._disabled_1j3p7_21){border-color:var(--border-strong)}._container_1j3p7_9:focus-within{border-color:var(--interactive-primary)}._fullWidth_1j3p7_30{width:100%}._sm_1j3p7_35{height:32px;font-size:var(--font-size-sm)}._md_1j3p7_40{height:40px;font-size:var(--font-size-base)}._lg_1j3p7_45{height:48px;font-size:var(--font-size-lg)}._xl_1j3p7_50{height:56px;font-size:var(--font-size-xl)}._inputSm_1j3p7_56{padding:var(--spacing-1) var(--spacing-8) var(--spacing-1) var(--spacing-8)}._inputMd_1j3p7_60{padding:var(--spacing-2) var(--spacing-10) var(--spacing-2) var(--spacing-10)}._inputLg_1j3p7_64{padding:var(--spacing-3) var(--spacing-12) var(--spacing-3) var(--spacing-12)}._inputXl_1j3p7_68{padding:var(--spacing-4) var(--spacing-14) var(--spacing-4) var(--spacing-14)}._searchIcon_1j3p7_73{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);pointer-events:none}._searchIconSm_1j3p7_83{left:var(--spacing-2)}._searchIconMd_1j3p7_87{left:var(--spacing-3)}._searchIconLg_1j3p7_91{left:var(--spacing-4)}._searchIconXl_1j3p7_95{left:var(--spacing-5)}._input_1j3p7_56{flex:1;width:100%;height:100%;background:transparent;border:none;border-radius:inherit;font-family:var(--font-secondary);font-size:inherit;color:var(--text-primary);outline:none}._input_1j3p7_56:focus,._input_1j3p7_56:focus-visible{outline:none}._input_1j3p7_56::placeholder{color:var(--text-tertiary)}._input_1j3p7_56::-webkit-search-cancel-button,._input_1j3p7_56::-webkit-search-decoration{display:none;appearance:none}._clearButton_1j3p7_132{position:absolute;display:flex;align-items:center;justify-content:center;padding:var(--spacing-1);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}._clearButton_1j3p7_132:hover{color:var(--text-primary);background:var(--surface-subtle)}._clearButton_1j3p7_132:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:1px}._clearButtonSm_1j3p7_159{right:var(--spacing-1)}._clearButtonMd_1j3p7_163,._clearButtonLg_1j3p7_167{right:var(--spacing-2)}._clearButtonXl_1j3p7_171{right:var(--spacing-3)}._searchButton_1j3p7_176{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);margin-right:var(--spacing-1);background:var(--interactive-primary);border:none;border-radius:var(--radius-sm);color:var(--interactive-primary-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}._searchButton_1j3p7_176:hover:not(:disabled){background:var(--interactive-primary-hover)}._searchButton_1j3p7_176:disabled{opacity:.5;cursor:not-allowed}._searchButton_1j3p7_176:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._disabled_1j3p7_21{opacity:.5;cursor:not-allowed;background:var(--surface-subtle)}._disabled_1j3p7_21 ._input_1j3p7_56{cursor:not-allowed}._loading_1j3p7_216 ._searchIcon_1j3p7_73{color:var(--interactive-primary)}._spinner_1j3p7_220{animation:_spin_1j3p7_220 1s linear infinite}@keyframes _spin_1j3p7_220{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-dark-bg=true] ._container_1j3p7_9{background:color-mix(in srgb,var(--color-neutral-0) 15%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 40%,transparent)}[data-dark-bg=true] ._container_1j3p7_9:hover:not(._disabled_1j3p7_21){border-color:color-mix(in srgb,var(--color-neutral-0) 60%,transparent)}[data-dark-bg=true] ._container_1j3p7_9:focus-within{border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--soft-brand)}[data-dark-bg=true] ._input_1j3p7_56{color:var(--color-neutral-0)}[data-dark-bg=true] ._input_1j3p7_56::placeholder{color:var(--color-neutral-300)}[data-dark-bg=true] ._searchIcon_1j3p7_73{color:var(--color-neutral-300)}@media(forced-colors:active){._container_1j3p7_9{border:2px solid CanvasText;background:Canvas}._container_1j3p7_9:focus-within,._container_1j3p7_9:has(._input_1j3p7_56:focus-visible){outline:3px solid Highlight;outline-offset:2px}._disabled_1j3p7_21{border-color:GrayText}._input_1j3p7_56,._searchIcon_1j3p7_73,._clearButton_1j3p7_132{color:CanvasText}._searchButton_1j3p7_176{background:Highlight;color:HighlightText}}@media(prefers-reduced-motion:reduce){._container_1j3p7_9,._clearButton_1j3p7_132,._searchButton_1j3p7_176{transition:none}._spinner_1j3p7_220{animation:none}}

package/dist/components/SearchInput/SearchInput.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_container_1j3p7_9",t="_disabled_1j3p7_21",c="_fullWidth_1j3p7_30",o="_sm_1j3p7_35",_="_md_1j3p7_40",s="_lg_1j3p7_45",e="_xl_1j3p7_50",l="_inputSm_1j3p7_56",a="_inputMd_1j3p7_60",r="_inputLg_1j3p7_64",p="_inputXl_1j3p7_68",u="_searchIcon_1j3p7_73",i="_searchIconSm_1j3p7_83",d="_searchIconMd_1j3p7_87",h="_searchIconLg_1j3p7_91",j="_searchIconXl_1j3p7_95",B="_input_1j3p7_56",g="_clearButton_1j3p7_132",m="_clearButtonSm_1j3p7_159",I="_clearButtonMd_1j3p7_163",M="_clearButtonLg_1j3p7_167",S="_clearButtonXl_1j3p7_171",L="_searchButton_1j3p7_176",X="_loading_1j3p7_216",b="_spinner_1j3p7_220",f="_spin_1j3p7_220",x={container:n,disabled:t,fullWidth:c,sm:o,md:_,lg:s,xl:e,inputSm:l,inputMd:a,inputLg:r,inputXl:p,searchIcon:u,searchIconSm:i,searchIconMd:d,searchIconLg:h,searchIconXl:j,input:B,clearButton:g,clearButtonSm:m,clearButtonMd:I,clearButtonLg:M,clearButtonXl:S,searchButton:L,loading:X,spinner:b,spin:f};exports.clearButton=g;exports.clearButtonLg=M;exports.clearButtonMd=I;exports.clearButtonSm=m;exports.clearButtonXl=S;exports.container=n;exports.default=x;exports.disabled=t;exports.fullWidth=c;exports.input=B;exports.inputLg=r;exports.inputMd=a;exports.inputSm=l;exports.inputXl=p;exports.lg=s;exports.loading=X;exports.md=_;exports.searchButton=L;exports.searchIcon=u;exports.searchIconLg=h;exports.searchIconMd=d;exports.searchIconSm=i;exports.searchIconXl=j;exports.sm=o;exports.spin=f;exports.spinner=b;exports.xl=e;

package/dist/components/SearchInput/SearchInput.module.css.mjs

@@ -0,0 +1,57 @@
+const n = "_container_1j3p7_9", t = "_disabled_1j3p7_21", c = "_fullWidth_1j3p7_30", _ = "_sm_1j3p7_35", o = "_md_1j3p7_40", s = "_lg_1j3p7_45", p = "_xl_1j3p7_50", e = "_inputSm_1j3p7_56", a = "_inputMd_1j3p7_60", l = "_inputLg_1j3p7_64", r = "_inputXl_1j3p7_68", u = "_searchIcon_1j3p7_73", i = "_searchIconSm_1j3p7_83", j = "_searchIconMd_1j3p7_87", d = "_searchIconLg_1j3p7_91", h = "_searchIconXl_1j3p7_95", B = "_input_1j3p7_56", g = "_clearButton_1j3p7_132", m = "_clearButtonSm_1j3p7_159", I = "_clearButtonMd_1j3p7_163", L = "_clearButtonLg_1j3p7_167", M = "_clearButtonXl_1j3p7_171", S = "_searchButton_1j3p7_176", X = "_loading_1j3p7_216", f = "_spinner_1j3p7_220", x = "_spin_1j3p7_220", b = {
+  container: n,
+  disabled: t,
+  fullWidth: c,
+  sm: _,
+  md: o,
+  lg: s,
+  xl: p,
+  inputSm: e,
+  inputMd: a,
+  inputLg: l,
+  inputXl: r,
+  searchIcon: u,
+  searchIconSm: i,
+  searchIconMd: j,
+  searchIconLg: d,
+  searchIconXl: h,
+  input: B,
+  clearButton: g,
+  clearButtonSm: m,
+  clearButtonMd: I,
+  clearButtonLg: L,
+  clearButtonXl: M,
+  searchButton: S,
+  loading: X,
+  spinner: f,
+  spin: x
+};
+export {
+  g as clearButton,
+  L as clearButtonLg,
+  I as clearButtonMd,
+  m as clearButtonSm,
+  M as clearButtonXl,
+  n as container,
+  b as default,
+  t as disabled,
+  c as fullWidth,
+  B as input,
+  l as inputLg,
+  a as inputMd,
+  e as inputSm,
+  r as inputXl,
+  s as lg,
+  X as loading,
+  o as md,
+  S as searchButton,
+  u as searchIcon,
+  d as searchIconLg,
+  j as searchIconMd,
+  i as searchIconSm,
+  h as searchIconXl,
+  _ as sm,
+  x as spin,
+  f as spinner,
+  p as xl
+};

package/dist/components/SearchInput/SearchInput.types.d.ts

@@ -0,0 +1,73 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+/**
+ * SearchInput size variants
+ * - sm: 32px height
+ * - md: 40px height (default)
+ * - lg: 48px height
+ * - xl: 56px height — for prominent search bars (hero sections, lists)
+ */
+export type SearchInputSize = "sm" | "md" | "lg" | "xl";
+/**
+ * SearchInput component props
+ *
+ * @example
+ * ```tsx
+ * <SearchInput
+ *   placeholder="Search..."
+ *   value={query}
+ *   onChange={(e) => setQuery(e.target.value)}
+ *   onClear={() => setQuery('')}
+ * />
+ * ```
+ */
+export interface SearchInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: SearchInputSize;
+    /**
+     * Callback when the clear button is clicked
+     */
+    onClear?: () => void;
+    /**
+     * Callback when search is triggered (Enter key or search button)
+     */
+    onSearch?: (value: string) => void;
+    /**
+     * Whether to show the clear button when there's a value
+     * @default true
+     */
+    showClear?: boolean;
+    /**
+     * Whether to show a search button
+     * @default false
+     */
+    showSearchButton?: boolean;
+    /**
+     * Custom search icon
+     */
+    searchIcon?: ReactNode;
+    /**
+     * Label for the clear button (accessibility)
+     * @default 'Clear search'
+     */
+    clearLabel?: string;
+    /**
+     * Label for the search button (accessibility)
+     * @default 'Search'
+     */
+    searchLabel?: string;
+    /**
+     * Whether the input is in a loading state
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Make the input take full width
+     * @default false
+     */
+    fullWidth?: boolean;
+}
+//# sourceMappingURL=SearchInput.types.d.ts.map

package/dist/components/SearchInput/SearchInput.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/SearchInput.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/components/SearchInput/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * SearchInput Component - Search field with icon.
+ *
+ * @example
+ * ```tsx
+ * import { SearchInput } from '@orion-ds/react';
+ *
+ * <SearchInput placeholder="Search..." onSearch={(query) => handleSearch(query)} />
+ * <SearchInput placeholder="Find users" size="sm" />
+ * <SearchInput placeholder="Search products" loading />
+ * ```
+ */
+export { SearchInput } from './SearchInput';
+export type { SearchInputProps, SearchInputSize } from './SearchInput.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SearchInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/Select/Select.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),e=require("./Select.module.css.cjs"),u=o.forwardRef(({value:d,disabled:a,children:t,...c},i)=>l.jsx("option",{ref:i,value:d,disabled:a,...c,children:t}));u.displayName="Select.Option";const f=o.forwardRef(({label:d,error:a,helperText:t,options:c,placeholder:i="Select an option...",fullWidth:p=!1,size:h="md",optional:j=!1,className:x,id:b,disabled:N,required:r,children:S,...v},y)=>{const s=b||`select-${Math.random().toString(36).substr(2,9)}`,$=[e.default.selectContainer,p&&e.default.fullWidth,a&&e.default.error,x].filter(Boolean).join(" "),g=[e.default.select,e.default[h]].filter(Boolean).join(" ");return l.jsxs("div",{className:$,children:[d&&l.jsxs("label",{htmlFor:s,className:e.default.label,children:[d,j&&l.jsx("span",{className:e.default.optional,children:"(optional)"}),r&&l.jsx("span",{"aria-label":"required",children:"*"})]}),l.jsx("div",{className:e.default.selectWrapper,children:l.jsxs("select",{ref:y,id:s,className:g,disabled:N,required:r,"aria-invalid":a?"true":"false","aria-describedby":a?`${s}-error`:t?`${s}-helper`:void 0,...v,children:[i&&l.jsx("option",{value:"",disabled:!0,className:e.default.placeholder,children:i}),c?.map(n=>l.jsx("option",{value:n.value,disabled:n.disabled,children:n.label},n.value)),S]})}),t&&!a&&l.jsx("span",{id:`${s}-helper`,className:e.default.helperText,children:t}),a&&l.jsxs("span",{id:`${s}-error`,className:e.default.errorMessage,role:"alert",children:[l.jsx("span",{className:e.default.errorIcon,"aria-hidden":"true",children:"⚠"}),a]})]})});f.displayName="Select";const m=f;m.Option=u;exports.Select=m;

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,20 @@
+import { SelectProps, SelectOptionProps } from './Select.types';
+
+/**
+ * SelectOption component - used as Select.Option for compound component pattern
+ *
+ * @example
+ * ```tsx
+ * <Select>
+ *   <Select.Option value="us">United States</Select.Option>
+ *   <Select.Option value="uk">United Kingdom</Select.Option>
+ * </Select>
+ * ```
+ */
+declare const SelectOption: import('react').ForwardRefExoticComponent<SelectOptionProps & import('react').RefAttributes<HTMLOptionElement>>;
+declare const SelectComponent: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLSelectElement>>;
+export declare const Select: typeof SelectComponent & {
+    Option: typeof SelectOption;
+};
+export {};
+//# sourceMappingURL=Select.d.ts.map

package/dist/components/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGrE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,YAAY,iHAMjB,CAAC;AAIF,QAAA,MAAM,eAAe,2GAgHpB,CAAC;AAKF,eAAO,MAAM,MAAM,EAAsB,OAAO,eAAe,GAAG;IAChE,MAAM,EAAE,OAAO,YAAY,CAAC;CAC7B,CAAC"}

package/dist/components/Select/Select.mjs

@@ -0,0 +1,84 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import e from "./Select.module.css.mjs";
+const p = m(
+  ({ value: n, disabled: l, children: i, ...o }, t) => /* @__PURE__ */ a("option", { ref: t, value: n, disabled: l, ...o, children: i })
+);
+p.displayName = "Select.Option";
+const h = m(
+  ({
+    label: n,
+    error: l,
+    helperText: i,
+    options: o,
+    placeholder: t = "Select an option...",
+    fullWidth: f = !1,
+    size: N = "md",
+    optional: u = !1,
+    className: b,
+    id: v,
+    disabled: S,
+    required: d,
+    children: $,
+    ...j
+  }, y) => {
+    const s = v || `select-${Math.random().toString(36).substr(2, 9)}`, C = [
+      e.selectContainer,
+      f && e.fullWidth,
+      l && e.error,
+      b
+    ].filter(Boolean).join(" "), O = [e.select, e[N]].filter(Boolean).join(" ");
+    return /* @__PURE__ */ c("div", { className: C, children: [
+      n && /* @__PURE__ */ c("label", { htmlFor: s, className: e.label, children: [
+        n,
+        u && /* @__PURE__ */ a("span", { className: e.optional, children: "(optional)" }),
+        d && /* @__PURE__ */ a("span", { "aria-label": "required", children: "*" })
+      ] }),
+      /* @__PURE__ */ a("div", { className: e.selectWrapper, children: /* @__PURE__ */ c(
+        "select",
+        {
+          ref: y,
+          id: s,
+          className: O,
+          disabled: S,
+          required: d,
+          "aria-invalid": l ? "true" : "false",
+          "aria-describedby": l ? `${s}-error` : i ? `${s}-helper` : void 0,
+          ...j,
+          children: [
+            t && /* @__PURE__ */ a("option", { value: "", disabled: !0, className: e.placeholder, children: t }),
+            o?.map((r) => /* @__PURE__ */ a(
+              "option",
+              {
+                value: r.value,
+                disabled: r.disabled,
+                children: r.label
+              },
+              r.value
+            )),
+            $
+          ]
+        }
+      ) }),
+      i && !l && /* @__PURE__ */ a("span", { id: `${s}-helper`, className: e.helperText, children: i }),
+      l && /* @__PURE__ */ c(
+        "span",
+        {
+          id: `${s}-error`,
+          className: e.errorMessage,
+          role: "alert",
+          children: [
+            /* @__PURE__ */ a("span", { className: e.errorIcon, "aria-hidden": "true", children: "⚠" }),
+            l
+          ]
+        }
+      )
+    ] });
+  }
+);
+h.displayName = "Select";
+const g = h;
+g.Option = p;
+export {
+  g as Select
+};

package/dist/components/Select/Select.module.css

@@ -0,0 +1 @@
+._selectContainer_fwlz9_10{display:flex;flex-direction:column;gap:var(--spacing-2)}._fullWidth_fwlz9_16{width:100%}._label_fwlz9_21{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-tight)}._optional_fwlz9_31{font-size:var(--text-xs);font-weight:var(--font-weight-regular);color:var(--text-tertiary)}._selectWrapper_fwlz9_38{position:relative;display:flex;align-items:center}._selectWrapper_fwlz9_38:after{content:"";position:absolute;right:var(--spacing-3);width:12px;height:12px;background-color:var(--text-secondary);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4z'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;pointer-events:none}._select_fwlz9_10{width:100%;display:block;font-family:var(--font-secondary);font-size:var(--font-size-16);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);appearance:none;padding-right:var(--spacing-10);cursor:pointer;transition:all var(--transition-fast);outline:none}._select_fwlz9_10:hover:not(:disabled){border-color:var(--border-strong)}._select_fwlz9_10:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--soft-brand)}._select_fwlz9_10:focus-visible{border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--soft-brand)}._select_fwlz9_10:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-subtle)}._error_fwlz9_113 ._select_fwlz9_10{border-color:var(--status-error)}._error_fwlz9_113 ._select_fwlz9_10:focus{border-color:var(--status-error);box-shadow:0 0 0 3px var(--soft-error)}._error_fwlz9_113 ._select_fwlz9_10:focus-visible{border-color:var(--status-error);box-shadow:0 0 0 3px var(--soft-error)}._placeholder_fwlz9_128{color:var(--text-tertiary)}._sm_fwlz9_133{height:32px;padding:0 var(--spacing-3);font-size:var(--font-size-12)}._md_fwlz9_139{height:40px;padding:0 var(--spacing-4);font-size:var(--font-size-16)}._lg_fwlz9_145{height:48px;padding:0 var(--spacing-4);font-size:var(--font-size-18)}._helperText_fwlz9_152{font-size:var(--font-size-12);color:var(--text-secondary);line-height:var(--line-height-snug)}._errorMessage_fwlz9_159{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-12);color:var(--status-error);line-height:var(--line-height-snug)}._errorIcon_fwlz9_168{width:16px;height:16px;flex-shrink:0}@media(forced-colors:active){._select_fwlz9_10{border:2px solid CanvasText;background:Canvas;color:CanvasText}._select_fwlz9_10:focus,._select_fwlz9_10:focus-visible{outline:3px solid Highlight;outline-offset:2px}._select_fwlz9_10:disabled{border-color:GrayText;color:GrayText}._error_fwlz9_113 ._select_fwlz9_10{border-color:LinkText}._errorMessage_fwlz9_159{color:LinkText}._selectWrapper_fwlz9_38:after{background-color:CanvasText}}@media(prefers-reduced-motion:reduce){._select_fwlz9_10{transition:none}}

package/dist/components/Select/Select.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_selectContainer_fwlz9_10",l="_fullWidth_fwlz9_16",r="_label_fwlz9_21",o="_optional_fwlz9_31",t="_selectWrapper_fwlz9_38",s="_select_fwlz9_10",_="_error_fwlz9_113",c="_placeholder_fwlz9_128",n="_sm_fwlz9_133",a="_md_fwlz9_139",p="_lg_fwlz9_145",f="_helperText_fwlz9_152",d="_errorMessage_fwlz9_159",i="_errorIcon_fwlz9_168",w={selectContainer:e,fullWidth:l,label:r,optional:o,selectWrapper:t,select:s,error:_,placeholder:c,sm:n,md:a,lg:p,helperText:f,errorMessage:d,errorIcon:i};exports.default=w;exports.error=_;exports.errorIcon=i;exports.errorMessage=d;exports.fullWidth=l;exports.helperText=f;exports.label=r;exports.lg=p;exports.md=a;exports.optional=o;exports.placeholder=c;exports.select=s;exports.selectContainer=e;exports.selectWrapper=t;exports.sm=n;

package/dist/components/Select/Select.module.css.mjs

@@ -0,0 +1,33 @@
+const e = "_selectContainer_fwlz9_10", l = "_fullWidth_fwlz9_16", r = "_label_fwlz9_21", _ = "_optional_fwlz9_31", o = "_selectWrapper_fwlz9_38", t = "_select_fwlz9_10", s = "_error_fwlz9_113", c = "_placeholder_fwlz9_128", n = "_sm_fwlz9_133", a = "_md_fwlz9_139", f = "_lg_fwlz9_145", p = "_helperText_fwlz9_152", w = "_errorMessage_fwlz9_159", z = "_errorIcon_fwlz9_168", d = {
+  selectContainer: e,
+  fullWidth: l,
+  label: r,
+  optional: _,
+  selectWrapper: o,
+  select: t,
+  error: s,
+  placeholder: c,
+  sm: n,
+  md: a,
+  lg: f,
+  helperText: p,
+  errorMessage: w,
+  errorIcon: z
+};
+export {
+  d as default,
+  s as error,
+  z as errorIcon,
+  w as errorMessage,
+  l as fullWidth,
+  p as helperText,
+  r as label,
+  f as lg,
+  a as md,
+  _ as optional,
+  c as placeholder,
+  t as select,
+  e as selectContainer,
+  o as selectWrapper,
+  n as sm
+};

package/dist/components/Select/Select.types.d.ts

@@ -0,0 +1,84 @@
+import { SelectHTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Select option type (for options prop)
+ */
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+/**
+ * Select.Option component props (for compound component usage)
+ */
+export interface SelectOptionProps extends React.OptionHTMLAttributes<HTMLOptionElement> {
+    /**
+     * Option value
+     */
+    value: string;
+    /**
+     * Option label (displayed text)
+     */
+    children?: React.ReactNode;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+}
+/**
+ * Select component props
+ *
+ * @example
+ * ```tsx
+ * <Select
+ *   label="Country"
+ *   options={[
+ *     { value: 'us', label: 'United States' },
+ *     { value: 'uk', label: 'United Kingdom' }
+ *   ]}
+ * />
+ * ```
+ */
+export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, "size"> {
+    /**
+     * Select label
+     */
+    label?: string;
+    /**
+     * Error message (shows error state when present)
+     */
+    error?: string;
+    /**
+     * Helper text (shown below select)
+     */
+    helperText?: string;
+    /**
+     * Select options
+     */
+    options?: SelectOption[];
+    /**
+     * Placeholder option text
+     * @default 'Select an option...'
+     */
+    placeholder?: string;
+    /**
+     * Full width select
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Select size
+     * @default 'md'
+     */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Optional indicator
+     * @default false
+     */
+    optional?: boolean;
+    /**
+     * Custom children (instead of options prop)
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=Select.types.d.ts.map

package/dist/components/Select/Select.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,CACP;IACC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}