@signalflare-ai/ui 0.5.0

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

@@ -0,0 +1,189 @@
+import { Dialog as DialogBase } from '@base-ui/react/dialog';
+import { ComponentPropsWithoutRef, CSSProperties, ReactNode } from 'react';
+/** Dialog size variant definitions mapping sizes to their minimum widths. */
+export declare const SF_DIALOG_VARIANTS: {
+    readonly size: {
+        readonly base: {
+            readonly classes: "sm:min-w-96";
+            readonly description: "Default dialog width";
+        };
+        readonly sm: {
+            readonly classes: "min-w-72";
+            readonly description: "Small dialog for simple confirmations";
+        };
+        readonly lg: {
+            readonly classes: "min-w-[32rem]";
+            readonly description: "Large dialog for complex content";
+        };
+        readonly xl: {
+            readonly classes: "min-w-[48rem]";
+            readonly description: "Extra large dialog for detailed views";
+        };
+    };
+};
+export declare const SF_DIALOG_DEFAULT_VARIANTS: {
+    readonly size: "base";
+};
+export declare const SF_DIALOG_STYLING: {
+    readonly dimensions: {
+        readonly sm: {
+            readonly width: 350;
+            readonly titleSize: 20;
+            readonly descSize: 16;
+            readonly padding: 16;
+            readonly gap: 8;
+            readonly buttonSize: "sm";
+        };
+        readonly base: {
+            readonly width: 384;
+            readonly titleSize: 20;
+            readonly descSize: 16;
+            readonly padding: 24;
+            readonly gap: 16;
+            readonly buttonSize: "base";
+        };
+        readonly lg: {
+            readonly width: 512;
+            readonly titleSize: 20;
+            readonly descSize: 16;
+            readonly padding: 24;
+            readonly gap: 16;
+            readonly buttonSize: "base";
+        };
+        readonly xl: {
+            readonly width: 768;
+            readonly titleSize: 20;
+            readonly descSize: 16;
+            readonly padding: 24;
+            readonly gap: 16;
+            readonly buttonSize: "base";
+        };
+    };
+    readonly baseTokens: {
+        readonly background: "color-surface";
+        readonly text: "text-color-surface";
+        readonly borderRadius: 12;
+        readonly shadow: "shadow-m";
+    };
+    readonly backdrop: {
+        readonly background: "color-surface-secondary";
+        readonly opacity: 0.8;
+    };
+    readonly header: {
+        readonly title: {
+            readonly fontWeight: 600;
+            readonly color: "text-color-surface";
+        };
+        readonly closeIcon: {
+            readonly name: "ph-x";
+            readonly size: 20;
+            readonly color: "text-color-muted";
+        };
+    };
+    readonly description: {
+        readonly fontWeight: 400;
+        readonly color: "text-color-muted";
+    };
+    readonly buttons: {
+        readonly primary: {
+            readonly background: "color-primary";
+            readonly text: "white";
+        };
+        readonly secondary: {
+            readonly ring: "color-border";
+            readonly text: "text-color-surface";
+        };
+    };
+};
+export type SFDialogSize = keyof typeof SF_DIALOG_VARIANTS.size;
+export interface SFDialogVariantsProps {
+    /**
+     * Dialog width.
+     * - `"sm"` — Small (min 288px) for simple confirmations
+     * - `"base"` — Default (min 384px)
+     * - `"lg"` — Large (min 512px) for complex content
+     * - `"xl"` — Extra large (min 768px) for detailed views
+     * @default "base"
+     */
+    size?: SFDialogSize;
+}
+export declare function dialogVariants({ size, }?: SFDialogVariantsProps): string;
+/**
+ * Dialog component props — the modal content panel.
+ *
+ * @example
+ * ```tsx
+ * <Dialog.Root>
+ *   <Dialog.Trigger render={(p) => <Button {...p}>Open</Button>} />
+ *   <Dialog>
+ *     <Dialog.Title>Confirm Action</Dialog.Title>
+ *     <Dialog.Description>Are you sure?</Dialog.Description>
+ *     <Dialog.Close render={(p) => <Button {...p}>Cancel</Button>} />
+ *   </Dialog>
+ * </Dialog.Root>
+ * ```
+ */
+export type DialogProps = SFDialogVariantsProps & {
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+    /** Dialog content (typically Title, Description, Close, and action buttons). */
+    children: ReactNode;
+    /** Inline styles. */
+    style?: CSSProperties;
+};
+/**
+ * Modal dialog overlay with backdrop. Compound component with `Dialog.Root`,
+ * `Dialog.Trigger`, `Dialog.Title`, `Dialog.Description`, and `Dialog.Close`.
+ *
+ * @example
+ * ```tsx
+ * <Dialog.Root>
+ *   <Dialog.Trigger render={(p) => <Button {...p}>Delete</Button>} />
+ *   <Dialog>
+ *     <Dialog.Title>Delete Item</Dialog.Title>
+ *     <Dialog.Description>This action cannot be undone.</Dialog.Description>
+ *     <Dialog.Close render={(p) => <Button variant="destructive" {...p}>Delete</Button>} />
+ *   </Dialog>
+ * </Dialog.Root>
+ * ```
+ */
+declare function DialogContent({ className, children, style, size, }: DialogProps): import("react/jsx-runtime").JSX.Element;
+type BaseDialogRootProps = ComponentPropsWithoutRef<typeof DialogBase.Root>;
+export type DialogRootProps = BaseDialogRootProps;
+declare function DialogRoot({ children, ...props }: DialogRootProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DialogRoot {
+    var displayName: string;
+}
+type BaseDialogTriggerProps = ComponentPropsWithoutRef<typeof DialogBase.Trigger>;
+export type DialogTriggerProps = BaseDialogTriggerProps;
+declare function DialogTrigger({ children, ...props }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DialogTrigger {
+    var displayName: string;
+}
+type BaseDialogTitleProps = ComponentPropsWithoutRef<typeof DialogBase.Title>;
+export type DialogTitleProps = BaseDialogTitleProps;
+declare function DialogTitle({ className, ...props }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DialogTitle {
+    var displayName: string;
+}
+type BaseDialogDescriptionProps = ComponentPropsWithoutRef<typeof DialogBase.Description>;
+export type DialogDescriptionProps = BaseDialogDescriptionProps;
+declare function DialogDescription({ className, ...props }: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DialogDescription {
+    var displayName: string;
+}
+type BaseDialogCloseProps = ComponentPropsWithoutRef<typeof DialogBase.Close>;
+export type DialogCloseProps = BaseDialogCloseProps;
+declare function DialogClose({ children, ...props }: DialogCloseProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DialogClose {
+    var displayName: string;
+}
+declare const Dialog: typeof DialogContent & {
+    Root: typeof DialogRoot;
+    Trigger: typeof DialogTrigger;
+    Title: typeof DialogTitle;
+    Description: typeof DialogDescription;
+    Close: typeof DialogClose;
+};
+export { Dialog, DialogRoot, DialogTrigger, DialogTitle, DialogDescription, DialogClose, };
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKhF,6EAA6E;AAC7E,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;CAmBrB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;CAE7B,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDpB,CAAC;AAGX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,kBAAkB,CAAC,IAAI,CAAC;AAEhE,MAAM,WAAW,qBAAqB;IACpC;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAsC,GACvC,GAAE,qBAA0B,UAO5B;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAAG;IAChD,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,QAAQ,EAAE,SAAS,CAAC;IACpB,qBAAqB;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,IAAsC,GACvC,EAAE,WAAW,2CAsBb;AAMD,KAAK,mBAAmB,GAAG,wBAAwB,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAE5E,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAElD,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAE1D;kBAFQ,UAAU;;;AAUnB,KAAK,sBAAsB,GAAG,wBAAwB,CACpD,OAAO,UAAU,CAAC,OAAO,CAC1B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AAExD,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAEhE;kBAFQ,aAAa;;;AAUtB,KAAK,oBAAoB,GAAG,wBAAwB,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;AAE9E,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAEpD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAO7D;kBAPQ,WAAW;;;AAepB,KAAK,0BAA0B,GAAG,wBAAwB,CACxD,OAAO,UAAU,CAAC,WAAW,CAC9B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAEhE,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAOzE;kBAPQ,iBAAiB;;;AAe1B,KAAK,oBAAoB,GAAG,wBAAwB,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;AAE9E,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAEpD,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAE5D;kBAFQ,WAAW;;;AAUpB,QAAA,MAAM,MAAM;;;;;;CAMV,CAAC;AAEH,OAAO,EACL,MAAM,EACN,UAAU,EACV,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Dialog, DialogRoot, DialogTrigger, DialogTitle, DialogDescription, DialogClose, type DialogProps, type DialogRootProps, type DialogTriggerProps, type DialogTitleProps, type DialogDescriptionProps, type DialogCloseProps, } from './dialog';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,UAAU,EACV,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,GACtB,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,91 @@
+import { Menu as DropdownMenuPrimitive } from '@base-ui/react/menu';
+import { Icon } from '@phosphor-icons/react';
+import * as React from "react";
+/** Dropdown item variant definitions (default and danger styles). */
+export declare const SF_DROPDOWN_VARIANTS: {
+    readonly variant: {
+        readonly default: {
+            readonly classes: "";
+            readonly description: "Default dropdown item appearance";
+        };
+        readonly danger: {
+            readonly classes: "text-sf-danger data-highlighted:bg-sf-danger/5 data-highlighted:text-sf-danger";
+            readonly description: "Destructive action item";
+        };
+    };
+};
+export declare const SF_DROPDOWN_DEFAULT_VARIANTS: {
+    readonly variant: "default";
+};
+export type SFDropdownVariant = keyof typeof SF_DROPDOWN_VARIANTS.variant;
+export interface SFDropdownVariantsProps {
+    /**
+     * Visual style of the dropdown item.
+     * - `"default"` — Standard item appearance
+     * - `"danger"` — Destructive action with red text
+     * @default "default"
+     */
+    variant?: SFDropdownVariant;
+}
+export declare function dropdownVariants({ variant, }?: SFDropdownVariantsProps): string;
+/**
+ * DropdownMenu — accessible dropdown menu anchored to a trigger.
+ *
+ * Compound component: `DropdownMenu` (Root), `.Trigger`, `.Content`, `.Item`,
+ * `.CheckboxItem`, `.RadioGroup`, `.RadioItem`, `.RadioItemIndicator`,
+ * `.Sub`, `.SubTrigger`, `.SubContent`, `.Label`, `.Separator`, `.Shortcut`, `.Group`.
+ *
+ * Built on `@base-ui/react/menu`.
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu>
+ *   <DropdownMenu.Trigger>
+ *     <Button>Actions</Button>
+ *   </DropdownMenu.Trigger>
+ *   <DropdownMenu.Content>
+ *     <DropdownMenu.Item>Edit</DropdownMenu.Item>
+ *     <DropdownMenu.Item icon={CopyIcon}>Duplicate</DropdownMenu.Item>
+ *     <DropdownMenu.Separator />
+ *     <DropdownMenu.Item variant="danger">Delete</DropdownMenu.Item>
+ *   </DropdownMenu.Content>
+ * </DropdownMenu>
+ * ```
+ *
+ * @see https://base-ui.com/react/components/menu
+ */
+export declare const DropdownMenu: (<Payload>(props: DropdownMenuPrimitive.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element) & {
+    Trigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').MenuTriggerProps<unknown> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Sub: typeof DropdownMenuPrimitive.SubmenuRoot;
+    SubTrigger: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuSubmenuTriggerProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
+        inset?: boolean;
+        icon?: Icon;
+    } & React.RefAttributes<HTMLElement>>;
+    SubContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
+        inset?: boolean;
+        icon?: Icon | React.ReactNode;
+        selected?: boolean;
+        href?: string;
+        variant?: "default" | "danger";
+    } & React.RefAttributes<HTMLElement>>;
+    CheckboxItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    RadioGroup: React.NamedExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    RadioItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
+        inset?: boolean;
+        icon?: Icon | React.ReactNode;
+    } & React.RefAttributes<HTMLElement>>;
+    RadioItemIndicator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuRadioItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Label: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Shortcut: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Group: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAGL,KAAK,IAAI,EACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,qEAAqE;AACrE,eAAO,MAAM,oBAAoB;;;;;;;;;;;CAYvB,CAAC;AAEX,eAAO,MAAM,4BAA4B;;CAE/B,CAAC;AAGX,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,oBAAoB,CAAC,OAAO,CAAC;AAE1E,MAAM,WAAW,uBAAuB;IACtC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAA8C,GAC/C,GAAE,uBAA4B,UAE9B;AAoTD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,YAAY;;;;;gBAvUb,OAAO;eACR,IAAI;;;;;gBAgEH,OAAO;eACR,IAAI,GAAG,KAAK,CAAC,SAAS;mBAClB,OAAO;eACX,MAAM;kBACH,SAAS,GAAG,QAAQ;;;;;gBAwKtB,OAAO;eACR,IAAI,GAAG,KAAK,CAAC,SAAS;;;;gBA5CrB,OAAO;;;;kCA8BhB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;;;CAuHtC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,69 @@
+/** Empty state size variant definitions mapping sizes to their Tailwind classes. */
+export declare const SF_EMPTY_VARIANTS: {
+    readonly size: {
+        readonly sm: {
+            readonly classes: "px-6 py-8 gap-4";
+            readonly description: "Compact empty state for smaller containers";
+        };
+        readonly base: {
+            readonly classes: "px-10 py-16 gap-6";
+            readonly description: "Default empty state size";
+        };
+        readonly lg: {
+            readonly classes: "px-12 py-20 gap-8";
+            readonly description: "Large empty state for prominent placement";
+        };
+    };
+};
+export declare const SF_EMPTY_DEFAULT_VARIANTS: {
+    readonly size: "base";
+};
+export type SFEmptySize = keyof typeof SF_EMPTY_VARIANTS.size;
+export interface SFEmptyVariantsProps {
+    /**
+     * Size of the empty state container.
+     * - `"sm"` — Compact empty state for smaller containers
+     * - `"base"` — Default empty state size
+     * - `"lg"` — Large empty state for prominent placement
+     * @default "base"
+     */
+    size?: SFEmptySize;
+}
+export declare function emptyVariants({ size, }?: SFEmptyVariantsProps): string;
+/**
+ * Empty state component props.
+ *
+ * @example
+ * ```tsx
+ * <Empty
+ *   icon={<PackageIcon size={48} />}
+ *   title="No packages found"
+ *   description="Get started by installing your first package."
+ *   commandLine="npm install @signalflare-ai/ui"
+ * />
+ * ```
+ */
+export interface EmptyProps extends SFEmptyVariantsProps {
+    /** Decorative icon displayed above the title (e.g. from `@phosphor-icons/react`). */
+    icon?: React.ReactNode;
+    /** Primary heading text for the empty state. */
+    title: string;
+    /** Secondary description text displayed below the title. */
+    description?: string;
+    /** Shell command displayed in a copyable code block. */
+    commandLine?: string;
+    /** Additional content (buttons, links) rendered below the description. */
+    contents?: React.ReactNode;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+}
+/**
+ * Placeholder shown when a list, table, or page has no content to display.
+ *
+ * @example
+ * ```tsx
+ * <Empty title="No results found" description="Try adjusting your search." />
+ * ```
+ */
+export declare function Empty({ icon, title, description, commandLine, contents, size, className, }: EmptyProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=empty.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../../src/components/empty/empty.tsx"],"names":[],"mappings":"AAMA,oFAAoF;AACpF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;CAepB,CAAC;AAEX,eAAO,MAAM,yBAAyB;;CAE5B,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,iBAAiB,CAAC,IAAI,CAAC;AAE9D,MAAM,WAAW,oBAAoB;IACnC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAqC,GACtC,GAAE,oBAAyB,UAK3B;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,UAAW,SAAQ,oBAAoB;IACtD,qFAAqF;IACrF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,EACR,IAAa,EACb,SAAS,GACV,EAAE,UAAU,2CAyDZ"}

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

@@ -0,0 +1,2 @@
+export { Empty, emptyVariants, SF_EMPTY_VARIANTS, SF_EMPTY_DEFAULT_VARIANTS, type EmptyProps, type SFEmptySize, type SFEmptyVariantsProps, } from './empty';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/empty/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,aAAa,EACb,iBAAiB,EACjB,yBAAyB,EACzB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,oBAAoB,GAC1B,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,68 @@
+import { ReactNode } from 'react';
+/** Field variant definitions (currently empty, reserved for future additions). */
+export declare const SF_FIELD_VARIANTS: {};
+export declare const SF_FIELD_DEFAULT_VARIANTS: {};
+export interface SFFieldVariantsProps {
+    /**
+     * When true, places the control (checkbox/switch) before the label visually.
+     * When false (default), places the label before the control.
+     * Used to support different layout patterns (e.g., iOS-style toggles on the right).
+     */
+    controlFirst?: boolean;
+}
+export declare function fieldVariants({ controlFirst, }?: SFFieldVariantsProps): string;
+/**
+ * Match type for field validation errors.
+ * Can be a boolean or a key from the browser's ValidityState interface.
+ * Source: BaseErrorProps["match"] (ComponentPropsWithoutRef<typeof FieldBase.Error>)
+ */
+export type FieldErrorMatch = boolean | "badInput" | "customError" | "patternMismatch" | "rangeOverflow" | "rangeUnderflow" | "stepMismatch" | "tooLong" | "tooShort" | "typeMismatch" | "valid" | "valueMissing";
+/**
+ * Field component props — wraps a form control with label, description, and error message.
+ *
+ * @example
+ * ```tsx
+ * <Field label="Email" required>
+ *   <Input placeholder="you@example.com" />
+ * </Field>
+ *
+ * <Field label="Phone" required={false} description="We'll only use this for account recovery.">
+ *   <Input placeholder="+1 555-0000" />
+ * </Field>
+ * ```
+ */
+export interface FieldProps extends SFFieldVariantsProps {
+    /** The form control element(s) to wrap (Input, Select, Checkbox, etc.). */
+    children: ReactNode;
+    /** The label content — can be a string or any React node. */
+    label: ReactNode;
+    /**
+     * When explicitly `false`, shows gray "(optional)" text after the label.
+     * When `true` or `undefined`, no indicator is shown.
+     */
+    required?: boolean;
+    /** Tooltip content displayed next to the label via an info icon. */
+    labelTooltip?: ReactNode;
+    /** Validation error with a message and a browser `ValidityState` match key. */
+    error?: {
+        message: ReactNode;
+        match: FieldErrorMatch;
+    };
+    /** Helper text displayed below the control (hidden when `error` is present). */
+    description?: ReactNode;
+    /** When `true`, places the control before the label (for checkbox/switch layouts). */
+    controlFirst?: boolean;
+}
+/**
+ * Form field wrapper that provides a label, optional description, and error display
+ * around any form control. Built on Base UI Field primitives.
+ *
+ * @example
+ * ```tsx
+ * <Field label="Username">
+ *   <Input placeholder="Choose a username" />
+ * </Field>
+ * ```
+ */
+export declare function Field({ children, label, required, labelTooltip, error, description, controlFirst, }: FieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../../src/components/field/field.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;IACnC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAoB,GACrB,GAAE,oBAAyB,UAkB3B;AAED;;;;GAIG;AACH,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,UAAU,GACV,aAAa,GACb,iBAAiB,GACjB,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,SAAS,GACT,UAAU,GACV,cAAc,GACd,OAAO,GACP,cAAc,CAAC;AAEnB;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,UAAW,SAAQ,oBAAoB;IACtD,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,6DAA6D;IAC7D,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,+EAA+E;IAC/E,KAAK,CAAC,EAAE;QACN,OAAO,EAAE,SAAS,CAAC;QACnB,KAAK,EAAE,eAAe,CAAC;KACxB,CAAC;IACF,gFAAgF;IAChF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,sFAAsF;IACtF,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,WAAW,EACX,YAAoB,GACrB,EAAE,UAAU,2CAsCZ"}

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

@@ -0,0 +1,2 @@
+export { Field, type FieldProps, type FieldErrorMatch, fieldVariants, SF_FIELD_VARIANTS, SF_FIELD_DEFAULT_VARIANTS, } from './field';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,aAAa,EACb,iBAAiB,EACjB,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,54 @@
+import { FiltersProps } from './types';
+export { createFilter, createFilterGroup } from './helpers';
+export type { Filter, FilterFieldConfig, FilterOption, FilterOperator, FilterI18nConfig, FiltersProps, FilterCustomRendererProps, } from './types';
+/** Filters size variant definitions */
+export declare const SF_FILTERS_VARIANTS: {
+    readonly size: {
+        readonly sm: {
+            readonly classes: "text-xs";
+            readonly description: "Small filter items";
+        };
+        readonly default: {
+            readonly classes: "text-sm";
+            readonly description: "Default filter items";
+        };
+        readonly lg: {
+            readonly classes: "text-base";
+            readonly description: "Large filter items";
+        };
+    };
+};
+/** Default variants for Filters */
+export declare const SF_FILTERS_DEFAULT_VARIANTS: {
+    readonly size: "default";
+};
+/**
+ * Filters component for building and managing active filter conditions.
+ *
+ * Supports multiple filter types (text, select, multiselect, custom), operators,
+ * and an "Add Filter" popover interface. Designed to work standalone or with
+ * DataGrid for advanced data filtering.
+ *
+ * @example
+ * ```tsx
+ * const [filters, setFilters] = useState<Filter[]>([]);
+ * const fields: FilterFieldConfig[] = [
+ *   { key: "status", label: "Status", type: "select", options: [
+ *     { value: "active", label: "Active" },
+ *     { value: "inactive", label: "Inactive" },
+ *   ]},
+ *   { key: "name", label: "Name", type: "text" },
+ * ];
+ *
+ * <Filters
+ *   filters={filters}
+ *   fields={fields}
+ *   onChange={setFilters}
+ * />
+ * ```
+ */
+export declare function Filters({ filters, fields, onChange, size, trigger, showSearchInput, allowMultiple, enableShortcut, shortcutKey, shortcutLabel, i18n: i18nProp, className, menuPopupClassName, }: FiltersProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Filters {
+    var displayName: string;
+}
+//# sourceMappingURL=filters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../../src/components/filters/filters.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAIV,YAAY,EAEb,MAAM,SAAS,CAAC;AAYjB,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE5D,YAAY,EACV,MAAM,EACN,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,yBAAyB,GAC1B,MAAM,SAAS,CAAC;AAMjB,uCAAuC;AACvC,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;CAetB,CAAC;AAEX,mCAAmC;AACnC,eAAO,MAAM,2BAA2B;;CAE9B,CAAC;AA6fX;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,IAAuC,EACvC,OAAO,EACP,eAAsB,EACtB,aAAoB,EACpB,cAAqB,EACrB,WAAiB,EACjB,aAAa,EACb,IAAI,EAAE,QAAQ,EACd,SAAS,EACT,kBAAkB,GACnB,EAAE,YAAY,2CAkHd;yBAhIe,OAAO"}

package/dist/src/components/filters/helpers.d.ts

@@ -0,0 +1,56 @@
+import { Filter, FilterFieldConfig, FilterOperator, FilterI18nConfig } from './types';
+/** Default operators for text fields */
+export declare const DEFAULT_TEXT_OPERATORS: FilterOperator[];
+/** Default operators for select fields */
+export declare const DEFAULT_SELECT_OPERATORS: FilterOperator[];
+/** Default operators for multiselect fields */
+export declare const DEFAULT_MULTISELECT_OPERATORS: FilterOperator[];
+/** Map of field types to their default operators */
+export declare const DEFAULT_OPERATORS: Record<string, FilterOperator[]>;
+/** Get default operator for a field type */
+export declare function getDefaultOperatorForFieldType(type: string, operators?: FilterOperator[]): string;
+/**
+ * Create a new filter with a unique ID.
+ *
+ * @example
+ * ```tsx
+ * const filter = createFilter("status", "is", ["active"]);
+ * setFilters(prev => [...prev, filter]);
+ * ```
+ */
+export declare function createFilter(field: string, operator: string, values: string[]): Filter;
+/**
+ * Create multiple filters at once, each with a unique ID.
+ *
+ * @example
+ * ```tsx
+ * const filters = createFilterGroup([
+ *   { field: "status", operator: "is", values: ["active"] },
+ *   { field: "priority", operator: "is_any_of", values: ["high", "critical"] },
+ * ]);
+ * ```
+ */
+export declare function createFilterGroup(filters: Array<Omit<Filter, "id">>): Filter[];
+/** Default i18n configuration */
+export declare const DEFAULT_I18N: FilterI18nConfig;
+/** Merge partial i18n config with defaults */
+export declare function mergeI18n(partial?: Partial<FilterI18nConfig>): FilterI18nConfig;
+/** Get operators for a field, falling back to defaults */
+export declare function getFieldOperators(field: FilterFieldConfig): FilterOperator[];
+/** Get field configuration by key */
+export declare function getFieldByKey(fields: FilterFieldConfig[], key: string): FilterFieldConfig | undefined;
+/** Group fields by their group property */
+export declare function groupFields(fields: FilterFieldConfig[]): Map<string, FilterFieldConfig[]>;
+/** Check if a filter value is valid for a field */
+export declare function validateFilterValue(field: FilterFieldConfig, values: string[]): {
+    valid: boolean;
+    message?: string;
+};
+/** Format a filter value for display in the filter pill */
+export declare function formatFilterValue(values: string[], field: FilterFieldConfig): string;
+/** Get the label for a filter value from options */
+export declare function getValueLabel(value: string, options?: Array<{
+    value: string;
+    label: string;
+}>): string;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/src/components/filters/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/filters/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAM3F,wCAAwC;AACxC,eAAO,MAAM,sBAAsB,EAAE,cAAc,EASlD,CAAC;AAEF,0CAA0C;AAC1C,eAAO,MAAM,wBAAwB,EAAE,cAAc,EAKpD,CAAC;AAEF,+CAA+C;AAC/C,eAAO,MAAM,6BAA6B,EAAE,cAAc,EAMzD,CAAC;AAEF,oDAAoD;AACpD,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,CAI9D,CAAC;AAEF,4CAA4C;AAC5C,wBAAgB,8BAA8B,CAC5C,IAAI,EAAE,MAAM,EACZ,SAAS,CAAC,EAAE,cAAc,EAAE,GAC3B,MAAM,CAMR;AAMD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,EAAE,GACf,MAAM,CAOR;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,GACjC,MAAM,EAAE,CAKV;AAMD,iCAAiC;AACjC,eAAO,MAAM,YAAY,EAAE,gBAyB1B,CAAC;AAEF,8CAA8C;AAC9C,wBAAgB,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,gBAAgB,CAS/E;AAMD,0DAA0D;AAC1D,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,GAAG,cAAc,EAAE,CAK5E;AAED,qCAAqC;AACrC,wBAAgB,aAAa,CAC3B,MAAM,EAAE,iBAAiB,EAAE,EAC3B,GAAG,EAAE,MAAM,GACV,iBAAiB,GAAG,SAAS,CAE/B;AAED,2CAA2C;AAC3C,wBAAgB,WAAW,CAAC,MAAM,EAAE,iBAAiB,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,iBAAiB,EAAE,CAAC,CAYzF;AAED,mDAAmD;AACnD,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,iBAAiB,EACxB,MAAM,EAAE,MAAM,EAAE,GACf;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAmBtC;AAMD,2DAA2D;AAC3D,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,EAAE,EAChB,KAAK,EAAE,iBAAiB,GACvB,MAAM,CAiCR;AAED,oDAAoD;AACpD,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,GAChD,MAAM,CAIR"}

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

@@ -0,0 +1,3 @@
+export { Filters, createFilter, createFilterGroup, SF_FILTERS_VARIANTS, SF_FILTERS_DEFAULT_VARIANTS, type FiltersProps, type Filter, type FilterFieldConfig, type FilterOption, type FilterOperator, type FilterI18nConfig, type FilterCustomRendererProps, } from './filters';
+export { getFieldOperators, getFieldByKey, groupFields, validateFilterValue, formatFilterValue, getValueLabel, DEFAULT_TEXT_OPERATORS, DEFAULT_SELECT_OPERATORS, DEFAULT_MULTISELECT_OPERATORS, DEFAULT_OPERATORS, DEFAULT_I18N, mergeI18n, } from './helpers';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/filters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,2BAA2B,EAC3B,KAAK,YAAY,EACjB,KAAK,MAAM,EACX,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,yBAAyB,GAC/B,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,sBAAsB,EACtB,wBAAwB,EACxB,6BAA6B,EAC7B,iBAAiB,EACjB,YAAY,EACZ,SAAS,GACV,MAAM,WAAW,CAAC"}