@signalflare-ai/ui 0.5.0

package/dist/src/components/input/input-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-area.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-area.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGxE,eAAO,MAAM,SAAS;oBA4EJ,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;cAC7B,SAAS,GAAG,OAAO;WACtB,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI;eAEvB,KAAK,CAAC,SAAS;gBACd,MAAM;IAClB,iGAAiG;YACzF,SAAS;IACjB,oEAAoE;mBACrD,SAAS;IACxB,+CAA+C;kBACjC,SAAS;IACvB,+CAA+C;YACvC,MAAM,GAAG;QAAE,OAAO,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,eAAe,CAAA;KAAE;+GA3BhE,CAAC;AAIF,6FAA6F;AAC7F,eAAO,MAAM,QAAQ;oBASH,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;cAC7B,SAAS,GAAG,OAAO;WACtB,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI;eAEvB,KAAK,CAAC,SAAS;gBACd,MAAM;IAClB,iGAAiG;YACzF,SAAS;IACjB,oEAAoE;mBACrD,SAAS;IACxB,+CAA+C;kBACjC,SAAS;IACvB,+CAA+C;YACvC,MAAM,GAAG;QAAE,OAAO,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,eAAe,CAAA;KAAE;+GAtBhC,CAAC;AAElC;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAEnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iGAAiG;IACjG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,eAAe,CAAA;KAAE,CAAC;CAGjE,GAAG,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,CAAC"}

package/dist/src/components/input/input-group.d.ts

@@ -0,0 +1,39 @@
+import { PropsWithChildren } from 'react';
+import { ButtonProps } from '../button/button';
+import { InputProps } from './input';
+export declare const SF_INPUT_GROUP_VARIANTS: {
+    readonly focusMode: {
+        readonly container: {
+            readonly classes: "";
+            readonly description: "Focus indicator on container (default behavior)";
+        };
+        readonly individual: {
+            readonly classes: "";
+            readonly description: "Focus indicators on individual elements";
+        };
+    };
+};
+export declare const SF_INPUT_GROUP_DEFAULT_VARIANTS: {
+    readonly focusMode: "container";
+};
+export type SFInputGroupFocusMode = keyof typeof SF_INPUT_GROUP_VARIANTS.focusMode;
+export interface SFInputGroupVariantsProps {
+    focusMode?: SFInputGroupFocusMode;
+}
+interface InputGroupRootProps extends SFInputGroupVariantsProps {
+    className?: string;
+    size?: "xs" | "sm" | "base" | "lg" | undefined;
+}
+declare function Root({ size, children, className, focusMode, }: PropsWithChildren<InputGroupRootProps>): import("react/jsx-runtime").JSX.Element;
+declare function Label({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
+declare function Input(props: InputProps): import("react/jsx-runtime").JSX.Element;
+declare function Description({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
+declare function Button({ children, className, ...props }: PropsWithChildren<ButtonProps>): import("react/jsx-runtime").JSX.Element;
+export declare const InputGroup: typeof Root & {
+    Label: typeof Label;
+    Input: typeof Input;
+    Button: typeof Button;
+    Description: typeof Description;
+};
+export {};
+//# sourceMappingURL=input-group.d.ts.map

package/dist/src/components/input/input-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,KAAK,WAAW,EAA4B,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAEL,KAAK,UAAU,EAEhB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,uBAAuB;;;;;;;;;;;CAW1B,CAAC;AAEX,eAAO,MAAM,+BAA+B;;CAElC,CAAC;AAEX,MAAM,MAAM,qBAAqB,GAC/B,MAAM,OAAO,uBAAuB,CAAC,SAAS,CAAC;AAEjD,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACnC;AAED,UAAU,mBAAoB,SAAQ,yBAAyB;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAChD;AAWD,iBAAS,IAAI,CAAC,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAqD,GACtD,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,2CA0BxC;AAED,iBAAS,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,EAAE,CAAC,2CAgBjD;AAED,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,2CAoB/B;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,EAAE,CAAC,2CAgBvD;AAED,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,WAAW,CAAC,2CAkBhC;AAED,eAAO,MAAM,UAAU;;;;;CAKrB,CAAC"}

package/dist/src/components/input/input.d.ts

@@ -0,0 +1,172 @@
+import { Input as BaseInput } from '@base-ui/react/input';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { FieldErrorMatch } from '../field/field';
+/** Input size and variant definitions mapping names to their Tailwind classes. */
+export declare const SF_INPUT_VARIANTS: {
+    readonly size: {
+        readonly xs: {
+            readonly classes: "h-5 gap-1 rounded-sm px-1.5 text-xs";
+            readonly description: "Extra small input for compact UIs";
+        };
+        readonly sm: {
+            readonly classes: "h-6.5 gap-1 rounded-md px-2 text-xs";
+            readonly description: "Small input for secondary fields";
+        };
+        readonly base: {
+            readonly classes: "h-9 gap-1.5 rounded-lg px-3 text-base";
+            readonly description: "Default input size";
+        };
+        readonly lg: {
+            readonly classes: "h-10 gap-2 rounded-lg px-4 text-base";
+            readonly description: "Large input for prominent fields";
+        };
+    };
+    readonly variant: {
+        readonly default: {
+            readonly classes: "focus:ring-sf-ring";
+            readonly description: "Default input appearance";
+        };
+        readonly error: {
+            readonly classes: "!ring-sf-danger focus:ring-sf-danger";
+            readonly description: "Error state for validation failures";
+        };
+    };
+};
+export declare const SF_INPUT_DEFAULT_VARIANTS: {
+    readonly size: "base";
+    readonly variant: "default";
+};
+export declare const SF_INPUT_STYLING: {
+    readonly dimensions: {
+        readonly xs: {
+            readonly height: 20;
+            readonly paddingX: 6;
+            readonly fontSize: 12;
+            readonly borderRadius: 2;
+            readonly width: 160;
+        };
+        readonly sm: {
+            readonly height: 26;
+            readonly paddingX: 8;
+            readonly fontSize: 12;
+            readonly borderRadius: 6;
+            readonly width: 200;
+        };
+        readonly base: {
+            readonly height: 36;
+            readonly paddingX: 12;
+            readonly fontSize: 16;
+            readonly borderRadius: 8;
+            readonly width: 280;
+        };
+        readonly lg: {
+            readonly height: 40;
+            readonly paddingX: 16;
+            readonly fontSize: 16;
+            readonly borderRadius: 8;
+            readonly width: 320;
+        };
+    };
+    readonly baseTokens: {
+        readonly background: "color-secondary";
+        readonly text: "text-color-surface";
+        readonly placeholder: "text-color-muted";
+        readonly ring: "color-border";
+    };
+    readonly stateTokens: {
+        readonly focus: {
+            readonly ring: "color-active";
+        };
+        readonly error: {
+            readonly ring: "color-error";
+        };
+        readonly disabled: {
+            readonly opacity: 0.5;
+            readonly text: "text-color-muted";
+        };
+    };
+};
+export type SFInputSize = keyof typeof SF_INPUT_VARIANTS.size;
+export type SFInputVariant = keyof typeof SF_INPUT_VARIANTS.variant;
+export interface SFInputVariantsProps {
+    /**
+     * Input size.
+     * - `"xs"` — Extra small for compact UIs
+     * - `"sm"` — Small for secondary fields
+     * - `"base"` — Default size
+     * - `"lg"` — Large for prominent fields
+     * @default "base"
+     */
+    size?: SFInputSize;
+    /**
+     * Visual variant.
+     * - `"default"` — Standard input
+     * - `"error"` — Error state for validation failures
+     * @default "default"
+     */
+    variant?: SFInputVariant;
+    parentFocusIndicator?: boolean;
+    focusIndicator?: boolean;
+}
+type BaseInputProps = Omit<ComponentPropsWithoutRef<typeof BaseInput>, "size">;
+export declare function inputVariants({ variant, size, parentFocusIndicator, focusIndicator, }?: SFInputVariantsProps): string;
+export declare const Input: import('react').ForwardRefExoticComponent<Pick<SFInputVariantsProps, "size" | "variant"> & BaseInputProps & {
+    /** Label content for the input (enables Field wrapper) - can be a string or any React node */
+    label?: ReactNode;
+    /** Tooltip content to display next to the label via an info icon */
+    labelTooltip?: ReactNode;
+    /** Helper text displayed below the input */
+    description?: ReactNode;
+    /** Error message or validation error object */
+    error?: string | {
+        message: ReactNode;
+        match: FieldErrorMatch;
+    };
+} & import('react').RefAttributes<HTMLInputElement>>;
+/**
+ * Input component props with accessibility guidance.
+ *
+ * **Accessible Name Required:** Input should have one of:
+ * 1. `label` prop (recommended) - enables Field wrapper with label/description/error
+ * 2. `placeholder` + `aria-label` - for bare inputs with visual placeholder
+ * 3. `aria-labelledby` - for custom label association
+ *
+ * Missing accessible names will trigger console warnings in development.
+ *
+ * @example
+ * // Recommended: Built-in Field wrapper
+ * <Input label="Email" placeholder="you@example.com" />
+ *
+ * @example
+ * // Bare input with placeholder and aria-label
+ * <Input placeholder="Search..." aria-label="Search products" />
+ *
+ * @example
+ * // Custom label association
+ * <label id="email-label">Email</label>
+ * <Input aria-labelledby="email-label" />
+ *
+ * @example
+ * // With description and error
+ * <Input
+ *   label="Password"
+ *   description="Must be at least 8 characters"
+ *   error="Password is too short"
+ *   variant="error"
+ * />
+ */
+export type InputProps = Pick<SFInputVariantsProps, "size" | "variant"> & BaseInputProps & {
+    /** Label content for the input (enables Field wrapper) - can be a string or any React node */
+    label?: ReactNode;
+    /** Tooltip content to display next to the label via an info icon */
+    labelTooltip?: ReactNode;
+    /** Helper text displayed below the input */
+    description?: ReactNode;
+    /** Error message or validation error object */
+    error?: string | {
+        message: ReactNode;
+        match: FieldErrorMatch;
+    };
+};
+export {};
+//# sourceMappingURL=input.d.ts.map

package/dist/src/components/input/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAS,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE7D,kFAAkF;AAClF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BpB,CAAC;AAEX,eAAO,MAAM,yBAAyB;;;CAG5B,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBnB,CAAC;AAGX,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,iBAAiB,CAAC,IAAI,CAAC;AAC9D,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,iBAAiB,CAAC,OAAO,CAAC;AAEpE,MAAM,WAAW,oBAAoB;IACnC;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAGD,KAAK,cAAc,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;AAE/E,wBAAgB,aAAa,CAAC,EAC5B,OAA2C,EAC3C,IAAqC,EACrC,oBAA4B,EAC5B,cAAsB,GACvB,GAAE,oBAAyB,UAc3B;AAED,eAAO,MAAM,KAAK;IAyGd,8FAA8F;YACtF,SAAS;IACjB,oEAAoE;mBACrD,SAAS;IACxB,4CAA4C;kBAC9B,SAAS;IACvB,+CAA+C;YACvC,MAAM,GAAG;QAAE,OAAO,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,eAAe,CAAA;KAAE;oDA7CjE,CAAC;AAIH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAC,GACrE,cAAc,GAAG;IACf,8FAA8F;IAC9F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,eAAe,CAAA;KAAE,CAAC;CACjE,CAAC"}

package/dist/src/components/label/index.d.ts

@@ -0,0 +1,2 @@
+export { Label, type LabelProps, labelVariants, labelContentVariants, SF_LABEL_VARIANTS, SF_LABEL_DEFAULT_VARIANTS, } from './label';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/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,EACL,KAAK,EACL,KAAK,UAAU,EACf,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}

package/dist/src/components/label/label.d.ts

@@ -0,0 +1,67 @@
+import { ReactNode } from 'react';
+/** Label variant definitions (currently empty, reserved for future additions). */
+export declare const SF_LABEL_VARIANTS: {};
+export declare const SF_LABEL_DEFAULT_VARIANTS: {};
+export interface SFLabelVariantsProps {
+}
+export declare function labelVariants(_props?: SFLabelVariantsProps): string;
+export declare function labelContentVariants(): string;
+/**
+ * Label component props.
+ *
+ * @example
+ * ```tsx
+ * <Label>Email</Label>
+ * <Label showOptional>Middle Name</Label>
+ * <Label tooltip="We'll use this to send you updates">Email</Label>
+ * ```
+ */
+export interface LabelProps extends SFLabelVariantsProps {
+    /** The label content — can be a string or any React node. */
+    children: ReactNode;
+    /** When `true`, shows gray "(optional)" text after the label. */
+    showOptional?: boolean;
+    /** Tooltip content displayed next to the label via an info icon. */
+    tooltip?: ReactNode;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+    /** The id of the form element this label is associated with */
+    htmlFor?: string;
+    /**
+     * When true, only renders the inline content (indicators, tooltip) without
+     * the outer label element with font styling. Useful when composed inside another
+     * label element that already provides the text styling.
+     * @default false
+     */
+    asContent?: boolean;
+}
+/**
+ * Label component for form fields.
+ *
+ * Provides a standardized way to display labels with optional indicators:
+ * - Optional indicator: gray "(optional)" text when `showOptional={true}`
+ * - Tooltip: info icon with hover tooltip for additional context
+ *
+ * @example
+ * // Basic label
+ * <Label>Email</Label>
+ *
+ * @example
+ * // Optional field with indicator
+ * <Label showOptional>Middle Name</Label>
+ *
+ * @example
+ * // With tooltip
+ * <Label tooltip="We'll use this to send you updates">Email</Label>
+ *
+ * @example
+ * // With ReactNode children
+ * <Label>
+ *   <span>Custom label with <strong>bold</strong> text</span>
+ * </Label>
+ */
+export declare function Label({ children, showOptional, tooltip, className, htmlFor, asContent, }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Label {
+    var displayName: string;
+}
+//# sourceMappingURL=label.d.ts.map

package/dist/src/components/label/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/components/label/label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,kFAAkF;AAClF,eAAO,MAAM,iBAAiB,IAEpB,CAAC;AAEX,eAAO,MAAM,yBAAyB,IAAc,CAAC;AAGrD,MAAM,WAAW,oBAAoB;CAAG;AAExC,wBAAgB,aAAa,CAAC,MAAM,GAAE,oBAAyB,UAM9D;AAED,wBAAgB,oBAAoB,WAKnC;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,UAAW,SAAQ,oBAAoB;IACtD,6DAA6D;IAC7D,QAAQ,EAAE,SAAS,CAAC;IACpB,iEAAiE;IACjE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oEAAoE;IACpE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,YAAoB,EACpB,OAAO,EACP,SAAS,EACT,OAAO,EACP,SAAiB,GAClB,EAAE,UAAU,2CAkCZ;yBAzCe,KAAK"}

package/dist/src/components/layer-card/index.d.ts

@@ -0,0 +1,2 @@
+export { LayerCard } from './layer-card';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/layer-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layer-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/src/components/layer-card/layer-card.d.ts

@@ -0,0 +1,29 @@
+import { FC, PropsWithChildren } from 'react';
+/** LayerCard variant definitions (currently empty, reserved for future additions). */
+export declare const SF_LAYER_CARD_VARIANTS: {};
+export declare const SF_LAYER_CARD_DEFAULT_VARIANTS: {};
+export interface SFLayerCardVariantsProps {
+}
+export declare function layerCardVariants(_props?: SFLayerCardVariantsProps): string;
+/**
+ * LayerCard component props.
+ *
+ * @example
+ * ```tsx
+ * <LayerCard>
+ *   <LayerCard.Secondary>Next Steps</LayerCard.Secondary>
+ *   <LayerCard.Primary>Get started with SF</LayerCard.Primary>
+ * </LayerCard>
+ * ```
+ */
+export type LayerCardProps = PropsWithChildren<SFLayerCardVariantsProps & {
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+}>;
+type LayerCardComponent = FC<LayerCardProps> & {
+    Primary: FC<LayerCardProps>;
+    Secondary: FC<LayerCardProps>;
+};
+declare const LayerCard: LayerCardComponent;
+export { LayerCard };
+//# sourceMappingURL=layer-card.d.ts.map

package/dist/src/components/layer-card/layer-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer-card.d.ts","sourceRoot":"","sources":["../../../../src/components/layer-card/layer-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAInD,sFAAsF;AACtF,eAAO,MAAM,sBAAsB,IAEzB,CAAC;AAEX,eAAO,MAAM,8BAA8B,IAAc,CAAC;AAG1D,MAAM,WAAW,wBAAwB;CAAG;AAE5C,wBAAgB,iBAAiB,CAAC,MAAM,GAAE,wBAA6B,UAKtE;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAC5C,wBAAwB,GAAG;IACzB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AA2CF,KAAK,kBAAkB,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG;IAC7C,OAAO,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC;IAC5B,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,SAAS,EAGT,kBAAkB,CAAC;AAEzB,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/components/link/index.d.ts

@@ -0,0 +1,2 @@
+export * from './link';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/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,cAAc,QAAQ,CAAC"}

package/dist/src/components/link/link.d.ts

@@ -0,0 +1,55 @@
+import { useRender } from '@base-ui/react/use-render';
+import { SVGProps } from 'react';
+import { LinkComponentProps } from '../../utils/link-provider';
+/** Link variant definitions mapping variant names to their Tailwind classes. */
+export declare const SF_LINK_VARIANTS: {
+    readonly variant: {
+        readonly inline: {
+            readonly classes: "text-primary underline underline-offset-[0.15em] decoration-[0.0625em] link-current transition-colors";
+            readonly description: "Inline text link that flows with content";
+        };
+        readonly current: {
+            readonly classes: "text-current underline underline-offset-[0.15em] decoration-[0.0625em] link-current transition-colors";
+            readonly description: "Link that inherits color from parent text";
+        };
+        readonly plain: {
+            readonly classes: "text-primary hover:text-primary/70 transition-colors";
+            readonly description: "Link without underline decoration";
+        };
+    };
+};
+export declare const SF_LINK_DEFAULT_VARIANTS: {
+    readonly variant: "inline";
+};
+export type SFLinkVariant = keyof typeof SF_LINK_VARIANTS.variant;
+export interface SFLinkVariantsProps {
+    /**
+     * Visual style of the link.
+     * - `"inline"` — Inline text link that flows with content
+     * - `"current"` — Link that inherits color from parent text
+     * - `"plain"` — Link without underline decoration
+     * @default "inline"
+     */
+    variant?: SFLinkVariant;
+}
+export declare function linkVariants({ variant, }?: SFLinkVariantsProps): string;
+/**
+ * Link component props.
+ *
+ * @example
+ * ```tsx
+ * <Link href="/docs">Learn more</Link>
+ * <Link href="https://cloudflare.com" target="_blank" rel="noopener noreferrer">
+ *   Visit Cloudflare <Link.ExternalIcon />
+ * </Link>
+ * <Link render={<RouterLink to="/dashboard" />}>Dashboard</Link>
+ * ```
+ */
+export type LinkProps = useRender.ComponentProps<"a"> & LinkComponentProps & SFLinkVariantsProps;
+export declare const Link: import('react').ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>> & {
+    ExternalIcon: {
+        (props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+//# sourceMappingURL=link.d.ts.map

package/dist/src/components/link/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../src/components/link/link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,2BAA2B,CAAC;AAgCnC,gFAAgF;AAChF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;CAiBnB,CAAC;AAEX,eAAO,MAAM,wBAAwB;;CAE3B,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,gBAAgB,CAAC,OAAO,CAAC;AAElE,MAAM,WAAW,mBAAmB;IAClC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAA0C,GAC3C,GAAE,mBAAwB,UAE1B;AAED;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GACnD,kBAAkB,GAClB,mBAAmB,CAAC;AAqDtB,eAAO,MAAM,IAAI;;gBAlIY,QAAQ,CAAC,aAAa,CAAC;;;CAoIlD,CAAC"}

package/dist/src/components/loader/index.d.ts

@@ -0,0 +1,3 @@
+export { Loader } from './loader';
+export { SkeletonLine } from './skeleton-line';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/loader/index.d.ts.map

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

package/dist/src/components/loader/loader.d.ts

@@ -0,0 +1,65 @@
+/** Loader size variant definitions mapping sizes to their pixel values. */
+export declare const SF_LOADER_VARIANTS: {
+    readonly size: {
+        readonly sm: {
+            readonly value: 16;
+            readonly description: "Small loader for inline use";
+        };
+        readonly base: {
+            readonly value: 24;
+            readonly description: "Default loader size";
+        };
+        readonly lg: {
+            readonly value: 32;
+            readonly description: "Large loader for prominent loading states";
+        };
+    };
+};
+export declare const SF_LOADER_DEFAULT_VARIANTS: {
+    readonly size: "base";
+};
+export type SFLoaderSize = keyof typeof SF_LOADER_VARIANTS.size;
+export interface SFLoaderVariantsProps {
+    /**
+     * Size of the loader. Use a preset name or a custom pixel number.
+     * - `"sm"` — 16px, small loader for inline use
+     * - `"base"` — 24px, default loader size
+     * - `"lg"` — 32px, large loader for prominent loading states
+     * @default "base"
+     */
+    size?: SFLoaderSize | number;
+}
+export declare function loaderVariants({ size, }?: SFLoaderVariantsProps): number;
+/**
+ * Loader component props.
+ *
+ * @example
+ * ```tsx
+ * <Loader />
+ * <Loader size="sm" />
+ * <Loader size={24} />
+ * ```
+ */
+export interface LoaderProps {
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+    /**
+     * Size of the spinner. Use a preset name or a custom pixel number.
+     * - `"sm"` — 16px, for inline use
+     * - `"base"` — 24px, default size
+     * - `"lg"` — 32px, for prominent loading states
+     * @default "base"
+     */
+    size?: SFLoaderSize | number;
+}
+/**
+ * Animated circular spinner for indicating loading states.
+ * Uses CSS keyframe animations for broad compatibility.
+ *
+ * @example
+ * ```tsx
+ * <Loader />
+ * ```
+ */
+export declare const Loader: ({ className, size, }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=loader.d.ts.map

package/dist/src/components/loader/loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../src/components/loader/loader.tsx"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;CAerB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;CAE7B,CAAC;AAGX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,kBAAkB,CAAC,IAAI,CAAC;AAEhE,MAAM,WAAW,qBAAqB;IACpC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAsC,GACvC,GAAE,qBAA0B,GAAG,MAAM,CAGrC;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,WAAW;IAC1B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,GAAI,sBAGpB,WAAW,4CA6Cb,CAAC"}

package/dist/src/components/loader/skeleton-line.d.ts

@@ -0,0 +1,10 @@
+export declare const SkeletonLine: ({ minWidth, maxWidth, minDuration, maxDuration, minDelay, maxDelay, className, }: {
+    minWidth?: number;
+    maxWidth?: number;
+    minDuration?: number;
+    maxDuration?: number;
+    minDelay?: number;
+    maxDelay?: number;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skeleton-line.d.ts.map

package/dist/src/components/loader/skeleton-line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-line.d.ts","sourceRoot":"","sources":["../../../../src/components/loader/skeleton-line.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,YAAY,GAAI,kFAQ1B;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CAkBA,CAAC"}

package/dist/src/components/menubar/index.d.ts

@@ -0,0 +1,3 @@
+export { MenuBar } from './menubar';
+export { useMenuNavigation } from './use-menu-navigation';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/menubar/index.d.ts.map

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

package/dist/src/components/menubar/menubar.d.ts

@@ -0,0 +1,66 @@
+import { default as React } from 'react';
+/** MenuBar variant definitions (currently empty, reserved for future additions). */
+export declare const SF_MENUBAR_VARIANTS: {};
+export declare const SF_MENUBAR_DEFAULT_VARIANTS: {};
+export interface SFMenuBarVariantsProps {
+}
+export declare function menuBarVariants(_props?: SFMenuBarVariantsProps): string;
+/** Props for an individual menu option within a MenuBar. */
+type MenuOptionProps = {
+    /** Icon element (typically from `@phosphor-icons/react`) rendered at 18px */
+    icon: React.ReactNode;
+    /** Unique identifier for the option (used when `optionIds` is true) */
+    id?: number | string;
+    /** Currently active value from the parent MenuBar */
+    isActive?: number | boolean | string | undefined;
+    /** Callback when this option is clicked */
+    onClick: () => void;
+    /** Tooltip text shown on hover */
+    tooltip: string;
+};
+/**
+ * MenuBar component props.
+ *
+ * Horizontal icon-button toolbar with keyboard navigation and tooltip labels.
+ *
+ * @example
+ * ```tsx
+ * <MenuBar
+ *   isActive={activeIndex}
+ *   options={[
+ *     { icon: <ListIcon />, tooltip: "List view", onClick: () => setView("list") },
+ *     { icon: <GridFourIcon />, tooltip: "Grid view", onClick: () => setView("grid") },
+ *   ]}
+ * />
+ * ```
+ */
+type MenuBarProps = {
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+    /** The currently active option value — matched against option index or `id`. */
+    isActive: number | boolean | string | undefined;
+    /** Array of menu option configurations. */
+    options: MenuOptionProps[];
+    /** When true, each option's `id` field is used for matching instead of its array index. */
+    optionIds?: boolean;
+};
+/**
+ * MenuBar — horizontal icon-button toolbar with keyboard arrow-key navigation.
+ *
+ * Each option renders as a `<button>` with a Tooltip. The active option is
+ * visually highlighted with an elevated background.
+ *
+ * @example
+ * ```tsx
+ * <MenuBar
+ *   isActive={0}
+ *   options={[
+ *     { icon: <ListIcon />, tooltip: "List", onClick: () => {} },
+ *     { icon: <GridFourIcon />, tooltip: "Grid", onClick: () => {} },
+ *   ]}
+ * />
+ * ```
+ */
+export declare const MenuBar: ({ className, isActive, options, optionIds, }: MenuBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=menubar.d.ts.map

package/dist/src/components/menubar/menubar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../../src/components/menubar/menubar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,oFAAoF;AACpF,eAAO,MAAM,mBAAmB,IAEtB,CAAC;AAEX,eAAO,MAAM,2BAA2B,IAAc,CAAC;AAGvD,MAAM,WAAW,sBAAsB;CAAG;AAE1C,wBAAgB,eAAe,CAAC,MAAM,GAAE,sBAA2B,UAKlE;AAED,4DAA4D;AAC5D,KAAK,eAAe,GAAG;IACrB,6EAA6E;IAC7E,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,uEAAuE;IACvE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACjD,2CAA2C;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AA4BF;;;;;;;;;;;;;;;GAeG;AACH,KAAK,YAAY,GAAG;IAClB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAChD,2CAA2C;IAC3C,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,2FAA2F;IAC3F,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO,GAAI,8CAKrB,YAAY,4CAuBd,CAAC"}

package/dist/src/components/menubar/use-menu-navigation.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type UseMenuNavigationProps = {
+    menuRef: React.RefObject<HTMLElement | null>;
+    direction?: "horizontal" | "vertical";
+};
+export declare const useMenuNavigation: ({ menuRef, direction, }: UseMenuNavigationProps) => void;
+export {};
+//# sourceMappingURL=use-menu-navigation.d.ts.map

package/dist/src/components/menubar/use-menu-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu-navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/menubar/use-menu-navigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,sBAAsB,SAiExB,CAAC"}

package/dist/src/components/meter/index.d.ts

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

package/dist/src/components/meter/index.d.ts.map

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