@cytario/design 0.0.0-development

package/dist/components/InputGroup/InputGroup.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { InputGroupContext } from "./InputGroupContext";
+export function InputGroup({ children, className }) {
+    const childArray = React.Children.toArray(children).filter(React.isValidElement);
+    return (_jsx("div", { className: ["flex items-stretch", className].filter(Boolean).join(" "), children: childArray.map((child, index) => {
+            const position = childArray.length === 1
+                ? "standalone"
+                : index === 0
+                    ? "start"
+                    : index === childArray.length - 1
+                        ? "end"
+                        : "middle";
+            return (_jsx(InputGroupContext.Provider, { value: { inGroup: true, position }, children: child }, index));
+        }) }));
+}

package/dist/components/InputGroup/InputGroupContext.d.ts

@@ -0,0 +1,9 @@
+export type GroupPosition = "start" | "middle" | "end" | "standalone";
+interface InputGroupContextValue {
+    inGroup: boolean;
+    position: GroupPosition;
+}
+export declare const InputGroupContext: import("react").Context<InputGroupContextValue>;
+export declare function useInputGroup(): InputGroupContextValue;
+export {};
+//# sourceMappingURL=InputGroupContext.d.ts.map

package/dist/components/InputGroup/InputGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroupContext.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,YAAY,CAAC;AAEtE,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,eAAO,MAAM,iBAAiB,iDAG5B,CAAC;AAEH,wBAAgB,aAAa,2BAE5B"}

package/dist/components/InputGroup/InputGroupContext.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from "react";
+export const InputGroupContext = createContext({
+    inGroup: false,
+    position: "standalone",
+});
+export function useInputGroup() {
+    return useContext(InputGroupContext);
+}

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

@@ -0,0 +1,5 @@
+export { InputGroup } from "./InputGroup";
+export type { InputGroupProps } from "./InputGroup";
+export { InputGroupContext, useInputGroup } from "./InputGroupContext";
+export type { GroupPosition } from "./InputGroupContext";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACvE,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/InputGroup/index.js

@@ -0,0 +1,2 @@
+export { InputGroup } from "./InputGroup";
+export { InputGroupContext, useInputGroup } from "./InputGroupContext";

package/dist/components/Label/Label.d.ts

@@ -0,0 +1,7 @@
+import { type LabelProps as AriaLabelProps } from "react-aria-components";
+export interface LabelProps extends Omit<AriaLabelProps, "className"> {
+    isRequired?: boolean;
+    className?: string;
+}
+export declare function Label({ isRequired, children, className, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,UAAU,IAAI,cAAc,EAClC,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAwB9E"}

package/dist/components/Label/Label.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label as AriaLabel, } from "react-aria-components";
+export function Label({ isRequired, children, className, ...props }) {
+    return (_jsxs(AriaLabel, { ...props, className: [
+            "text-[length:var(--font-size-sm)]",
+            "font-[number:var(--font-weight-medium)]",
+            "text-[var(--color-text-primary)]",
+            className,
+        ]
+            .filter(Boolean)
+            .join(" "), children: [children, isRequired && (_jsx("span", { "aria-hidden": "true", className: "ml-0.5 text-[var(--color-text-danger)]", children: "*" }))] }));
+}

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

@@ -0,0 +1,3 @@
+export { Label } from "./Label";
+export type { LabelProps } from "./Label";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Label/index.js

@@ -0,0 +1 @@
+export { Label } from "./Label";

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,10 @@
+import { type LinkProps as AriaLinkProps } from "react-aria-components";
+export type LinkVariant = "default" | "subtle";
+export interface LinkProps extends Omit<AriaLinkProps, "className"> {
+    /** Visual style variant */
+    variant?: LinkVariant;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare function Link({ variant, className, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,IAAI,aAAa,EAChC,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/C,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC;IACjE,2BAA2B;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,wBAAgB,IAAI,CAAC,EACnB,OAAmB,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CAcX"}

package/dist/components/Link/Link.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link as AriaLink, } from "react-aria-components";
+const variantStyles = {
+    default: [
+        "text-[var(--color-teal-700)] underline",
+        "hover:text-[var(--color-teal-800)]",
+    ].join(" "),
+    subtle: [
+        "text-[var(--color-text-secondary)] no-underline",
+        "hover:underline hover:text-[var(--color-text-primary)]",
+    ].join(" "),
+};
+export function Link({ variant = "default", className, ...props }) {
+    return (_jsx(AriaLink, { ...props, className: [
+            "outline-none transition-colors",
+            "focus-visible:ring-2 focus-visible:ring-[var(--color-border-focus)] focus-visible:ring-offset-2 focus-visible:rounded-sm",
+            variantStyles[variant],
+            className,
+        ]
+            .filter(Boolean)
+            .join(" ") }));
+}

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

@@ -0,0 +1,3 @@
+export { Link } from "./Link";
+export type { LinkProps, LinkVariant } from "./Link";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/Link/index.js

@@ -0,0 +1 @@
+export { Link } from "./Link";

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,24 @@
+import type React from "react";
+import type { LucideIcon } from "lucide-react";
+export interface MenuItemData {
+    id: string;
+    label: string;
+    icon?: LucideIcon;
+    onAction?: () => void;
+    /** When set, renders the menu item as a navigational link */
+    href?: string;
+    /** Link target, e.g. "_blank" for external links */
+    target?: string;
+    isDisabled?: boolean;
+    isDanger?: boolean;
+}
+export interface MenuProps {
+    /** Items to render in the menu */
+    items: MenuItemData[];
+    /** Trigger element (typically a Button or IconButton) */
+    children: React.ReactNode;
+    /** Additional CSS classes for the menu popover */
+    className?: string;
+}
+export declare function Menu({ items, children, className }: MenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAS/C,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,kCAAkC;IAClC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,yDAAyD;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,SAAS,2CAmD7D"}

package/dist/components/Menu/Menu.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MenuTrigger, Menu as AriaMenu, MenuItem as AriaMenuItem, Popover, } from "react-aria-components";
+import { Icon } from "../Icon";
+export function Menu({ items, children, className }) {
+    return (_jsxs(MenuTrigger, { children: [children, _jsx(Popover, { className: [
+                    "bg-[var(--color-surface-primary)] rounded-[var(--border-radius-md)]",
+                    "shadow-lg border border-[var(--color-border-default)]",
+                    "py-1 min-w-48",
+                    "entering:animate-in entering:fade-in entering:zoom-in-95",
+                    "exiting:animate-out exiting:fade-out exiting:zoom-out-95",
+                    className,
+                ]
+                    .filter(Boolean)
+                    .join(" "), children: _jsx(AriaMenu, { items: items, onAction: (key) => {
+                        const item = items.find((i) => i.id === key);
+                        item?.onAction?.();
+                    }, className: "outline-none", children: (item) => (_jsxs(AriaMenuItem, { id: item.id, href: item.href, target: item.target, isDisabled: item.isDisabled, className: [
+                            "flex items-center gap-2 px-3 py-2 text-sm outline-none cursor-default",
+                            "transition-colors",
+                            "focus:bg-[var(--color-neutral-100)]",
+                            "hover:bg-[var(--color-neutral-100)]",
+                            "disabled:opacity-50 disabled:pointer-events-none",
+                            item.isDanger
+                                ? "text-[var(--color-text-danger)]"
+                                : "text-[var(--color-text-primary)]",
+                        ]
+                            .filter(Boolean)
+                            .join(" "), children: [item.icon && _jsx(Icon, { icon: item.icon, size: "sm" }), item.label] })) }) })] }));
+}

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

@@ -0,0 +1,3 @@
+export { Menu } from "./Menu";
+export type { MenuProps, MenuItemData } from "./Menu";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/Menu/index.js

@@ -0,0 +1 @@
+export { Menu } from "./Menu";

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

@@ -0,0 +1,18 @@
+import type React from "react";
+import { type RadioGroupProps as AriaRadioGroupProps, type RadioProps as AriaRadioProps } from "react-aria-components";
+export interface RadioGroupProps extends Omit<AriaRadioGroupProps, "children" | "className"> {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface RadioProps extends Omit<AriaRadioProps, "children" | "className"> {
+    children?: React.ReactNode;
+    className?: string;
+}
+export interface RadioButtonProps extends Omit<AriaRadioProps, "children" | "className"> {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function RadioGroup({ children, className, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function Radio({ children, className, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
+export declare function RadioButton({ children, className, ...props }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,eAAe,IAAI,mBAAmB,EAC3C,KAAK,UAAU,IAAI,cAAc,EAClC,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,WAAW,CAAC;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,WAAW,CAAC;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,WAAW,CAAC;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAe5E;AAED,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAiClE;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CA4B9E"}

package/dist/components/Radio/Radio.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { RadioGroup as AriaRadioGroup, Radio as AriaRadio, } from "react-aria-components";
+export function RadioGroup({ children, className, ...props }) {
+    return (_jsx(AriaRadioGroup, { ...props, className: [
+            "flex flex-col gap-2",
+            "disabled:opacity-50",
+            className,
+        ]
+            .filter(Boolean)
+            .join(" "), children: children }));
+}
+export function Radio({ children, className, ...props }) {
+    return (_jsx(AriaRadio, { ...props, className: [
+            "group flex items-center gap-2 text-[length:var(--font-size-sm)] text-[var(--color-text-primary)] cursor-pointer",
+            "disabled:opacity-50 disabled:cursor-default",
+            className,
+        ]
+            .filter(Boolean)
+            .join(" "), children: ({ isSelected }) => (_jsxs(_Fragment, { children: [_jsx("div", { className: [
+                        "flex items-center justify-center w-5 h-5 shrink-0",
+                        "rounded-full border-2 transition-colors",
+                        "group-focus-visible:ring-2 group-focus-visible:ring-[var(--color-border-focus)] group-focus-visible:ring-offset-2",
+                        isSelected
+                            ? "border-[var(--color-action-primary)]"
+                            : "border-[var(--color-border-default)] group-hover:border-[var(--color-border-strong)]",
+                    ].join(" "), children: isSelected && (_jsx("div", { className: "w-2.5 h-2.5 rounded-full bg-[var(--color-action-primary)]" })) }), children && _jsx("span", { children: children })] })) }));
+}
+export function RadioButton({ children, className, ...props }) {
+    return (_jsx(AriaRadio, { ...props, className: [
+            "group cursor-pointer",
+            "disabled:opacity-50 disabled:cursor-default",
+            className,
+        ]
+            .filter(Boolean)
+            .join(" "), children: ({ isSelected }) => (_jsx("div", { className: [
+                "px-4 py-2 text-[length:var(--font-size-sm)] font-[number:var(--font-weight-medium)]",
+                "rounded-[var(--border-radius-md)] border transition-colors text-center",
+                "group-focus-visible:ring-2 group-focus-visible:ring-[var(--color-border-focus)] group-focus-visible:ring-offset-2",
+                isSelected
+                    ? "bg-[var(--color-action-primary)] border-[var(--color-action-primary)] text-[var(--color-text-inverse)]"
+                    : "bg-[var(--color-surface-default)] border-[var(--color-border-default)] text-[var(--color-text-primary)] hover:border-[var(--color-border-strong)]",
+            ].join(" "), children: children })) }));
+}

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

@@ -0,0 +1,3 @@
+export { RadioGroup, Radio, RadioButton } from "./Radio";
+export type { RadioGroupProps, RadioProps, RadioButtonProps } from "./Radio";
+//# 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,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Radio/index.js

@@ -0,0 +1 @@
+export { RadioGroup, Radio, RadioButton } from "./Radio";

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

@@ -0,0 +1,17 @@
+import { type SelectProps as AriaSelectProps } from "react-aria-components";
+export interface SelectItem {
+    id: string;
+    name: string;
+}
+export interface SelectProps extends Omit<AriaSelectProps<SelectItem>, "children"> {
+    /** Label displayed above the trigger (always visible) */
+    label: string;
+    /** Options to display in the dropdown */
+    items: SelectItem[];
+    /** Placeholder text when no item is selected */
+    placeholder?: string;
+    /** Error message displayed below the trigger */
+    errorMessage?: string;
+}
+export declare function Select({ label, items, placeholder, errorMessage, isDisabled, isRequired, className, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
+//# 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":"AAAA,OAAO,EAQL,KAAK,WAAW,IAAI,eAAe,EAEpC,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IACrD,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAoCD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,KAAK,EACL,WAAgC,EAChC,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,2CA4Fb"}

package/dist/components/Select/Select.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Label, ListBox, ListBoxItem, Popover, Select as AriaSelect, SelectValue, } from "react-aria-components";
+function ChevronDown() {
+    return (_jsx("svg", { "aria-hidden": "true", className: "h-4 w-4 text-[var(--color-text-secondary)]", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M4 6l4 4 4-4" }) }));
+}
+function CheckIcon() {
+    return (_jsx("svg", { "aria-hidden": "true", className: "h-4 w-4 text-[var(--color-action-primary)]", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M3 8.5l3.5 3.5 6.5-7" }) }));
+}
+export function Select({ label, items, placeholder = "Select an option", errorMessage, isDisabled, isRequired, className, ...props }) {
+    const hasError = Boolean(errorMessage);
+    return (_jsxs(AriaSelect, { ...props, isDisabled: isDisabled, isRequired: isRequired, isInvalid: hasError, className: ["flex flex-col gap-1", className].filter(Boolean).join(" "), children: [_jsxs(Label, { className: [
+                    "text-sm font-[var(--font-weight-medium)] text-[var(--color-text-primary)]",
+                ].join(" "), children: [label, isRequired && (_jsx("span", { "aria-hidden": "true", className: "ml-0.5 text-[var(--color-text-danger)]", children: "*" }))] }), _jsxs(Button, { className: [
+                    "inline-flex items-center justify-between",
+                    "w-full rounded-[var(--border-radius-md)] px-4 py-2",
+                    "text-base text-left",
+                    "border outline-none transition-colors",
+                    hasError
+                        ? "border-[var(--color-border-danger)]"
+                        : "border-[var(--color-border-default)]",
+                    "focus-visible:ring-2 focus-visible:ring-[var(--color-border-focus)] focus-visible:ring-offset-2",
+                    "disabled:opacity-50 disabled:pointer-events-none",
+                    "bg-[var(--color-surface-default)]",
+                ].join(" "), children: [_jsx(SelectValue, { className: "truncate data-[placeholder]:text-[var(--color-text-tertiary)]", children: ({ selectedText }) => selectedText || placeholder }), _jsx(ChevronDown, {})] }), hasError && (_jsx("span", { className: "text-sm text-[var(--color-text-danger)]", children: errorMessage })), _jsx(Popover, { className: [
+                    "w-[var(--trigger-width)]",
+                    "rounded-[var(--border-radius-md)]",
+                    "border border-[var(--color-border-default)]",
+                    "bg-[var(--color-surface-default)]",
+                    "shadow-lg",
+                    "overflow-auto",
+                    "entering:animate-in entering:fade-in entering:slide-in-from-top-1",
+                    "exiting:animate-out exiting:fade-out exiting:slide-out-to-top-1",
+                ].join(" "), children: _jsx(ListBox, { className: "p-1 outline-none", items: items, children: (item) => (_jsx(ListBoxItem, { id: item.id, textValue: item.name, className: [
+                            "flex items-center justify-between gap-2",
+                            "px-4 py-2 rounded-[var(--border-radius-sm)]",
+                            "text-base text-[var(--color-text-primary)]",
+                            "cursor-pointer outline-none",
+                            "hover:bg-[var(--color-surface-muted)]",
+                            "focus:bg-[var(--color-surface-muted)]",
+                            "selected:text-[var(--color-action-primary)] selected:font-[var(--font-weight-medium)]",
+                        ].join(" "), children: ({ isSelected }) => (_jsxs(_Fragment, { children: [_jsx("span", { className: "truncate", children: item.name }), isSelected && _jsx(CheckIcon, {})] })) })) }) })] }));
+}

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

@@ -0,0 +1,3 @@
+export { Select } from "./Select";
+export type { SelectProps, SelectItem } from "./Select";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Select/index.js

@@ -0,0 +1 @@
+export { Select } from "./Select";

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,10 @@
+export interface SpinnerProps {
+    /** Size preset */
+    size?: "sm" | "md" | "lg";
+    /** Accessible label — when provided, the spinner is announced to screen readers */
+    "aria-label"?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare function Spinner({ size, "aria-label": ariaLabel, className, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,OAAO,CAAC,EACtB,IAAW,EACX,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,YAAY,2CA6Bd"}

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const sizeMap = {
+    sm: "h-4 w-4",
+    md: "h-5 w-5",
+    lg: "h-6 w-6",
+};
+export function Spinner({ size = "md", "aria-label": ariaLabel, className, }) {
+    const isDecorative = !ariaLabel;
+    return (_jsxs("svg", { role: isDecorative ? undefined : "status", "aria-label": ariaLabel, "aria-hidden": isDecorative ? "true" : undefined, className: [sizeMap[size], "animate-spin", className]
+            .filter(Boolean)
+            .join(" "), viewBox: "0 0 24 24", fill: "none", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })] }));
+}

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

@@ -0,0 +1,3 @@
+export { Spinner } from "./Spinner";
+export type { SpinnerProps } from "./Spinner";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Spinner/index.js

@@ -0,0 +1 @@
+export { Spinner } from "./Spinner";

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,9 @@
+import type React from "react";
+import { type SwitchProps as AriaSwitchProps } from "react-aria-components";
+export interface SwitchProps extends Omit<AriaSwitchProps, "children" | "className"> {
+    children?: React.ReactNode;
+    color?: "primary" | "success" | "destructive";
+    className?: string;
+}
+export declare function Switch({ children, color, className, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,WAAW,IAAI,eAAe,EACpC,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,CAAC;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,KAAiB,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,2CAmCb"}

package/dist/components/Switch/Switch.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Switch as AriaSwitch, } from "react-aria-components";
+const trackColorMap = {
+    primary: "bg-[var(--color-action-primary)]",
+    success: "bg-[var(--color-action-success)]",
+    destructive: "bg-[var(--color-action-danger)]",
+};
+export function Switch({ children, color = "primary", className, ...props }) {
+    return (_jsx(AriaSwitch, { ...props, className: [
+            "group flex items-center gap-2 text-[length:var(--font-size-sm)] text-[var(--color-text-primary)] cursor-pointer",
+            "disabled:opacity-50 disabled:cursor-default",
+            className,
+        ]
+            .filter(Boolean)
+            .join(" "), children: ({ isSelected }) => (_jsxs(_Fragment, { children: [_jsx("div", { className: [
+                        "w-9 h-5 rounded-full transition-colors shrink-0 p-0.5",
+                        "group-focus-visible:ring-2 group-focus-visible:ring-[var(--color-border-focus)] group-focus-visible:ring-offset-2",
+                        isSelected
+                            ? trackColorMap[color]
+                            : "bg-[var(--color-border-strong)]",
+                    ].join(" "), children: _jsx("div", { className: [
+                            "w-4 h-4 rounded-full bg-[var(--color-surface-default)] transition-transform shadow-sm",
+                            isSelected ? "translate-x-4" : "translate-x-0",
+                        ].join(" ") }) }), children && _jsx("span", { children: children })] })) }));
+}

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

@@ -0,0 +1,3 @@
+export { Switch } from "./Switch";
+export type { SwitchProps } from "./Switch";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Switch/index.js

@@ -0,0 +1 @@
+export { Switch } from "./Switch";

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

@@ -0,0 +1,13 @@
+import { type CellProps, type ColumnProps, type RowProps, type TableBodyProps, type TableHeaderProps, type TableProps } from "react-aria-components";
+export type TableSize = "compact" | "comfortable";
+export interface DataTableProps extends TableProps {
+    /** Row density */
+    size?: TableSize;
+}
+export declare function Table({ size, className, ...props }: DataTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableHeader<T extends object>(props: TableHeaderProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Column(props: ColumnProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableBody<T extends object>(props: TableBodyProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Row<T extends object>(props: RowProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Cell(props: CellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAChB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAMlD,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,kBAAkB;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAOD,wBAAgB,KAAK,CAAC,EAAE,IAAoB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAalF;AAMD,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAEvE;AAMD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuBxC;AAMD,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,2CAEnE;AAMD,wBAAgB,GAAG,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,2CAcvD;AAMD,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,2CAWpC"}

package/dist/components/Table/Table.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Cell as AriaCell, Column as AriaColumn, Row as AriaRow, Table as AriaTable, TableBody as AriaTableBody, TableHeader as AriaTableHeader, } from "react-aria-components";
+const tableSizeClass = {
+    compact: "[--table-row-py:theme(spacing.1)]",
+    comfortable: "[--table-row-py:theme(spacing.3)]",
+};
+export function Table({ size = "comfortable", className, ...props }) {
+    return (_jsx(AriaTable, { ...props, className: [
+            "w-full border-collapse text-[var(--font-size-sm)] text-[var(--color-text-primary)]",
+            tableSizeClass[size],
+            className,
+        ]
+            .filter(Boolean)
+            .join(" ") }));
+}
+/* ------------------------------------------------------------------ */
+/*  TableHeader                                                        */
+/* ------------------------------------------------------------------ */
+export function TableHeader(props) {
+    return _jsx(AriaTableHeader, { ...props });
+}
+/* ------------------------------------------------------------------ */
+/*  Column                                                             */
+/* ------------------------------------------------------------------ */
+export function Column(props) {
+    return (_jsx(AriaColumn, { ...props, className: [
+            "px-3 py-2 text-left font-[var(--font-weight-semibold)] text-[var(--color-text-secondary)]",
+            "border-b-2 border-[var(--color-border-default)]",
+            "cursor-default select-none outline-none",
+            "focus-visible:outline-2 focus-visible:outline-[var(--color-border-focus)] focus-visible:outline-offset-[-2px]",
+        ].join(" "), children: ({ allowsSorting, sortDirection }) => (_jsxs("span", { className: "inline-flex items-center gap-1", children: [props.children, allowsSorting && (_jsx("span", { "aria-hidden": "true", className: "text-[var(--color-text-tertiary)]", children: sortDirection === "ascending" ? "\u25B2" : sortDirection === "descending" ? "\u25BC" : "\u25B4" }))] })) }));
+}
+/* ------------------------------------------------------------------ */
+/*  TableBody                                                          */
+/* ------------------------------------------------------------------ */
+export function TableBody(props) {
+    return _jsx(AriaTableBody, { ...props });
+}
+/* ------------------------------------------------------------------ */
+/*  Row                                                                */
+/* ------------------------------------------------------------------ */
+export function Row(props) {
+    return (_jsx(AriaRow, { ...props, className: [
+            "border-b border-[var(--color-border-default)]",
+            "even:bg-[var(--color-neutral-50)]",
+            "hover:bg-[var(--color-teal-50)]",
+            "outline-none",
+            "focus-visible:outline-2 focus-visible:outline-[var(--color-border-focus)] focus-visible:outline-offset-[-2px]",
+            "transition-colors",
+        ].join(" ") }));
+}
+/* ------------------------------------------------------------------ */
+/*  Cell                                                               */
+/* ------------------------------------------------------------------ */
+export function Cell(props) {
+    return (_jsx(AriaCell, { ...props, className: [
+            "px-3 py-[var(--table-row-py)]",
+            "outline-none",
+            "focus-visible:outline-2 focus-visible:outline-[var(--color-border-focus)] focus-visible:outline-offset-[-2px]",
+        ].join(" ") }));
+}

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

@@ -0,0 +1,3 @@
+export { Table, TableHeader, Column, TableBody, Row, Cell } from "./Table";
+export type { DataTableProps, TableSize } from "./Table";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC3E,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Table/index.js

@@ -0,0 +1 @@
+export { Table, TableHeader, Column, TableBody, Row, Cell } from "./Table";

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

@@ -0,0 +1,32 @@
+import { type ReactNode } from "react";
+import { type TabsProps as AriaTabsProps, type TabListProps as AriaTabListProps, type TabProps as AriaTabProps, type TabPanelProps as AriaTabPanelProps } from "react-aria-components";
+export type TabsVariant = "underline" | "pills";
+export type TabsSize = "sm" | "md" | "lg";
+export interface TabsProps extends Omit<AriaTabsProps, "className" | "orientation"> {
+    /** Visual style variant */
+    variant?: TabsVariant;
+    /** Size preset */
+    size?: TabsSize;
+    /** Layout orientation */
+    orientation?: "horizontal" | "vertical";
+    /** Additional CSS classes */
+    className?: string;
+    children: ReactNode;
+}
+export declare function Tabs({ variant, size, orientation, className, children, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export interface TabListProps<T extends object> extends Omit<AriaTabListProps<T>, "className"> {
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare function TabList<T extends object>({ className, ...props }: TabListProps<T>): import("react/jsx-runtime").JSX.Element;
+export interface TabProps extends Omit<AriaTabProps, "className"> {
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare function Tab({ className, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
+export interface TabPanelProps extends Omit<AriaTabPanelProps, "className"> {
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare function TabPanel({ className, ...props }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map