@cytario/design 1.6.1 → 1.7.0

package/dist/components/Checkbox/Checkbox.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Checkbox as AriaCheckbox, } from "react-aria-components";
-import { Check } from "lucide-react";
-export function Checkbox({ children, className, ...props }) {
-    return (_jsx(AriaCheckbox, { ...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, isIndeterminate }) => (_jsxs(_Fragment, { children: [_jsxs("div", { className: [
-                        "flex items-center justify-center w-6 h-6 shrink-0",
-                        "rounded-[var(--border-radius-sm)] border transition-colors",
-                        "group-focus-visible:ring-2 group-focus-visible:ring-[var(--color-border-focus)] group-focus-visible:ring-offset-2",
-                        isSelected || isIndeterminate
-                            ? "bg-[var(--color-action-primary)] border-[var(--color-action-primary)]"
-                            : "bg-[var(--color-surface-default)] border-[var(--color-border-default)] group-hover:border-[var(--color-border-strong)]",
-                    ].join(" "), children: [isSelected && (_jsx(Check, { className: "w-4 h-4 text-[var(--color-text-inverse)]", strokeWidth: 3 })), isIndeterminate && (_jsx("div", { className: "w-3 h-0.5 bg-[var(--color-text-inverse)] rounded-full" }))] }), children && _jsx("span", { children: children })] })) }));
-}

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

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

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

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

package/dist/components/Checkbox/index.js

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

package/dist/components/Dialog/Dialog.d.ts

@@ -1,11 +0,0 @@
-import type React from "react";
-export interface DialogProps {
-    isOpen: boolean;
-    onOpenChange: (isOpen: boolean) => void;
-    title: string;
-    size?: "sm" | "md" | "lg" | "xl";
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function Dialog({ isOpen, onOpenChange, title, size, children, className, }: DialogProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Dialog.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,YAAY,EACZ,KAAK,EACL,IAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,WAAW,2CAwDb"}

package/dist/components/Dialog/Dialog.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Modal, ModalOverlay, Dialog as AriaDialog, Heading, } from "react-aria-components";
-import { X } from "lucide-react";
-const sizeStyles = {
-    sm: "max-w-md",
-    md: "max-w-lg",
-    lg: "max-w-2xl",
-    xl: "max-w-4xl",
-};
-export function Dialog({ isOpen, onOpenChange, title, size = "md", children, className, }) {
-    return (_jsx(ModalOverlay, { isOpen: isOpen, onOpenChange: onOpenChange, isDismissable: true, className: [
-            "fixed inset-0 z-50 bg-[var(--color-overlay-backdrop)] backdrop-blur-sm",
-            "flex items-center justify-center",
-            "data-[entering]:animate-in data-[entering]:fade-in",
-            "data-[exiting]:animate-out data-[exiting]:fade-out",
-        ].join(" "), children: _jsx(Modal, { className: [
-                "w-full mx-4",
-                sizeStyles[size],
-                "bg-[var(--color-surface-default)] rounded-lg shadow-xl max-h-[85vh] flex flex-col",
-                "data-[entering]:animate-in data-[entering]:zoom-in-95 data-[entering]:fade-in",
-                "data-[exiting]:animate-out data-[exiting]:zoom-out-95 data-[exiting]:fade-out",
-                className,
-            ]
-                .filter(Boolean)
-                .join(" "), children: _jsx(AriaDialog, { className: "outline-none flex flex-col max-h-[85vh]", children: ({ close }) => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between px-6 py-4 border-b border-[var(--color-border-default)]", children: [_jsx(Heading, { slot: "title", className: "text-lg font-semibold text-[var(--color-text-primary)]", children: title }), _jsx("button", { type: "button", onClick: close, className: [
-                                        "inline-flex items-center justify-center rounded-md p-1",
-                                        "text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] hover:bg-[var(--color-surface-muted)]",
-                                        "outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-border-focus)] focus-visible:ring-offset-2",
-                                        "transition-colors",
-                                    ].join(" "), "aria-label": "Close", children: _jsx(X, { size: 20, "aria-hidden": "true" }) })] }), _jsx("div", { className: "px-6 py-4 overflow-y-auto", children: children })] })) }) }) }));
-}

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

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

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

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

package/dist/components/Dialog/index.js

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

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

@@ -1,11 +0,0 @@
-import type React from "react";
-import type { LucideIcon } from "lucide-react";
-export interface EmptyStateProps {
-    icon?: LucideIcon;
-    title: string;
-    description?: string;
-    action?: React.ReactNode;
-    className?: string;
-}
-export declare function EmptyState({ icon, title, description, action, className, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=EmptyState.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE,eAAe,2CAwBjB"}

package/dist/components/EmptyState/EmptyState.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from "../Icon";
-export function EmptyState({ icon, title, description, action, className, }) {
-    return (_jsxs("div", { className: [
-            "flex flex-col items-center text-center py-12 px-6",
-            className,
-        ]
-            .filter(Boolean)
-            .join(" "), children: [icon && (_jsx(Icon, { icon: icon, size: "xl", className: "text-[var(--color-text-tertiary)]" })), _jsx("h3", { className: "text-lg font-semibold text-[var(--color-text-primary)] mt-4", children: title }), description && (_jsx("p", { className: "text-sm text-[var(--color-text-secondary)] mt-2 max-w-sm", children: description })), action && _jsx("div", { className: "mt-6", children: action })] }));
-}

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

@@ -1,3 +0,0 @@
-export { EmptyState } from "./EmptyState";
-export type { EmptyStateProps } from "./EmptyState";
-//# 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,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/EmptyState/index.js

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

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

@@ -1,13 +0,0 @@
-import type React from "react";
-export interface FieldProps {
-    label?: string;
-    isRequired?: boolean;
-    description?: string;
-    error?: string | {
-        message?: string;
-    };
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function Field({ label, isRequired, description, error, children, className, }: FieldProps): import("react/jsx-runtime").JSX.Element;
-//# 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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,UAAU,EACV,WAAW,EACX,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,UAAU,2CAuBZ"}

package/dist/components/Field/Field.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label } from "../Label";
-function getErrorMessage(error) {
-    if (!error)
-        return undefined;
-    if (typeof error === "string")
-        return error;
-    return error.message;
-}
-export function Field({ label, isRequired, description, error, children, className, }) {
-    const errorMessage = getErrorMessage(error);
-    return (_jsxs("div", { className: ["flex flex-col gap-[var(--spacing-1)]", className]
-            .filter(Boolean)
-            .join(" "), children: [label && _jsx(Label, { isRequired: isRequired, children: label }), children, description && !errorMessage && (_jsx("p", { className: "text-[length:var(--font-size-sm)] text-[var(--color-text-secondary)]", children: description })), errorMessage && (_jsx("p", { className: "text-[length:var(--font-size-sm)] text-[var(--color-text-danger)]", children: errorMessage }))] }));
-}

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

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

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

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

package/dist/components/Field/index.js

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

package/dist/components/Fieldset/Fieldset.d.ts

@@ -1,8 +0,0 @@
-import type React from "react";
-export interface FieldsetProps {
-    legend?: string;
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function Fieldset({ legend, children, className }: FieldsetProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Fieldset.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,aAAa,2CA0BtE"}

package/dist/components/Fieldset/Fieldset.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function Fieldset({ legend, children, className }) {
-    return (_jsxs("fieldset", { className: [
-            "flex flex-col gap-[var(--spacing-8)]",
-            "border-none p-0 m-0",
-            className,
-        ]
-            .filter(Boolean)
-            .join(" "), children: [legend && (_jsx("legend", { className: [
-                    "text-[length:var(--font-size-lg)]",
-                    "font-[number:var(--font-weight-semibold)]",
-                    "text-[var(--color-text-primary)]",
-                    "p-0",
-                ].join(" "), children: legend })), children] }));
-}

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

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

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

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

package/dist/components/Fieldset/index.js

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

package/dist/components/Heading/Heading.d.ts

@@ -1,19 +0,0 @@
-import type React from "react";
-export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-export type HeadingSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-export interface HeadingProps {
-    /** HTML heading element to render */
-    as?: HeadingLevel;
-    /** Visual size (defaults to match the `as` level) */
-    size?: HeadingSize;
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function Heading({ as: Tag, size, className, children, }: HeadingProps): import("react/jsx-runtime").JSX.Element;
-/** Convenience: renders `<h1>` at 2xl size */
-export declare function H1(props: Omit<HeadingProps, "as">): import("react/jsx-runtime").JSX.Element;
-/** Convenience: renders `<h2>` at xl size */
-export declare function H2(props: Omit<HeadingProps, "as">): import("react/jsx-runtime").JSX.Element;
-/** Convenience: renders `<h3>` at lg size */
-export declare function H3(props: Omit<HeadingProps, "as">): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Heading.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEnE,MAAM,WAAW,YAAY;IAC3B,qCAAqC;IACrC,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,qDAAqD;IACrD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,OAAO,CAAC,EACtB,EAAE,EAAE,GAAU,EACd,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE,YAAY,2CAgBd;AAED,8CAA8C;AAC9C,wBAAgB,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,2CAEjD;AAED,6CAA6C;AAC7C,wBAAgB,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,2CAEjD;AAED,6CAA6C;AAC7C,wBAAgB,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,2CAEjD"}

package/dist/components/Heading/Heading.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const defaultSizeMap = {
-    h1: "2xl",
-    h2: "xl",
-    h3: "lg",
-    h4: "md",
-    h5: "sm",
-    h6: "xs",
-};
-const sizeStyles = {
-    xs: "text-sm",
-    sm: "text-base",
-    md: "text-lg",
-    lg: "text-xl",
-    xl: "text-2xl",
-    "2xl": "text-3xl",
-};
-export function Heading({ as: Tag = "h2", size, className, children, }) {
-    const resolvedSize = size ?? defaultSizeMap[Tag];
-    return (_jsx(Tag, { className: [
-            "font-semibold text-[var(--color-text-primary)]",
-            sizeStyles[resolvedSize],
-            className,
-        ]
-            .filter(Boolean)
-            .join(" "), children: children }));
-}
-/** Convenience: renders `<h1>` at 2xl size */
-export function H1(props) {
-    return _jsx(Heading, { ...props, as: "h1", size: props.size ?? "2xl" });
-}
-/** Convenience: renders `<h2>` at xl size */
-export function H2(props) {
-    return _jsx(Heading, { ...props, as: "h2", size: props.size ?? "xl" });
-}
-/** Convenience: renders `<h3>` at lg size */
-export function H3(props) {
-    return _jsx(Heading, { ...props, as: "h3", size: props.size ?? "lg" });
-}

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

@@ -1,3 +0,0 @@
-export { Heading, H1, H2, H3 } from "./Heading";
-export type { HeadingProps, HeadingLevel, HeadingSize } from "./Heading";
-//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Heading/index.js

@@ -1 +0,0 @@
-export { Heading, H1, H2, H3 } from "./Heading";

package/dist/components/Icon/Icon.d.ts

@@ -1,15 +0,0 @@
-import type { LucideIcon } from "lucide-react";
-export interface IconProps {
-    /** A Lucide icon component */
-    icon: LucideIcon;
-    /** Size preset */
-    size?: "sm" | "md" | "lg" | "xl";
-    /** SVG stroke width */
-    strokeWidth?: number;
-    /** Accessible label — when provided, the icon is treated as meaningful */
-    "aria-label"?: string;
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function Icon({ icon: LucideComponent, size, strokeWidth, "aria-label": ariaLabel, className, }: IconProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Icon.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,SAAS;IACxB,8BAA8B;IAC9B,IAAI,EAAE,UAAU,CAAC;IACjB,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,wBAAgB,IAAI,CAAC,EACnB,IAAI,EAAE,eAAe,EACrB,IAAW,EACX,WAAW,EACX,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,SAAS,2CAaX"}

package/dist/components/Icon/Icon.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const sizeMap = {
-    sm: 16,
-    md: 20,
-    lg: 24,
-    xl: 32,
-};
-export function Icon({ icon: LucideComponent, size = "md", strokeWidth, "aria-label": ariaLabel, className, }) {
-    const isDecorative = !ariaLabel;
-    return (_jsx(LucideComponent, { size: sizeMap[size], strokeWidth: strokeWidth, role: isDecorative ? undefined : "img", "aria-label": ariaLabel, "aria-hidden": isDecorative ? "true" : undefined, className: className }));
-}

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

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

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

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

package/dist/components/Icon/index.js

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

package/dist/components/IconButton/IconButton.d.ts

@@ -1,23 +0,0 @@
-import type { LucideIcon } from "lucide-react";
-import { type ButtonProps as AriaButtonProps } from "react-aria-components";
-import { type ButtonVariant } from "../_shared/styles";
-export interface IconButtonProps extends Omit<AriaButtonProps, "className"> {
-    /** Lucide icon to render */
-    icon: LucideIcon;
-    /** Required for accessibility — also used as tooltip content */
-    "aria-label": string;
-    /** Visual style variant */
-    variant?: ButtonVariant;
-    /** Size preset */
-    size?: "sm" | "md" | "lg";
-    /** Show tooltip on hover (default true) */
-    showTooltip?: boolean;
-    /** Tooltip placement */
-    tooltipPlacement?: "top" | "bottom" | "left" | "right";
-    /** Shows a spinner and disables interaction */
-    isLoading?: boolean;
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function IconButton({ icon, "aria-label": ariaLabel, variant, size, showTooltip, tooltipPlacement, isLoading, isDisabled, className, ...props }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=IconButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAEL,KAAK,WAAW,IAAI,eAAe,EACpC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,aAAa,EAAiB,MAAM,mBAAmB,CAAC;AAMtE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC;IACzE,4BAA4B;IAC5B,IAAI,EAAE,UAAU,CAAC;IACjB,gEAAgE;IAChE,YAAY,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB;IACxB,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACvD,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6BD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,OAAiB,EACjB,IAAW,EACX,WAAkB,EAClB,gBAAwB,EACxB,SAAiB,EACjB,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAqDjB"}

package/dist/components/IconButton/IconButton.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button as AriaButton, } from "react-aria-components";
-import { variantStyles } from "../_shared/styles";
-import { Icon } from "../Icon";
-import { Spinner } from "../Spinner";
-import { Tooltip } from "../Tooltip";
-import { useInputGroup } from "../InputGroup/InputGroupContext";
-const squareSizeStyles = {
-    sm: "h-8 w-8",
-    md: "h-10 w-10",
-    lg: "h-12 w-12",
-};
-const iconSizeMap = {
-    sm: "sm",
-    md: "sm",
-    lg: "md",
-};
-function groupRadiusClass(position) {
-    switch (position) {
-        case "start":
-            return "rounded-l-[var(--border-radius-md)] rounded-r-none";
-        case "middle":
-            return "rounded-none";
-        case "end":
-            return "rounded-r-[var(--border-radius-md)] rounded-l-none";
-        default:
-            return "rounded-[var(--border-radius-md)]";
-    }
-}
-export function IconButton({ icon, "aria-label": ariaLabel, variant = "ghost", size = "md", showTooltip = true, tooltipPlacement = "top", isLoading = false, isDisabled, className, ...props }) {
-    const { inGroup, position } = useInputGroup();
-    const radiusClass = inGroup
-        ? groupRadiusClass(position)
-        : "rounded-[var(--border-radius-md)]";
-    const marginClass = inGroup && position !== "start" && position !== "standalone"
-        ? "-ml-px"
-        : "";
-    const focusRing = inGroup
-        ? "focus-visible:ring-2 focus-visible:ring-[var(--color-border-focus)] focus-visible:ring-offset-0 focus-visible:z-10"
-        : "focus-visible:ring-2 focus-visible:ring-[var(--color-border-focus)] focus-visible:ring-offset-2";
-    const button = (_jsx(AriaButton, { ...props, "aria-label": ariaLabel, isDisabled: isDisabled || isLoading, className: [
-            "inline-flex items-center justify-center shrink-0",
-            radiusClass,
-            "outline-none transition-colors",
-            focusRing,
-            "disabled:opacity-50 disabled:pointer-events-none",
-            isLoading ? "pointer-events-none" : "",
-            variantStyles[variant],
-            squareSizeStyles[size],
-            marginClass,
-            className,
-        ]
-            .filter(Boolean)
-            .join(" "), children: isLoading ? (_jsx(Spinner, { size: iconSizeMap[size] })) : (_jsx(Icon, { icon: icon, size: iconSizeMap[size] })) }));
-    if (showTooltip) {
-        return (_jsx(Tooltip, { content: ariaLabel, placement: tooltipPlacement, children: button }));
-    }
-    return button;
-}

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

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

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

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

package/dist/components/IconButton/index.js

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

package/dist/components/Input/Input.d.ts

@@ -1,23 +0,0 @@
-import { type TextFieldProps } from "react-aria-components";
-export interface InputProps extends Omit<TextFieldProps, "children" | "className"> {
-    /** Label text displayed above the input. Omit for raw input mode. */
-    label?: string;
-    /** Placeholder text shown when the input is empty */
-    placeholder?: string;
-    /** Help text shown below the input */
-    description?: string;
-    /** Error message shown below the input (triggers error styling) */
-    errorMessage?: string;
-    /** HTML input type */
-    type?: "text" | "email" | "password" | "number";
-    /** Controls padding and font size */
-    size?: "sm" | "md" | "lg";
-    /** Text prefix shown inside the input on the left (e.g., "$", "https://") */
-    prefix?: string;
-    /** Text alignment within the input */
-    align?: "left" | "center" | "right";
-    /** Additional CSS class for the outer wrapper */
-    className?: string;
-}
-export declare function Input({ label, placeholder, description, errorMessage, type, size, prefix, align, isDisabled, isRequired, className, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Input.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAqB/B,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,WAAW,CAAC;IACtD,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;IAChD,qCAAqC;IACrC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,IAAa,EACb,IAAW,EACX,MAAM,EACN,KAAc,EACd,UAAU,EACV,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,2CAkIZ"}

package/dist/components/Input/Input.js

@@ -1,97 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TextField, Label, Input as AriaInput, Text, } from "react-aria-components";
-import { useInputGroup } from "../InputGroup/InputGroupContext";
-const sizeClasses = {
-    sm: "px-3 py-1.5 text-sm",
-    md: "px-4 py-2 text-base",
-    lg: "px-4 py-3 text-lg",
-};
-const prefixSizeClasses = {
-    sm: "px-3 text-sm",
-    md: "px-3 text-base",
-    lg: "px-4 text-lg",
-};
-const alignClasses = {
-    left: "text-left",
-    center: "text-center",
-    right: "text-right",
-};
-/**
- * Returns Tailwind border-radius classes for the border-bearing element
- * based on InputGroup position context.
- */
-function groupRadiusClasses(position) {
-    switch (position) {
-        case "start":
-            return "rounded-l-[var(--border-radius-md)] rounded-r-none";
-        case "middle":
-            return "rounded-none";
-        case "end":
-            return "rounded-r-[var(--border-radius-md)] rounded-l-none";
-        default:
-            return "rounded-[var(--border-radius-md)]";
-    }
-}
-export function Input({ label, placeholder, description, errorMessage, type = "text", size = "md", prefix, align = "left", isDisabled, isRequired, className, ...props }) {
-    const isInvalid = !!errorMessage;
-    const { inGroup, position } = useInputGroup();
-    const borderColor = isInvalid
-        ? "border-[var(--color-border-danger)]"
-        : "border-[var(--color-border-default)] hover:border-[var(--color-border-strong)]";
-    const radiusClass = inGroup
-        ? groupRadiusClasses(position)
-        : "rounded-[var(--border-radius-md)]";
-    /** When not first in a group, overlap left border with previous sibling */
-    const marginClass = inGroup && position !== "start" && position !== "standalone" ? "-ml-px" : "";
-    return (_jsxs(TextField, { ...props, type: type, isDisabled: isDisabled, isRequired: isRequired, isInvalid: isInvalid, className: [
-            "flex flex-col gap-[var(--spacing-1)]",
-            inGroup ? "min-w-0 flex-1" : "",
-            marginClass,
-            className,
-        ]
-            .filter(Boolean)
-            .join(" "), children: [label && (_jsxs(Label, { className: [
-                    "text-[length:var(--font-size-sm)]",
-                    "font-[number: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: "*" }))] })), prefix ? (_jsxs("div", { className: [
-                    "flex items-center overflow-hidden",
-                    radiusClass,
-                    "border",
-                    "bg-[var(--color-surface-default)]",
-                    "outline-none transition-colors",
-                    borderColor,
-                    "focus-within:ring-2 focus-within:ring-[var(--color-border-focus)] focus-within:border-[var(--color-border-focus)]",
-                    inGroup ? "focus-within:z-10" : "",
-                    isDisabled ? "opacity-50 pointer-events-none" : "",
-                ]
-                    .filter(Boolean)
-                    .join(" "), children: [_jsx("span", { className: [
-                            "self-stretch flex items-center shrink-0 select-none",
-                            "bg-[var(--color-surface-subtle)]",
-                            "border-r border-r-[var(--color-border-default)]",
-                            "text-[var(--color-text-secondary)]",
-                            prefixSizeClasses[size],
-                        ].join(" "), children: prefix }), _jsx(AriaInput, { placeholder: placeholder, className: [
-                            "w-full bg-transparent",
-                            sizeClasses[size],
-                            alignClasses[align],
-                            "text-[var(--color-text-primary)]",
-                            "placeholder:text-[var(--color-text-tertiary)]",
-                            "outline-none border-none",
-                        ].join(" ") })] })) : (_jsx(AriaInput, { placeholder: placeholder, className: [
-                    "w-full",
-                    sizeClasses[size],
-                    alignClasses[align],
-                    radiusClass,
-                    "border",
-                    "text-[var(--color-text-primary)]",
-                    "bg-[var(--color-surface-default)]",
-                    "placeholder:text-[var(--color-text-tertiary)]",
-                    "outline-none transition-colors",
-                    borderColor,
-                    "focus:ring-2 focus:ring-[var(--color-border-focus)] focus:border-[var(--color-border-focus)]",
-                    inGroup ? "focus:z-10" : "",
-                    "disabled:opacity-50 disabled:pointer-events-none",
-                ].join(" ") })), description && !isInvalid && (_jsx(Text, { slot: "description", className: "text-[length:var(--font-size-sm)] text-[var(--color-text-secondary)]", children: description })), isInvalid && (_jsx(Text, { slot: "errorMessage", className: "text-[length:var(--font-size-sm)] text-[var(--color-text-danger)]", children: errorMessage }))] }));
-}

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

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

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

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

package/dist/components/Input/index.js

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

package/dist/components/InputAddon/InputAddon.d.ts

@@ -1,7 +0,0 @@
-import type React from "react";
-export interface InputAddonProps {
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function InputAddon({ children, className }: InputAddonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=InputAddon.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InputAddon.d.ts","sourceRoot":"","sources":["../../../src/components/InputAddon/InputAddon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,2CA8BlE"}