silver-ui 0.1.0

package/dist/components/MetadataList/MetadataListItem.d.ts

@@ -0,0 +1,43 @@
+import type { CSSProperties, ReactNode, Ref } from 'react';
+import { type IconComponent } from '../Icon';
+/**
+ * A single label-value pair rendered inside a MetadataList.
+ */
+export interface MetadataListItemProps {
+    /**
+     * Value content rendered beside or below the label.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS class names applied to the root element.
+     */
+    className?: string;
+    /**
+     * Test ID applied to the root element.
+     */
+    'data-testid'?: string;
+    /**
+     * Optional icon rendered before the label text.
+     */
+    icon?: IconComponent;
+    /**
+     * Descriptive label for this metadata entry.
+     */
+    label: string;
+    /**
+     * Ref forwarded to the root element.
+     */
+    ref?: Ref<HTMLDivElement>;
+    /**
+     * Inline styles applied to the root element.
+     */
+    style?: CSSProperties;
+}
+/**
+ * A single label-value pair rendered inside a MetadataList.
+ */
+export declare function MetadataListItem({ children, icon, label, className, 'data-testid': dataTestId, style, ref, }: MetadataListItemProps): React.JSX.Element;
+export declare namespace MetadataListItem {
+    var displayName: string;
+}
+//# sourceMappingURL=MetadataListItem.d.ts.map

package/dist/components/MetadataList/MetadataListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetadataListItem.d.ts","sourceRoot":"","sources":["../../../src/components/MetadataList/MetadataListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,GAAG,EAAC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAO,KAAK,aAAa,EAAC,MAAM,SAAS,CAAC;AAGjD;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AA8BD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,KAAK,EACL,GAAG,GACJ,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsC3C;yBA9Ce,gBAAgB"}

package/dist/components/MetadataList/index.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var chunk2ZGGJWJY_cjs = require('../../chunk-2ZGGJWJY.cjs');
+require('../../chunk-47BELFYO.cjs');
+require('../../chunk-MKAOIB2O.cjs');
+require('../../chunk-6SPQDYHC.cjs');
+require('../../chunk-6SHL7FYO.cjs');
+require('../../chunk-PHFEQG4E.cjs');
+require('../../chunk-JAX62FUE.cjs');
+require('../../chunk-SPDVNY2Z.cjs');
+require('../../chunk-AZDWQGAX.cjs');
+
+
+
+Object.defineProperty(exports, "MetadataList", {
+  enumerable: true,
+  get: function () { return chunk2ZGGJWJY_cjs.MetadataList; }
+});
+Object.defineProperty(exports, "MetadataListItem", {
+  enumerable: true,
+  get: function () { return chunk2ZGGJWJY_cjs.MetadataListItem; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/MetadataList/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

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

@@ -0,0 +1,4 @@
+export { MetadataList, type MetadataListLabelPosition, type MetadataListProps, } from './MetadataList';
+export { MetadataListItem, type MetadataListItemProps } from './MetadataListItem';
+export type { MetadataListContextValue } from './MetadataListContext';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MetadataList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,yBAAyB,EAC9B,KAAK,iBAAiB,GACvB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,gBAAgB,EAAE,KAAK,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAChF,YAAY,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAC"}

package/dist/components/MetadataList/index.js

@@ -0,0 +1,11 @@
+export { MetadataList, MetadataListItem } from '../../chunk-PBZWX2RJ.js';
+import '../../chunk-PZO5MZ46.js';
+import '../../chunk-EB5EHX6I.js';
+import '../../chunk-OKKL652L.js';
+import '../../chunk-SGLIDI6R.js';
+import '../../chunk-4W7L63LH.js';
+import '../../chunk-NAELQLZN.js';
+import '../../chunk-PPNETWIP.js';
+import '../../chunk-UHQRL4OA.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/MetadataList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,175 @@
+import { type CSSProperties, type ReactNode, type Ref } from 'react';
+import { type SelectListboxOptionData } from '../../internal/useSelectListbox';
+import { type FieldNecessity, type InputSize, type InputStatus } from '../Field';
+import { type IconComponent } from '../Icon';
+export interface MultiSelectOptionData extends SelectListboxOptionData {
+    /**
+     * Icon displayed before the label.
+     */
+    icon?: IconComponent;
+    /**
+     * Whether the option is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Option label. Defaults to `value`.
+     */
+    label?: string;
+    /**
+     * Option value.
+     */
+    value: string;
+}
+export interface MultiSelectDivider {
+    /**
+     * Discriminator identifying a divider entry.
+     */
+    type: 'divider';
+}
+export interface MultiSelectSection {
+    /**
+     * Options within this section.
+     */
+    options: ReadonlyArray<MultiSelectOptionData>;
+    /**
+     * Optional heading text for the section.
+     */
+    title?: string;
+    /**
+     * Discriminator identifying a section entry.
+     */
+    type: 'section';
+}
+export type MultiSelectOption = MultiSelectDivider | MultiSelectOptionData | MultiSelectSection | string;
+export type MultiSelectTriggerDisplay = 'count' | 'labels' | 'badges';
+export type MultiSelectProps = {
+    /**
+     * Custom render function for selectable options.
+     */
+    children?: (option: MultiSelectOptionData) => ReactNode;
+    /**
+     * Additional CSS class names applied to the trigger wrapper.
+     */
+    className?: string;
+    /**
+     * Test ID applied to the combobox button.
+     */
+    'data-testid'?: string;
+    /**
+     * Supporting text displayed below the label.
+     */
+    description?: ReactNode;
+    /**
+     * Whether to show a clear button when values are selected.
+     * @default false
+     */
+    hasClear?: boolean;
+    /**
+     * Whether to show search input in the dropdown.
+     * @default false
+     */
+    hasSearch?: boolean;
+    /**
+     * Whether to show a select-all option.
+     * @default false
+     */
+    hasSelectAll?: boolean;
+    /**
+     * Whether the selector starts open.
+     * @default false
+     */
+    isDefaultOpen?: boolean;
+    /**
+     * Whether the selector is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether to visually hide the label.
+     * @default false
+     */
+    isLabelHidden?: boolean;
+    /**
+     * Whether the selector is loading.
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Field label.
+     */
+    label: string;
+    /**
+     * Icon shown before the label.
+     */
+    labelIcon?: IconComponent;
+    /**
+     * Tooltip content shown next to the label.
+     */
+    labelTooltip?: ReactNode;
+    /**
+     * Maximum number of badges before showing an overflow count.
+     * @default 3
+     */
+    maxBadges?: number;
+    /**
+     * Called when selection changes.
+     */
+    onChange: (value: string[]) => void;
+    /**
+     * Options to display.
+     */
+    options: ReadonlyArray<MultiSelectOption>;
+    /**
+     * Placeholder shown when no values are selected.
+     * @default 'Select...'
+     */
+    placeholder?: string;
+    /**
+     * Ref forwarded to the combobox button.
+     */
+    ref?: Ref<HTMLButtonElement>;
+    /**
+     * Search input placeholder.
+     * @default 'Search...'
+     */
+    searchPlaceholder?: string;
+    /**
+     * Select-all option label.
+     * @default 'Select all'
+     */
+    selectAllLabel?: string;
+    /**
+     * Select size.
+     * @default 'md'
+     */
+    size?: InputSize;
+    /**
+     * Start icon rendered in the trigger.
+     */
+    startIcon?: IconComponent;
+    /**
+     * Validation status displayed below the selector.
+     */
+    status?: InputStatus;
+    /**
+     * Inline styles applied to the trigger wrapper.
+     */
+    style?: CSSProperties;
+    /**
+     * How selected items are summarized in the trigger.
+     * @default 'count'
+     */
+    triggerDisplay?: MultiSelectTriggerDisplay;
+    /**
+     * Selected option values.
+     */
+    value: string[];
+} & FieldNecessity;
+/**
+ * Multi-select dropdown field with checkbox-style options.
+ */
+export declare function MultiSelect({ children, className, 'data-testid': dataTestId, description, hasClear, hasSearch, hasSelectAll, isDefaultOpen, isDisabled, isLabelHidden, isLoading, isOptional, isRequired, label, labelIcon, labelTooltip, maxBadges, onChange, options, placeholder, ref, searchPlaceholder, selectAllLabel, size, startIcon, status, style, triggerDisplay, value, }: MultiSelectProps): React.JSX.Element;
+export declare namespace MultiSelect {
+    var displayName: string;
+}
+//# sourceMappingURL=MultiSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"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"}

package/dist/components/MultiSelect/index.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var chunkLFZXGIR6_cjs = require('../../chunk-LFZXGIR6.cjs');
+require('../../chunk-KYDRDJRM.cjs');
+require('../../chunk-ZC7H4S4T.cjs');
+require('../../chunk-I6IGTQLG.cjs');
+require('../../chunk-5G3BY75L.cjs');
+require('../../chunk-G44NDBPN.cjs');
+require('../../chunk-WSAZHUB3.cjs');
+require('../../chunk-R37R7DEV.cjs');
+require('../../chunk-NILB6Y4Z.cjs');
+require('../../chunk-2WP6NYYY.cjs');
+require('../../chunk-47BELFYO.cjs');
+require('../../chunk-OA4KIVLO.cjs');
+require('../../chunk-2QM5XBX4.cjs');
+require('../../chunk-MKAOIB2O.cjs');
+require('../../chunk-6SPQDYHC.cjs');
+require('../../chunk-6SHL7FYO.cjs');
+require('../../chunk-2OXKEUKG.cjs');
+require('../../chunk-PHFEQG4E.cjs');
+require('../../chunk-JAX62FUE.cjs');
+require('../../chunk-SPDVNY2Z.cjs');
+require('../../chunk-AZDWQGAX.cjs');
+
+
+
+Object.defineProperty(exports, "MultiSelect", {
+  enumerable: true,
+  get: function () { return chunkLFZXGIR6_cjs.MultiSelect; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/MultiSelect/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

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

@@ -0,0 +1,2 @@
+export { MultiSelect, type MultiSelectDivider, type MultiSelectOption, type MultiSelectOptionData, type MultiSelectProps, type MultiSelectSection, type MultiSelectTriggerDisplay, } from './MultiSelect';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,GAC/B,MAAM,eAAe,CAAC"}

package/dist/components/MultiSelect/index.js

@@ -0,0 +1,23 @@
+export { MultiSelect } from '../../chunk-FVIEYPDB.js';
+import '../../chunk-E7EO3YVJ.js';
+import '../../chunk-VIJHDURK.js';
+import '../../chunk-NGWNIMMX.js';
+import '../../chunk-3L3M7SJ3.js';
+import '../../chunk-RLQYXUDO.js';
+import '../../chunk-2QK2NZN5.js';
+import '../../chunk-OX4ZMUF4.js';
+import '../../chunk-VLIQPSPM.js';
+import '../../chunk-RGPL6EDK.js';
+import '../../chunk-PZO5MZ46.js';
+import '../../chunk-WA4DRAQ7.js';
+import '../../chunk-V5W7NZN5.js';
+import '../../chunk-EB5EHX6I.js';
+import '../../chunk-OKKL652L.js';
+import '../../chunk-SGLIDI6R.js';
+import '../../chunk-Z4TZAJS3.js';
+import '../../chunk-4W7L63LH.js';
+import '../../chunk-NAELQLZN.js';
+import '../../chunk-PPNETWIP.js';
+import '../../chunk-UHQRL4OA.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/MultiSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/NavIcon/NavIcon.d.ts

@@ -0,0 +1,32 @@
+import type { CSSProperties, ReactNode, Ref } from 'react';
+export interface NavIconProps {
+    /**
+     * Additional CSS class names applied to the root element.
+     */
+    className?: string;
+    /**
+     * Test ID applied to the root element.
+     */
+    'data-testid'?: string;
+    /**
+     * The icon element to render inside the circular background.
+     */
+    icon: ReactNode;
+    /**
+     * Ref forwarded to the root element.
+     */
+    ref?: Ref<HTMLSpanElement>;
+    /**
+     * Inline styles applied to the root element.
+     */
+    style?: CSSProperties;
+}
+/**
+ * Circular icon container for navigation headers.
+ * Wraps an icon with a circular accent-colored background.
+ */
+export declare function NavIcon({ className, 'data-testid': dataTestId, icon, ref, style, }: NavIconProps): React.JSX.Element;
+export declare namespace NavIcon {
+    var displayName: string;
+}
+//# sourceMappingURL=NavIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavIcon.d.ts","sourceRoot":"","sources":["../../../src/components/NavIcon/NavIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,GAAG,EAAC,MAAM,OAAO,CAAC;AAIzD,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAgBD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,GAAG,EACH,KAAK,GACN,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAUlC;yBAhBe,OAAO"}

package/dist/components/NavIcon/index.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+var chunkSPDVNY2Z_cjs = require('../../chunk-SPDVNY2Z.cjs');
+var chunkAZDWQGAX_cjs = require('../../chunk-AZDWQGAX.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+var styles = {
+  base: chunkAZDWQGAX_cjs.css({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "full",
+    bg: "primary",
+    color: "fg.onPrimary",
+    flexShrink: 0,
+    w: "component.sm",
+    h: "component.sm"
+  })
+};
+function NavIcon({
+  className,
+  "data-testid": dataTestId,
+  icon,
+  ref,
+  style
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: chunkSPDVNY2Z_cjs.cx(styles.base, className),
+      "data-testid": dataTestId,
+      ref,
+      style,
+      children: icon
+    }
+  );
+}
+NavIcon.displayName = "NavIcon";
+
+exports.NavIcon = NavIcon;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/NavIcon/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/NavIcon/NavIcon.tsx"],"names":["css","jsx","cx"],"mappings":";;;;;;AA2BA,IAAM,MAAA,GAAS;AAAA,EACb,MAAMA,qBAAA,CAAI;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,YAAA,EAAc,MAAA;AAAA,IACd,EAAA,EAAI,SAAA;AAAA,IACJ,KAAA,EAAO,cAAA;AAAA,IACP,UAAA,EAAY,CAAA;AAAA,IACZ,CAAA,EAAG,cAAA;AAAA,IACH,CAAA,EAAG;AAAA,GACJ;AACH,CAAA;AAMO,SAAS,OAAA,CAAQ;AAAA,EACtB,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,IAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,uBACEC,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,oBAAA,CAAG,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AAAA,MACpC,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA;AAAA,MACC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"index.cjs","sourcesContent":["import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\n\nexport interface NavIconProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * The icon element to render inside the circular background.\n   */\n  icon: ReactNode;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLSpanElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  base: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'full',\n    bg: 'primary',\n    color: 'fg.onPrimary',\n    flexShrink: 0,\n    w: 'component.sm',\n    h: 'component.sm',\n  }),\n};\n\n/**\n * Circular icon container for navigation headers.\n * Wraps an icon with a circular accent-colored background.\n */\nexport function NavIcon({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  ref,\n  style,\n}: NavIconProps): React.JSX.Element {\n  return (\n    <span\n      className={cx(styles.base, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {icon}\n    </span>\n  );\n}\n\nNavIcon.displayName = 'NavIcon';\n"]}

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

@@ -0,0 +1,2 @@
+export { NavIcon, type NavIconProps } from './NavIcon';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,WAAW,CAAC"}

package/dist/components/NavIcon/index.js

@@ -0,0 +1,40 @@
+import { cx } from '../../chunk-PPNETWIP.js';
+import { css } from '../../chunk-UHQRL4OA.js';
+import { jsx } from 'react/jsx-runtime';
+
+var styles = {
+  base: css({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "full",
+    bg: "primary",
+    color: "fg.onPrimary",
+    flexShrink: 0,
+    w: "component.sm",
+    h: "component.sm"
+  })
+};
+function NavIcon({
+  className,
+  "data-testid": dataTestId,
+  icon,
+  ref,
+  style
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cx(styles.base, className),
+      "data-testid": dataTestId,
+      ref,
+      style,
+      children: icon
+    }
+  );
+}
+NavIcon.displayName = "NavIcon";
+
+export { NavIcon };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/NavIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/NavIcon/NavIcon.tsx"],"names":[],"mappings":";;;;AA2BA,IAAM,MAAA,GAAS;AAAA,EACb,MAAM,GAAA,CAAI;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,YAAA,EAAc,MAAA;AAAA,IACd,EAAA,EAAI,SAAA;AAAA,IACJ,KAAA,EAAO,cAAA;AAAA,IACP,UAAA,EAAY,CAAA;AAAA,IACZ,CAAA,EAAG,cAAA;AAAA,IACH,CAAA,EAAG;AAAA,GACJ;AACH,CAAA;AAMO,SAAS,OAAA,CAAQ;AAAA,EACtB,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,IAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AAAA,MACpC,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA;AAAA,MACC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"index.js","sourcesContent":["import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\n\nexport interface NavIconProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * The icon element to render inside the circular background.\n   */\n  icon: ReactNode;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLSpanElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  base: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'full',\n    bg: 'primary',\n    color: 'fg.onPrimary',\n    flexShrink: 0,\n    w: 'component.sm',\n    h: 'component.sm',\n  }),\n};\n\n/**\n * Circular icon container for navigation headers.\n * Wraps an icon with a circular accent-colored background.\n */\nexport function NavIcon({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  ref,\n  style,\n}: NavIconProps): React.JSX.Element {\n  return (\n    <span\n      className={cx(styles.base, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {icon}\n    </span>\n  );\n}\n\nNavIcon.displayName = 'NavIcon';\n"]}

package/dist/components/NumberInput/NumberInput.d.ts

@@ -0,0 +1,157 @@
+import { type CSSProperties, type FocusEvent, type KeyboardEvent, type ReactNode, type Ref } from 'react';
+import { type FieldNecessity, type InputSize, type InputStatus } from '../Field';
+import { type IconComponent } from '../Icon';
+type NumberInputBaseProps = {
+    /**
+     * HTML autocomplete attribute value.
+     */
+    autoComplete?: string;
+    /**
+     * Additional CSS class names applied to the input wrapper.
+     */
+    className?: string;
+    /**
+     * Test ID applied to the input element.
+     */
+    'data-testid'?: string;
+    /**
+     * Supporting text displayed below the label.
+     */
+    description?: ReactNode;
+    /**
+     * Content rendered after the input, before the status icon.
+     */
+    endContent?: ReactNode;
+    /**
+     * Whether to focus the input on mount.
+     * @default false
+     */
+    hasAutoFocus?: boolean;
+    /**
+     * HTML name attribute.
+     */
+    htmlName?: string;
+    /**
+     * Whether the input is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether to restrict input to integer values only.
+     * @default false
+     */
+    isIntegerOnly?: boolean;
+    /**
+     * Whether to visually hide the label.
+     * @default false
+     */
+    isLabelHidden?: boolean;
+    /**
+     * Whether the input is in a loading state.
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Field label.
+     */
+    label: string;
+    /**
+     * Icon rendered beside the label.
+     */
+    labelIcon?: IconComponent;
+    /**
+     * Tooltip content shown next to the label.
+     */
+    labelTooltip?: ReactNode;
+    /**
+     * Maximum allowed value.
+     */
+    max?: number | null;
+    /**
+     * Minimum allowed value.
+     */
+    min?: number | null;
+    /**
+     * Called when the input loses focus.
+     */
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Called when Enter is pressed.
+     */
+    onEnter?: () => void;
+    /**
+     * Called when the input receives focus.
+     */
+    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Keyboard event handler for the input.
+     */
+    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * Placeholder text.
+     */
+    placeholder?: string;
+    /**
+     * Ref forwarded to the input element.
+     */
+    ref?: Ref<HTMLInputElement>;
+    /**
+     * Visual size.
+     * @default 'md'
+     */
+    size?: InputSize;
+    /**
+     * Icon shown before the input.
+     */
+    startIcon?: IconComponent;
+    /**
+     * Validation status displayed below the input.
+     */
+    status?: InputStatus;
+    /**
+     * Step increment for the number input.
+     */
+    step?: number | null;
+    /**
+     * Inline styles applied to the input wrapper.
+     */
+    style?: CSSProperties;
+    /**
+     * Unit label displayed after the input value.
+     */
+    units?: string | null;
+    /**
+     * Controlled numeric value.
+     */
+    value: number | null;
+} & FieldNecessity;
+type NumberInputNonClearableProps = NumberInputBaseProps & {
+    /**
+     * Whether to show a clear button.
+     */
+    hasClear?: false;
+    /**
+     * Called when the numeric value changes.
+     */
+    onChange: (value: number) => void;
+};
+type NumberInputClearableProps = NumberInputBaseProps & {
+    /**
+     * Whether to show a clear button.
+     */
+    hasClear: true;
+    /**
+     * Called when the numeric value changes or is cleared.
+     */
+    onChange: (value: number | null) => void;
+};
+export type NumberInputProps = NumberInputClearableProps | NumberInputNonClearableProps;
+/**
+ * Numeric input field with optional min/max bounds and step control.
+ */
+export declare function NumberInput({ label, value, onChange, size: sizeProp, description, endContent, isLabelHidden, isOptional, isRequired, isDisabled, isIntegerOnly, isLoading, hasClear, hasAutoFocus, htmlName, autoComplete, min, max, step, units, status, labelIcon, labelTooltip, startIcon, placeholder, onFocus, onBlur, onEnter, onKeyDown, className, 'data-testid': dataTestId, style, ref, }: NumberInputProps): React.JSX.Element;
+export declare namespace NumberInput {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=NumberInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}