@orion-ds/react 4.9.1 → 4.9.2

package/dist/components/EmptyState/EmptyState.stories.d.ts

@@ -1,18 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { EmptyState } from './EmptyState';
-
-declare const meta: Meta<typeof EmptyState>;
-export default meta;
-type Story = StoryObj<typeof EmptyState>;
-export declare const Default: Story;
-export declare const WithIcon: Story;
-export declare const WithAction: Story;
-export declare const WithTwoActions: Story;
-export declare const SmallSize: Story;
-export declare const LargeSize: Story;
-export declare const SearchResults: Story;
-export declare const EmptyFolder: Story;
-export declare const NoNotifications: Story;
-export declare const NoConversations: Story;
-export declare const AllSizes: Story;
-//# sourceMappingURL=EmptyState.stories.d.ts.map

package/dist/components/EmptyState/EmptyState.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.stories.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.stories.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAa1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAajC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAwCtB,CAAC"}

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

@@ -1,47 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-
-/**
- * EmptyState sizes
- */
-export type EmptyStateSize = "sm" | "md" | "lg";
-/**
- * EmptyState component props
- *
- * @example
- * ```tsx
- * <EmptyState
- *   icon={<InboxIcon />}
- *   title="No messages"
- *   description="Your inbox is empty"
- *   action={<Button>Compose</Button>}
- * />
- * ```
- */
-export interface EmptyStateProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Icon or illustration to display
-     */
-    icon?: ReactNode;
-    /**
-     * Main title text
-     */
-    title: string;
-    /**
-     * Description text
-     */
-    description?: string;
-    /**
-     * Primary action button
-     */
-    action?: ReactNode;
-    /**
-     * Secondary action button
-     */
-    secondaryAction?: ReactNode;
-    /**
-     * Size variant
-     * @default 'md'
-     */
-    size?: EmptyStateSize;
-}
-//# sourceMappingURL=EmptyState.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.types.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB"}

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

@@ -1,19 +0,0 @@
-/**
- * EmptyState Component - Placeholder for empty data views.
- *
- * @example
- * ```tsx
- * import { EmptyState, Button } from '@orion-ds/react';
- * import { Inbox } from 'lucide-react';
- *
- * <EmptyState
- *   icon={<Inbox size={48} />}
- *   title="No messages"
- *   description="You don't have any messages yet."
- *   action={<Button>Compose</Button>}
- * />
- * ```
- */
-export { EmptyState } from './EmptyState';
-export type { EmptyStateProps, EmptyStateSize } from './EmptyState.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/ErrorBoundary/ErrorBoundary.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("lucide-react"),t=require("./ErrorBoundary.module.css.cjs");class i extends o.Component{constructor(r){super(r),this.reset=()=>{this.setState({hasError:!1,error:null})},this.state={hasError:!1,error:null}}static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,s){this.props.onError?.(r,s)}componentDidUpdate(r){this.state.hasError&&this.props.resetKey!==void 0&&r.resetKey!==this.props.resetKey&&this.reset()}render(){if(this.state.hasError&&this.state.error){const{fallback:r}=this.props;return typeof r=="function"?r(this.state.error,this.reset):r||e.jsxs("div",{className:t.default.errorBoundary,role:"alert",children:[e.jsx(a.AlertCircle,{size:32,className:t.default.icon}),e.jsx("p",{className:t.default.title,children:"Something went wrong"}),e.jsx("p",{className:t.default.message,children:this.state.error.message}),e.jsx("button",{className:t.default.resetButton,onClick:this.reset,type:"button",children:"Try again"})]})}return this.props.children}}exports.ErrorBoundary=i;

package/dist/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,12 +0,0 @@
-import { default as React } from 'react';
-import { ErrorBoundaryProps, ErrorBoundaryState } from './ErrorBoundary.types';
-
-export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    constructor(props: ErrorBoundaryProps);
-    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
-    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
-    componentDidUpdate(prevProps: ErrorBoundaryProps): void;
-    reset: () => void;
-    render(): React.ReactNode;
-}
-//# sourceMappingURL=ErrorBoundary.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAG/B,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAChD,kBAAkB,EAClB,kBAAkB,CACnB;gBACa,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IAIjE,kBAAkB,CAAC,SAAS,EAAE,kBAAkB,GAAG,IAAI;IAUvD,KAAK,QAAO,IAAI,CAEd;IAEF,MAAM,IAAI,KAAK,CAAC,SAAS;CA8B1B"}

package/dist/components/ErrorBoundary/ErrorBoundary.mjs

@@ -1,43 +0,0 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import i from "react";
-import { AlertCircle as a } from "lucide-react";
-import e from "./ErrorBoundary.module.css.mjs";
-class m extends i.Component {
-  constructor(r) {
-    super(r), this.reset = () => {
-      this.setState({ hasError: !1, error: null });
-    }, this.state = { hasError: !1, error: null };
-  }
-  static getDerivedStateFromError(r) {
-    return { hasError: !0, error: r };
-  }
-  componentDidCatch(r, s) {
-    this.props.onError?.(r, s);
-  }
-  componentDidUpdate(r) {
-    this.state.hasError && this.props.resetKey !== void 0 && r.resetKey !== this.props.resetKey && this.reset();
-  }
-  render() {
-    if (this.state.hasError && this.state.error) {
-      const { fallback: r } = this.props;
-      return typeof r == "function" ? r(this.state.error, this.reset) : r || /* @__PURE__ */ o("div", { className: e.errorBoundary, role: "alert", children: [
-        /* @__PURE__ */ t(a, { size: 32, className: e.icon }),
-        /* @__PURE__ */ t("p", { className: e.title, children: "Something went wrong" }),
-        /* @__PURE__ */ t("p", { className: e.message, children: this.state.error.message }),
-        /* @__PURE__ */ t(
-          "button",
-          {
-            className: e.resetButton,
-            onClick: this.reset,
-            type: "button",
-            children: "Try again"
-          }
-        )
-      ] });
-    }
-    return this.props.children;
-  }
-}
-export {
-  m as ErrorBoundary
-};

package/dist/components/ErrorBoundary/ErrorBoundary.module.css

@@ -1 +0,0 @@
-._errorBoundary_hux00_1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center;min-height:200px;border:1px solid var(--border-subtle);border-radius:var(--radius-container);background:var(--surface-subtle)}._icon_hux00_14{color:var(--status-error);margin-bottom:var(--spacing-4)}._title_hux00_19{font-family:var(--font-secondary);font-weight:600;font-size:1.125rem;color:var(--text-primary);margin:0 0 var(--spacing-2) 0}._message_hux00_27{font-family:var(--font-secondary);font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--spacing-4) 0;max-width:400px}._resetButton_hux00_35{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-control);border:1px solid var(--border-default);background:var(--surface-base);color:var(--text-primary);font-family:var(--font-secondary);font-size:.875rem;cursor:pointer;transition:background var(--transition-fast)}._resetButton_hux00_35:hover{background:var(--surface-layer)}._resetButton_hux00_35:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_errorBoundary_hux00_1",t="_icon_hux00_14",o="_title_hux00_19",r="_message_hux00_27",s="_resetButton_hux00_35",n={errorBoundary:e,icon:t,title:o,message:r,resetButton:s};exports.default=n;exports.errorBoundary=e;exports.icon=t;exports.message=r;exports.resetButton=s;exports.title=o;

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

@@ -1,15 +0,0 @@
-const t = "_errorBoundary_hux00_1", e = "_icon_hux00_14", o = "_title_hux00_19", s = "_message_hux00_27", r = "_resetButton_hux00_35", n = {
-  errorBoundary: t,
-  icon: e,
-  title: o,
-  message: s,
-  resetButton: r
-};
-export {
-  n as default,
-  t as errorBoundary,
-  e as icon,
-  s as message,
-  r as resetButton,
-  o as title
-};

package/dist/components/ErrorBoundary/ErrorBoundary.stories.d.ts

@@ -1,17 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { ErrorBoundary } from './ErrorBoundary';
-
-declare const meta: {
-    title: string;
-    component: typeof ErrorBoundary;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithError: Story;
-export declare const WithCustomFallback: Story;
-//# sourceMappingURL=ErrorBoundary.stories.d.ts.map

package/dist/components/ErrorBoundary/ErrorBoundary.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorBoundary.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/ErrorBoundary.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI;;;;;;;CAO4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAanC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAC"}

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

@@ -1,17 +0,0 @@
-import { ReactNode, ErrorInfo } from 'react';
-
-export interface ErrorBoundaryProps {
-    /** Content to render when no error has occurred */
-    children: ReactNode;
-    /** Custom fallback UI to display when an error is caught */
-    fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);
-    /** Callback fired when an error is caught */
-    onError?: (error: Error, errorInfo: ErrorInfo) => void;
-    /** Reset error state when this key changes */
-    resetKey?: string | number;
-}
-export interface ErrorBoundaryState {
-    hasError: boolean;
-    error: Error | null;
-}
-//# sourceMappingURL=ErrorBoundary.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorBoundary.types.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/ErrorBoundary.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,kBAAkB;IACjC,mDAAmD;IACnD,QAAQ,EAAE,SAAS,CAAC;IACpB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,CAAC;IACxE,6CAA6C;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvD,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB"}

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

@@ -1,3 +0,0 @@
-export { ErrorBoundary } from './ErrorBoundary';
-export type { ErrorBoundaryProps, ErrorBoundaryState, } from './ErrorBoundary.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,uBAAuB,CAAC"}

package/dist/components/Field/Field.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),x=require("react"),b=require("lucide-react"),e=require("./Field.module.css.cjs"),v=x.forwardRef(({label:i,error:s,helperText:t,leftIcon:r,rightIcon:d,fullWidth:I=!1,size:c="md",optional:u=!1,className:g,id:$,disabled:f,required:o,"aria-label":h,"aria-describedby":p,...y},F)=>{const C=x.useId(),n=$||`field-${C}`,m=`${n}-error`,j=`${n}-helper`,N=s&&!d,l=[];s&&l.push(m),t&&!s&&l.push(j),p&&l.push(p);const R=l.length>0?l.join(" "):void 0;!(i||h)&&process.env.NODE_ENV==="development"&&console.warn("Field: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users.");const q=[e.default.fieldContainer,I&&e.default.fullWidth,s&&e.default.error,f&&e.default.disabled,g].filter(Boolean).join(" "),A=[e.default.input,e.default[c],r&&e.default.hasLeftIcon,(d||N)&&e.default.hasRightIcon].filter(Boolean).join(" "),B=c==="sm"?14:c==="lg"?20:16;return a.jsxs("div",{className:q,children:[i&&a.jsxs("label",{htmlFor:n,className:e.default.label,children:[a.jsx("span",{className:e.default.labelText,children:i}),u&&a.jsx("span",{className:e.default.optional,"aria-hidden":"true",children:"(optional)"}),o&&!u&&a.jsx("span",{className:e.default.required,"aria-hidden":"true",children:"*"})]}),a.jsxs("div",{className:e.default.inputWrapper,children:[r&&a.jsx("span",{className:e.default.leftIcon,"aria-hidden":"true",children:r}),a.jsx("input",{ref:F,id:n,className:A,disabled:f,required:o,"aria-required":o||void 0,"aria-invalid":s?"true":"false","aria-describedby":R,"aria-label":i?void 0:h,...y}),d&&a.jsx("span",{className:`${e.default.rightIcon} ${e.default.rightIconInteractive}`,children:d}),N&&a.jsx("span",{className:`${e.default.rightIcon} ${e.default.errorIconInline}`,"aria-hidden":"true",children:a.jsx(b.AlertCircle,{size:B})})]}),t&&!s&&a.jsx("p",{id:j,className:e.default.helperText,children:t}),s&&a.jsxs("p",{id:m,className:e.default.errorMessage,role:"alert","aria-live":"assertive",children:[a.jsx(b.AlertCircle,{size:14,"aria-hidden":"true",className:e.default.errorIconMessage}),a.jsx("span",{children:s})]})]})});v.displayName="Field";exports.Field=v;

package/dist/components/Field/Field.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,yGAgKjB,CAAC"}

package/dist/components/Field/Field.mjs

@@ -1,107 +0,0 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import { forwardRef as E, useId as M } from "react";
-import { AlertCircle as b } from "lucide-react";
-import e from "./Field.module.css.mjs";
-const R = E(
-  ({
-    label: n,
-    error: a,
-    helperText: d,
-    leftIcon: o,
-    rightIcon: r,
-    fullWidth: g = !1,
-    size: t = "md",
-    optional: h = !1,
-    className: $,
-    id: j,
-    disabled: m,
-    required: p,
-    "aria-label": f,
-    "aria-describedby": u,
-    ...y
-  }, B) => {
-    const C = M(), l = j || `field-${C}`, N = `${l}-error`, v = `${l}-helper`, I = a && !r, i = [];
-    a && i.push(N), d && !a && i.push(v), u && i.push(u);
-    const F = i.length > 0 ? i.join(" ") : void 0;
-    !(n || f) && process.env.NODE_ENV === "development" && console.warn(
-      "Field: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users."
-    );
-    const w = [
-      e.fieldContainer,
-      g && e.fullWidth,
-      a && e.error,
-      m && e.disabled,
-      $
-    ].filter(Boolean).join(" "), x = [
-      e.input,
-      e[t],
-      o && e.hasLeftIcon,
-      (r || I) && e.hasRightIcon
-    ].filter(Boolean).join(" "), A = t === "sm" ? 14 : t === "lg" ? 20 : 16;
-    return /* @__PURE__ */ c("div", { className: w, children: [
-      n && /* @__PURE__ */ c("label", { htmlFor: l, className: e.label, children: [
-        /* @__PURE__ */ s("span", { className: e.labelText, children: n }),
-        h && /* @__PURE__ */ s("span", { className: e.optional, "aria-hidden": "true", children: "(optional)" }),
-        p && !h && /* @__PURE__ */ s("span", { className: e.required, "aria-hidden": "true", children: "*" })
-      ] }),
-      /* @__PURE__ */ c("div", { className: e.inputWrapper, children: [
-        o && /* @__PURE__ */ s("span", { className: e.leftIcon, "aria-hidden": "true", children: o }),
-        /* @__PURE__ */ s(
-          "input",
-          {
-            ref: B,
-            id: l,
-            className: x,
-            disabled: m,
-            required: p,
-            "aria-required": p || void 0,
-            "aria-invalid": a ? "true" : "false",
-            "aria-describedby": F,
-            "aria-label": n ? void 0 : f,
-            ...y
-          }
-        ),
-        r && /* @__PURE__ */ s(
-          "span",
-          {
-            className: `${e.rightIcon} ${e.rightIconInteractive}`,
-            children: r
-          }
-        ),
-        I && /* @__PURE__ */ s(
-          "span",
-          {
-            className: `${e.rightIcon} ${e.errorIconInline}`,
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ s(b, { size: A })
-          }
-        )
-      ] }),
-      d && !a && /* @__PURE__ */ s("p", { id: v, className: e.helperText, children: d }),
-      a && /* @__PURE__ */ c(
-        "p",
-        {
-          id: N,
-          className: e.errorMessage,
-          role: "alert",
-          "aria-live": "assertive",
-          children: [
-            /* @__PURE__ */ s(
-              b,
-              {
-                size: 14,
-                "aria-hidden": "true",
-                className: e.errorIconMessage
-              }
-            ),
-            /* @__PURE__ */ s("span", { children: a })
-          ]
-        }
-      )
-    ] });
-  }
-);
-R.displayName = "Field";
-export {
-  R as Field
-};

package/dist/components/Field/Field.module.css

@@ -1 +0,0 @@
-._fieldContainer_71nij_9{display:flex;flex-direction:column;gap:var(--spacing-2)}._fullWidth_71nij_15{width:100%}._disabled_71nij_19{opacity:.6}._label_71nij_24{display:flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-tight);cursor:pointer}._disabled_71nij_19 ._label_71nij_24{cursor:not-allowed}._optional_71nij_44{font-size:var(--font-size-11);font-weight:var(--font-weight-normal);color:var(--text-tertiary)}._required_71nij_50{color:var(--status-error);font-weight:var(--font-weight-medium);margin-left:2px}._inputWrapper_71nij_57{position:relative;display:flex;align-items:center}._input_71nij_57{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);transition:all var(--transition-fast);outline:none}._input_71nij_57::placeholder{color:var(--text-tertiary)}._input_71nij_57:hover:not(:disabled):not(:read-only){border-color:var(--border-strong)}._input_71nij_57:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--soft-brand)}._input_71nij_57:focus-visible{border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--soft-brand)}._input_71nij_57:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-subtle)}._input_71nij_57:read-only{background:var(--surface-subtle);border-color:var(--border-subtle);cursor:default}._input_71nij_57:-webkit-autofill,._input_71nij_57:-webkit-autofill:hover,._input_71nij_57:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--surface-subtle) inset;transition:background-color 5000s ease-in-out 0s}._error_71nij_131 ._input_71nij_57{border-color:var(--status-error)}._error_71nij_131 ._input_71nij_57:focus{border-color:var(--status-error);box-shadow:0 0 0 3px var(--soft-error)}._error_71nij_131 ._input_71nij_57:focus-visible{border-color:var(--status-error);box-shadow:0 0 0 3px var(--soft-error)}._leftIcon_71nij_146,._rightIcon_71nij_147{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);pointer-events:none}._leftIcon_71nij_146{left:var(--spacing-3)}._rightIcon_71nij_147{right:var(--spacing-3)}._rightIconInteractive_71nij_167{pointer-events:auto}._rightIconInteractive_71nij_167 button,._rightIconInteractive_71nij_167 [role=button]{display:flex;align-items:center;justify-content:center;padding:var(--spacing-1);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-tertiary);transition:color var(--transition-fast)}._rightIconInteractive_71nij_167 button:hover,._rightIconInteractive_71nij_167 [role=button]:hover{color:var(--text-primary)}._rightIconInteractive_71nij_167 button:focus-visible,._rightIconInteractive_71nij_167 [role=button]:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._errorIconInline_71nij_198{color:var(--status-error);pointer-events:none}._errorIconMessage_71nij_204{flex-shrink:0}._sm_71nij_209{height:32px;padding-top:0;padding-bottom:0;padding-left:var(--spacing-3);padding-right:var(--spacing-3);font-size:var(--font-size-12)}._md_71nij_218{height:40px;padding-top:0;padding-bottom:0;padding-left:var(--spacing-4);padding-right:var(--spacing-4);font-size:var(--font-size-16)}._lg_71nij_227{height:48px;padding-top:0;padding-bottom:0;padding-left:var(--spacing-4);padding-right:var(--spacing-4);font-size:var(--font-size-18)}._input_71nij_57._hasLeftIcon_71nij_237{padding-left:var(--spacing-10)}._input_71nij_57._hasRightIcon_71nij_241{padding-right:var(--spacing-10)}._helperText_71nij_246{margin:0;font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-secondary);line-height:var(--line-height-snug)}._errorMessage_71nij_255{display:flex;align-items:flex-start;gap:var(--spacing-1);margin:0;font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--status-error);line-height:var(--line-height-snug)}@media(forced-colors:active){._input_71nij_57{border:2px solid CanvasText;background:Canvas;color:CanvasText}._input_71nij_57:focus,._input_71nij_57:focus-visible{outline:3px solid Highlight;outline-offset:2px}._input_71nij_57:disabled{border-color:GrayText;color:GrayText}._error_71nij_131 ._input_71nij_57{border-color:LinkText}._errorMessage_71nij_255,._errorIconInline_71nij_198,._errorIconMessage_71nij_204,._required_71nij_50{color:LinkText}._leftIcon_71nij_146,._rightIcon_71nij_147{color:CanvasText}}[data-dark-bg=true] ._label_71nij_24{color:var(--color-neutral-0)}[data-dark-bg=true] ._optional_71nij_44{color:var(--color-neutral-200)}[data-dark-bg=true] ._required_71nij_50{color:var(--status-error)}[data-dark-bg=true] ._input_71nij_57{background:color-mix(in srgb,var(--color-neutral-0) 15%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 40%,transparent);color:var(--color-neutral-0)}[data-dark-bg=true] ._input_71nij_57::placeholder{color:var(--color-neutral-300)}[data-dark-bg=true] ._input_71nij_57:hover:not(:disabled):not(:read-only){border-color:color-mix(in srgb,var(--color-neutral-0) 60%,transparent)}[data-dark-bg=true] ._input_71nij_57:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--soft-brand)}[data-dark-bg=true] ._input_71nij_57:focus-visible{border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--soft-brand);outline:2px solid var(--interactive-primary);outline-offset:2px}[data-dark-bg=true] ._input_71nij_57:disabled{background:color-mix(in srgb,var(--color-neutral-0) 10%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 20%,transparent)}[data-dark-bg=true] ._input_71nij_57:read-only{background:color-mix(in srgb,var(--color-neutral-0) 10%,transparent);border-color:color-mix(in srgb,var(--color-neutral-0) 20%,transparent)}[data-dark-bg=true] ._input_71nij_57:-webkit-autofill,[data-dark-bg=true] ._input_71nij_57:-webkit-autofill:hover,[data-dark-bg=true] ._input_71nij_57:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-neutral-0);box-shadow:0 0 0 1000px color-mix(in srgb,var(--color-neutral-0) 15%,transparent) inset}[data-dark-bg=true] ._error_71nij_131 ._input_71nij_57{border-color:var(--status-error)}[data-dark-bg=true] ._error_71nij_131 ._input_71nij_57:focus{border-color:var(--status-error);box-shadow:0 0 0 3px var(--soft-error)}[data-dark-bg=true] ._error_71nij_131 ._input_71nij_57:focus-visible{border-color:var(--status-error);box-shadow:0 0 0 3px var(--soft-error)}[data-dark-bg=true] ._leftIcon_71nij_146,[data-dark-bg=true] ._rightIcon_71nij_147,[data-dark-bg=true] ._rightIconInteractive_71nij_167 button,[data-dark-bg=true] ._rightIconInteractive_71nij_167 [role=button]{color:var(--color-neutral-300)}[data-dark-bg=true] ._rightIconInteractive_71nij_167 button:hover,[data-dark-bg=true] ._rightIconInteractive_71nij_167 [role=button]:hover{color:var(--color-neutral-0)}[data-dark-bg=true] ._helperText_71nij_246{color:var(--color-neutral-300)}[data-dark-bg=true] ._errorMessage_71nij_255,[data-dark-bg=true] ._errorIconInline_71nij_198{color:var(--status-error)}@media(prefers-reduced-motion:reduce){._input_71nij_57,._rightIconInteractive_71nij_167 button,._rightIconInteractive_71nij_167 [role=button]{transition:none}}

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_fieldContainer_71nij_9",n="_fullWidth_71nij_15",r="_disabled_71nij_19",t="_label_71nij_24",o="_labelText_71nij_40",i="_optional_71nij_44",_="_required_71nij_50",s="_inputWrapper_71nij_57",l="_input_71nij_57",c="_error_71nij_131",a="_leftIcon_71nij_146",I="_rightIcon_71nij_147",d="_rightIconInteractive_71nij_167",h="_errorIconInline_71nij_198",g="_errorIconMessage_71nij_204",p="_sm_71nij_209",j="_md_71nij_218",u="_lg_71nij_227",f="_hasLeftIcon_71nij_237",b="_hasRightIcon_71nij_241",M="_helperText_71nij_246",m="_errorMessage_71nij_255",T={fieldContainer:e,fullWidth:n,disabled:r,label:t,labelText:o,optional:i,required:_,inputWrapper:s,input:l,error:c,leftIcon:a,rightIcon:I,rightIconInteractive:d,errorIconInline:h,errorIconMessage:g,sm:p,md:j,lg:u,hasLeftIcon:f,hasRightIcon:b,helperText:M,errorMessage:m};exports.default=T;exports.disabled=r;exports.error=c;exports.errorIconInline=h;exports.errorIconMessage=g;exports.errorMessage=m;exports.fieldContainer=e;exports.fullWidth=n;exports.hasLeftIcon=f;exports.hasRightIcon=b;exports.helperText=M;exports.input=l;exports.inputWrapper=s;exports.label=t;exports.labelText=o;exports.leftIcon=a;exports.lg=u;exports.md=j;exports.optional=i;exports.required=_;exports.rightIcon=I;exports.rightIconInteractive=d;exports.sm=p;

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

@@ -1,49 +0,0 @@
-const n = "_fieldContainer_71nij_9", e = "_fullWidth_71nij_15", t = "_disabled_71nij_19", o = "_label_71nij_24", _ = "_labelText_71nij_40", r = "_optional_71nij_44", i = "_required_71nij_50", s = "_inputWrapper_71nij_57", c = "_input_71nij_57", l = "_error_71nij_131", a = "_leftIcon_71nij_146", I = "_rightIcon_71nij_147", j = "_rightIconInteractive_71nij_167", h = "_errorIconInline_71nij_198", d = "_errorIconMessage_71nij_204", p = "_sm_71nij_209", g = "_md_71nij_218", f = "_lg_71nij_227", u = "_hasLeftIcon_71nij_237", b = "_hasRightIcon_71nij_241", x = "_helperText_71nij_246", m = "_errorMessage_71nij_255", M = {
-  fieldContainer: n,
-  fullWidth: e,
-  disabled: t,
-  label: o,
-  labelText: _,
-  optional: r,
-  required: i,
-  inputWrapper: s,
-  input: c,
-  error: l,
-  leftIcon: a,
-  rightIcon: I,
-  rightIconInteractive: j,
-  errorIconInline: h,
-  errorIconMessage: d,
-  sm: p,
-  md: g,
-  lg: f,
-  hasLeftIcon: u,
-  hasRightIcon: b,
-  helperText: x,
-  errorMessage: m
-};
-export {
-  M as default,
-  t as disabled,
-  l as error,
-  h as errorIconInline,
-  d as errorIconMessage,
-  m as errorMessage,
-  n as fieldContainer,
-  e as fullWidth,
-  u as hasLeftIcon,
-  b as hasRightIcon,
-  x as helperText,
-  c as input,
-  s as inputWrapper,
-  o as label,
-  _ as labelText,
-  a as leftIcon,
-  f as lg,
-  g as md,
-  r as optional,
-  i as required,
-  I as rightIcon,
-  j as rightIconInteractive,
-  p as sm
-};

package/dist/components/Field/Field.stories.d.ts

@@ -1,65 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').ForwardRefExoticComponent<import('./Field.types').FieldProps & import('react').RefAttributes<HTMLInputElement>>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        type: {
-            control: "select";
-            options: string[];
-        };
-        size: {
-            control: "select";
-            options: string[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithValue: Story;
-export declare const Required: Story;
-export declare const WithHelper: Story;
-export declare const WithError: Story;
-export declare const Disabled: Story;
-export declare const Small: Story;
-export declare const Medium: Story;
-export declare const Large: Story;
-export declare const EmailType: Story;
-export declare const PasswordType: Story;
-export declare const NumberType: Story;
-export declare const SearchType: Story;
-export declare const CompleteForm: Story;
-/**
- * With Icons - Shows left and right icon support with proper accessibility.
- */
-export declare const WithIcons: Story;
-/**
- * Password Toggle - Accessible password visibility toggle using rightIcon.
- * The button inside rightIcon is keyboard accessible and properly announced.
- */
-export declare const PasswordToggle: Story;
-/**
- * Search without Label - Using aria-label for icon-only search input.
- * When no visible label is provided, aria-label is required for accessibility.
- */
-export declare const SearchWithoutLabel: Story;
-/**
- * External Description - Using aria-describedby with external content.
- * The field can reference additional descriptive text outside the component.
- */
-export declare const ExternalDescription: Story;
-/**
- * Accessibility Overview - Demonstrates all accessibility features in one view.
- */
-export declare const AccessibilityOverview: Story;
-/**
- * On Dark Background - Field visibility on dark backgrounds (e.g., Hero sections).
- * The data-dark-bg="true" attribute automatically adapts Field styling.
- */
-export declare const OnDarkBackground: Story;
-//# sourceMappingURL=Field.stories.d.ts.map

package/dist/components/Field/Field.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAiBoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA2B1B,CAAC;AAMF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAuBvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAyBjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAsHnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KA+D9B,CAAC"}