silver-ui 0.1.0

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

@@ -0,0 +1,107 @@
+import type { ComponentType, CSSProperties, HTMLAttributes, ReactNode, Ref, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+import type { TableFilterFieldRef } from './plugins/filtering/useTableFiltering';
+export interface ProportionalWidth {
+    minWidth?: number;
+    type: 'proportional';
+    value: number;
+}
+export interface PixelWidth {
+    type: 'pixel';
+    value: number;
+}
+export type ColumnWidth = PixelWidth | ProportionalWidth;
+export interface TableSortableColumnConfig {
+    sortKey?: string;
+}
+export type TableColumnAlign = 'start' | 'center' | 'end';
+export type TableVerticalAlign = 'middle' | 'top' | 'bottom';
+export interface TableColumn<T extends Record<string, unknown>> {
+    align?: TableColumnAlign;
+    filter?: string | TableFilterFieldRef;
+    header?: ReactNode;
+    key: string;
+    renderCell?: (item: T) => ReactNode;
+    resizable?: boolean;
+    sortable?: boolean | TableSortableColumnConfig;
+    width?: ColumnWidth;
+}
+export type TableStyle = string | undefined;
+export interface TableRenderProps {
+    className?: string;
+    htmlProps: HTMLAttributes<HTMLTableElement>;
+}
+export interface HeaderRowRenderProps {
+    children: ReactNode;
+    className?: string;
+    htmlProps: HTMLAttributes<HTMLTableRowElement>;
+}
+export interface HeaderCellRenderProps {
+    after?: ReactNode;
+    before?: ReactNode;
+    below?: ReactNode;
+    className?: string;
+    content?: ReactNode;
+    htmlProps: ThHTMLAttributes<HTMLTableCellElement>;
+    overlay?: ReactNode;
+}
+export interface BodyRowRenderProps {
+    children: ReactNode;
+    className?: string;
+    htmlProps: HTMLAttributes<HTMLTableRowElement>;
+    ref?: Ref<HTMLTableRowElement>;
+}
+export interface BodyCellRenderProps {
+    className?: string;
+    htmlProps: TdHTMLAttributes<HTMLTableCellElement>;
+}
+export interface TablePlugin<T extends Record<string, unknown> = Record<string, unknown>> {
+    transformBodyCell?: (props: BodyCellRenderProps, column: TableColumn<T>, item: T) => BodyCellRenderProps;
+    transformBodyRow?: (props: BodyRowRenderProps, item: T, index: number) => BodyRowRenderProps;
+    transformColumns?: (columns: TableColumn<T>[]) => TableColumn<T>[];
+    transformHeaderCell?: (props: HeaderCellRenderProps, column: TableColumn<T>) => HeaderCellRenderProps;
+    transformHeaderRow?: (props: HeaderRowRenderProps) => HeaderRowRenderProps;
+    transformTable?: (props: TableRenderProps) => TableRenderProps;
+    transformTableContext?: (children: ReactNode) => ReactNode;
+}
+export interface TableRowComponentProps extends HTMLAttributes<HTMLTableRowElement> {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLTableRowElement>;
+}
+export interface TableCellComponentProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    children?: ReactNode;
+    className?: string;
+}
+export interface TableHeaderCellComponentProps extends ThHTMLAttributes<HTMLTableCellElement> {
+    children?: ReactNode;
+    className?: string;
+}
+export interface BaseTableProps<T extends Record<string, unknown>> {
+    children?: ReactNode;
+    className?: string;
+    columns?: TableColumn<T>[];
+    data?: T[];
+    'data-testid'?: string;
+    emptyState?: ReactNode | false;
+    idKey?: (keyof T & string) | ((item: T) => number | string);
+    plugins?: TablePlugin<T>[];
+    ref?: Ref<HTMLTableElement>;
+    scrollWrapper?: ComponentType<{
+        children: ReactNode;
+    }>;
+    style?: CSSProperties;
+    tableProps?: HTMLAttributes<HTMLTableElement>;
+    textOverflow?: 'truncate' | 'wrap';
+}
+export type TableDensity = 'balanced' | 'compact' | 'spacious';
+export type TableDividers = 'columns' | 'grid' | 'none' | 'rows';
+export type TableTextOverflow = 'truncate' | 'wrap';
+export interface TableContextValue {
+    density: TableDensity;
+    dividers: TableDividers;
+    hasHover: boolean;
+    isStriped: boolean;
+    textOverflow: TableTextOverflow;
+    verticalAlign: TableVerticalAlign;
+}
+//# sourceMappingURL=types.d.ts.map

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

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

package/dist/components/Table/useBaseTablePlugins.d.ts

@@ -0,0 +1,3 @@
+import type { TablePlugin } from './types';
+export declare function useBaseTablePlugins<T extends Record<string, unknown>>(basePlugins: TablePlugin<T>[], userPlugins?: Record<string, TablePlugin<T>> | TablePlugin<T>[]): TablePlugin<T>[];
+//# sourceMappingURL=useBaseTablePlugins.d.ts.map

package/dist/components/Table/useBaseTablePlugins.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBaseTablePlugins.d.ts","sourceRoot":"","sources":["../../../src/components/Table/useBaseTablePlugins.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AA4BzC,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACnE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,EAC7B,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,GAC9D,WAAW,CAAC,CAAC,CAAC,EAAE,CAOlB"}

package/dist/components/Tabs/Tab.d.ts

@@ -0,0 +1,74 @@
+import type { CSSProperties, ReactNode, Ref } from 'react';
+import { type IconComponent } from '../Icon';
+import type { LinkComponent } from '../Link';
+export interface TabProps {
+    /**
+     * Custom link component used when href is set.
+     */
+    as?: LinkComponent;
+    /**
+     * Additional CSS class names applied to the tab.
+     */
+    className?: string;
+    /**
+     * ID of the tabpanel controlled by this tab. Use this for in-page tabs, and
+     * render the corresponding panel with `id={controls}`, `role="tabpanel"`,
+     * and `aria-labelledby` pointing to this tab's `id`.
+     */
+    controls?: string;
+    /**
+     * Test ID applied to the tab.
+     */
+    'data-testid'?: string;
+    /**
+     * Content rendered after the label.
+     */
+    endContent?: ReactNode;
+    /**
+     * Optional link URL. When set, the tab renders as a link.
+     */
+    href?: string;
+    /**
+     * Icon shown before the label.
+     */
+    icon?: IconComponent;
+    /**
+     * ID applied to the tab element. Provide this with `controls` when rendering
+     * your own tabpanel so the panel can reference the tab with
+     * `aria-labelledby`.
+     */
+    id?: string;
+    /**
+     * Whether the tab is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Visible tab label.
+     */
+    label: string;
+    /**
+     * Ref forwarded to the tab root.
+     */
+    ref?: Ref<HTMLElement>;
+    /**
+     * Icon shown when selected. Falls back to icon.
+     */
+    selectedIcon?: IconComponent;
+    /**
+     * Inline styles applied to the tab.
+     */
+    style?: CSSProperties;
+    /**
+     * Unique tab value.
+     */
+    value: string;
+}
+/**
+ * A single tab inside `Tabs`.
+ */
+export declare function Tab({ as, className, 'data-testid': dataTestId, controls, endContent, href, id, icon, isDisabled, label, ref, selectedIcon, style, value, }: TabProps): React.JSX.Element;
+export declare namespace Tab {
+    var displayName: string;
+}
+//# sourceMappingURL=Tab.d.ts.map

package/dist/components/Tabs/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,GAAG,EAAC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAO,KAAK,aAAa,EAAC,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAI3C,MAAM,WAAW,QAAQ;IACvB;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAoFD;;GAEG;AACH,wBAAgB,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,EAAE,EACF,IAAI,EACJ,UAAkB,EAClB,KAAK,EACL,GAAG,EACH,YAAY,EACZ,KAAK,EACL,KAAK,GACN,EAAE,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwF9B;yBAvGe,GAAG"}

package/dist/components/Tabs/TabMenu.d.ts

@@ -0,0 +1,59 @@
+import { type CSSProperties, type Ref } from 'react';
+import { type IconComponent } from '../Icon';
+export interface TabMenuOption {
+    /**
+     * Icon rendered before the option label.
+     */
+    icon?: IconComponent;
+    /**
+     * Visible option label.
+     */
+    label: string;
+    /**
+     * Tab value selected by this option.
+     */
+    value: string;
+}
+export interface TabMenuProps {
+    /**
+     * Additional CSS class names applied to the trigger.
+     */
+    className?: string;
+    /**
+     * Test ID applied to the trigger.
+     */
+    'data-testid'?: string;
+    /**
+     * ID applied to the menu trigger tab.
+     */
+    id?: string;
+    /**
+     * Whether the menu trigger is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Trigger and menu heading label.
+     */
+    label: string;
+    /**
+     * Menu options.
+     */
+    options: ReadonlyArray<TabMenuOption>;
+    /**
+     * Ref forwarded to the trigger button.
+     */
+    ref?: Ref<HTMLButtonElement>;
+    /**
+     * Inline styles applied to the trigger.
+     */
+    style?: CSSProperties;
+}
+/**
+ * Overflow menu for additional tabs.
+ */
+export declare function TabMenu({ className, 'data-testid': dataTestId, id, isDisabled, label, options, ref, style, }: TabMenuProps): React.JSX.Element;
+export declare namespace TabMenu {
+    var displayName: string;
+}
+//# sourceMappingURL=TabMenu.d.ts.map

package/dist/components/Tabs/TabMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,aAAa,EAElB,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAIf,OAAO,EAAO,KAAK,aAAa,EAAC,MAAM,SAAS,CAAC;AAIjD,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACtC;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAkGD;;GAEG;AACH,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,EAAE,EACF,UAAkB,EAClB,KAAK,EACL,OAAO,EACP,GAAG,EACH,KAAK,GACN,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyJlC;yBAlKe,OAAO"}

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,60 @@
+import { type CSSProperties, type ReactNode, type Ref } from 'react';
+import { type TabsLayout, type TabsSize } from './TabsContext';
+export interface TabsProps {
+    /**
+     * Tab and TabMenu children.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS class names applied to the tablist element.
+     */
+    className?: string;
+    /**
+     * Test ID applied to the tablist element.
+     */
+    'data-testid'?: string;
+    /**
+     * Whether to show a bottom divider.
+     * @default false
+     */
+    hasDivider?: boolean;
+    /**
+     * Accessible label for the tabs.
+     * @default 'Tabs'
+     */
+    label?: string;
+    /**
+     * Tab layout mode.
+     * @default 'hug'
+     */
+    layout?: TabsLayout;
+    /**
+     * Called when a tab is selected.
+     */
+    onChange: (value: string) => void;
+    /**
+     * Ref forwarded to the tablist element.
+     */
+    ref?: Ref<HTMLElement>;
+    /**
+     * Tab size.
+     * @default 'md'
+     */
+    size?: TabsSize;
+    /**
+     * Inline styles applied to the tablist element.
+     */
+    style?: CSSProperties;
+    /**
+     * Current selected tab value.
+     */
+    value: string;
+}
+/**
+ * Controlled tab wrapper.
+ */
+export declare function Tabs({ children, className, 'data-testid': dataTestId, hasDivider, label, layout, onChange, ref, size, style, value, }: TabsProps): React.JSX.Element;
+export declare namespace Tabs {
+    var displayName: string;
+}
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAc,KAAK,UAAU,EAAE,KAAK,QAAQ,EAAC,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAmBD;;GAEG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,UAAkB,EAClB,KAAc,EACd,MAAc,EACd,QAAQ,EACR,GAAG,EACH,IAAW,EACX,KAAK,EACL,KAAK,GACN,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwE/B;yBApFe,IAAI"}

package/dist/components/Tabs/TabsContext.d.ts

@@ -0,0 +1,11 @@
+export type TabsSize = 'lg' | 'md' | 'sm';
+export type TabsLayout = 'fill' | 'hug';
+export interface TabsContextValue {
+    layout: TabsLayout;
+    onChange: (value: string) => void;
+    size: TabsSize;
+    value: string;
+}
+export declare const TabsContext: import("react").Context<TabsContextValue | null>;
+export declare function useTabsContext(): TabsContextValue;
+//# sourceMappingURL=TabsContext.d.ts.map

package/dist/components/Tabs/TabsContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContext.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsContext.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;AAExC,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAC;AAIxE,wBAAgB,cAAc,IAAI,gBAAgB,CAMjD"}

package/dist/components/Tabs/index.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+var chunkL3G7SHEP_cjs = require('../../chunk-L3G7SHEP.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, "Tab", {
+  enumerable: true,
+  get: function () { return chunkL3G7SHEP_cjs.Tab; }
+});
+Object.defineProperty(exports, "TabMenu", {
+  enumerable: true,
+  get: function () { return chunkL3G7SHEP_cjs.TabMenu; }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () { return chunkL3G7SHEP_cjs.Tabs; }
+});
+Object.defineProperty(exports, "TabsContext", {
+  enumerable: true,
+  get: function () { return chunkL3G7SHEP_cjs.TabsContext; }
+});
+Object.defineProperty(exports, "useTabsContext", {
+  enumerable: true,
+  get: function () { return chunkL3G7SHEP_cjs.useTabsContext; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,5 @@
+export { Tab, type TabProps } from './Tab';
+export { Tabs, type TabsProps } from './Tabs';
+export { TabsContext, useTabsContext, type TabsContextValue, type TabsLayout, type TabsSize, } from './TabsContext';
+export { TabMenu, type TabMenuOption, type TabMenuProps } from './TabMenu';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,KAAK,QAAQ,EAAC,MAAM,OAAO,CAAC;AACzC,OAAO,EAAC,IAAI,EAAE,KAAK,SAAS,EAAC,MAAM,QAAQ,CAAC;AAC5C,OAAO,EACL,WAAW,EACX,cAAc,EACd,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,KAAK,QAAQ,GACd,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAC,MAAM,WAAW,CAAC"}

package/dist/components/Tabs/index.js

@@ -0,0 +1,18 @@
+export { Tab, TabMenu, Tabs, TabsContext, useTabsContext } from '../../chunk-I25KF3UF.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/Tabs/index.js.map

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

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,86 @@
+import type { CSSProperties, MouseEvent, MouseEventHandler, ReactNode, Ref } from 'react';
+import { type IconComponent } from '../Icon';
+export type TagColor = 'default' | 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'cyan' | 'blue' | 'purple' | 'pink' | 'gray';
+export type TagSize = 'sm' | 'md' | 'lg';
+export interface TagProps {
+    /**
+     * Additional CSS class names applied to the tag.
+     */
+    className?: string;
+    /**
+     * Visual color.
+     * @default 'default'
+     */
+    color?: TagColor;
+    /**
+     * Test ID applied to the tag root.
+     */
+    'data-testid'?: string;
+    /**
+     * Accessible description for the tag.
+     */
+    description?: string;
+    /**
+     * Content rendered after the label and before the remove button.
+     */
+    endContent?: ReactNode;
+    /**
+     * Link destination. When provided, the tag renders as a link.
+     */
+    href?: string;
+    /**
+     * Icon rendered before the label.
+     */
+    icon?: IconComponent;
+    /**
+     * Whether the tag is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether to visually hide the label while keeping it available to screen readers.
+     * @default false
+     */
+    isLabelHidden?: boolean;
+    /**
+     * Tag text.
+     */
+    label: string;
+    /**
+     * Click handler.
+     */
+    onClick?: MouseEventHandler<HTMLElement>;
+    /**
+     * Called when the remove button is clicked. When provided, a remove button is shown.
+     */
+    onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Ref forwarded to the tag root element.
+     */
+    ref?: Ref<HTMLElement>;
+    /**
+     * Visual size.
+     * @default 'md'
+     */
+    size?: TagSize;
+    /**
+     * Content rendered before the icon and label.
+     */
+    startContent?: ReactNode;
+    /**
+     * Inline styles applied to the tag.
+     */
+    style?: CSSProperties;
+    /**
+     * Tooltip text shown on hover.
+     */
+    tooltip?: string;
+}
+/**
+ * Compact chip for displaying selected values, filters, tags, or removable entities.
+ */
+export declare function Tag({ className, color, 'data-testid': dataTestId, description, endContent, href, icon, isDisabled, isLabelHidden, label, onClick, onRemove, ref, size, startContent, style, tooltip, }: TagProps): React.JSX.Element;
+export declare namespace Tag {
+    var displayName: string;
+}
+//# sourceMappingURL=Tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAC;AAIf,OAAO,EAAO,KAAK,aAAa,EAAC,MAAM,SAAS,CAAC;AAKjD,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,QAAQ;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AA8GD;;GAEG;AACH,wBAAgB,GAAG,CAAC,EAClB,SAAS,EACT,KAAiB,EACjB,aAAa,EAAE,UAAU,EACzB,WAAW,EACX,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,UAAkB,EAClB,aAAqB,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,GAAG,EACH,IAAW,EACX,YAAY,EACZ,KAAK,EACL,OAAO,GACR,EAAE,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgJ9B;yBAlKe,GAAG"}

package/dist/components/Tag/Tag.recipe.d.ts

@@ -0,0 +1,121 @@
+import { type RecipeVariantProps } from 'styled-system/css';
+export declare const tagRecipe: import("../../../styled-system/types").RecipeRuntimeFn<{
+    size: {
+        sm: {
+            minH: "6";
+            px: "2";
+            fontSize: "sm";
+        };
+        md: {
+            minH: "8";
+            px: "2";
+            fontSize: "sm";
+        };
+        lg: {
+            minH: "10";
+            px: "2.5";
+            fontSize: "md";
+        };
+    };
+    color: {
+        default: {
+            bg: "surface.gray";
+            color: "surface.gray.fg";
+            _hover: {
+                bg: "surface.gray.hover";
+            };
+        };
+        red: {
+            bg: "surface.red";
+            color: "surface.red.fg";
+            _hover: {
+                bg: "surface.red.hover";
+            };
+        };
+        orange: {
+            bg: "surface.orange";
+            color: "surface.orange.fg";
+            _hover: {
+                bg: "surface.orange.hover";
+            };
+        };
+        yellow: {
+            bg: "surface.yellow";
+            color: "surface.yellow.fg";
+            _hover: {
+                bg: "surface.yellow.hover";
+            };
+        };
+        green: {
+            bg: "surface.green";
+            color: "surface.green.fg";
+            _hover: {
+                bg: "surface.green.hover";
+            };
+        };
+        teal: {
+            bg: "surface.teal";
+            color: "surface.teal.fg";
+            _hover: {
+                bg: "surface.teal.hover";
+            };
+        };
+        cyan: {
+            bg: "surface.cyan";
+            color: "surface.cyan.fg";
+            _hover: {
+                bg: "surface.cyan.hover";
+            };
+        };
+        blue: {
+            bg: "surface.blue";
+            color: "surface.blue.fg";
+            _hover: {
+                bg: "surface.blue.hover";
+            };
+        };
+        purple: {
+            bg: "surface.purple";
+            color: "surface.purple.fg";
+            _hover: {
+                bg: "surface.purple.hover";
+            };
+        };
+        pink: {
+            bg: "surface.pink";
+            color: "surface.pink.fg";
+            _hover: {
+                bg: "surface.pink.hover";
+            };
+        };
+        gray: {
+            bg: "surface.gray";
+            color: "surface.gray.fg";
+            _hover: {
+                bg: "surface.gray.hover";
+            };
+        };
+    };
+    isInteractive: {
+        true: {
+            cursor: "pointer";
+            _focusVisible: {
+                outlineWidth: "focus";
+                outlineStyle: "solid";
+                outlineColor: "primary";
+                outlineOffset: "focusOffset";
+            };
+        };
+        false: {};
+    };
+    isDisabled: {
+        true: {
+            opacity: number;
+            cursor: "not-allowed";
+            pointerEvents: "none";
+        };
+        false: {};
+    };
+}>;
+export type TagVariants = RecipeVariantProps<typeof tagRecipe>;
+//# sourceMappingURL=Tag.recipe.d.ts.map

package/dist/components/Tag/Tag.recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.recipe.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAE/D,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyHpB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,kBAAkB,CAAC,OAAO,SAAS,CAAC,CAAC"}