@signalflare-ai/ui 1.2.0 → 1.4.0

package/dist/components/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":[],"sources":["../../src/components/link/link.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { forwardRef, type SVGProps } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport {\n  useLinkComponent,\n  type LinkComponentProps,\n} from \"../../utils/link-provider\";\n\n/**\n * ExternalIcon - Visual indicator for links that open in a new tab/window.\n *\n * Use this as a child of Link to indicate external navigation:\n * ```tsx\n * <Link href=\"https://example.com\" target=\"_blank\" rel=\"noopener noreferrer\">\n *   Visit Example <Link.ExternalIcon />\n * </Link>\n * ```\n */\nconst ExternalIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    width=\"1em\"\n    height=\"1em\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    className=\"link-external-icon\"\n    {...props}\n  >\n    <path d=\"M9 4H8.8C7.11984 4 6.27976 4 5.63803 4.32698C5.07354 4.6146 4.6146 5.07354 4.32698 5.63803C4 6.27976 4 7.11984 4 8.8V15.2C4 16.8802 4 17.7202 4.32698 18.362C4.6146 18.9265 5.07354 19.3854 5.63803 19.673C6.27976 20 7.11984 20 8.8 20H15.2C16.8802 20 17.7202 20 18.362 19.673C18.9265 19.3854 19.3854 18.9265 19.673 18.362C20 17.7202 20 16.8802 20 15.2V15\" />\n    <path d=\"M14 4H20M20 4V10M20 4L11 13\" />\n  </svg>\n);\n\nExternalIcon.displayName = \"Link.ExternalIcon\";\n\n/** Link variant definitions mapping variant names to their Tailwind classes. */\nexport const SF_LINK_VARIANTS = {\n  variant: {\n    inline: {\n      classes:\n        \"text-primary underline underline-offset-[0.15em] decoration-[0.0625em] link-current transition-colors\",\n      description: \"Inline text link that flows with content\",\n    },\n    current: {\n      classes:\n        \"text-current underline underline-offset-[0.15em] decoration-[0.0625em] link-current transition-colors\",\n      description: \"Link that inherits color from parent text\",\n    },\n    plain: {\n      classes: \"text-primary hover:text-primary/70 transition-colors\",\n      description: \"Link without underline decoration\",\n    },\n  },\n} as const;\n\nexport const SF_LINK_DEFAULT_VARIANTS = {\n  variant: \"inline\",\n} as const;\n\nexport type SFLinkVariant = keyof typeof SF_LINK_VARIANTS.variant;\n\nexport interface SFLinkVariantsProps {\n  /**\n   * Visual style of the link.\n   * - `\"inline\"` — Inline text link that flows with content\n   * - `\"current\"` — Link that inherits color from parent text\n   * - `\"plain\"` — Link without underline decoration\n   * @default \"inline\"\n   */\n  variant?: SFLinkVariant;\n}\n\nexport function linkVariants({\n  variant = SF_LINK_DEFAULT_VARIANTS.variant,\n}: SFLinkVariantsProps = {}) {\n  return cn(SF_LINK_VARIANTS.variant[variant].classes);\n}\n\n/**\n * Link component props.\n *\n * @example\n * ```tsx\n * <Link href=\"/docs\">Learn more</Link>\n * <Link href=\"https://signalflare.ai\" target=\"_blank\" rel=\"noopener noreferrer\">\n *   Visit SignalFlare <Link.ExternalIcon />\n * </Link>\n * <Link render={<RouterLink to=\"/dashboard\" />}>Dashboard</Link>\n * ```\n */\nexport type LinkProps = useRender.ComponentProps<\"a\"> &\n  LinkComponentProps &\n  SFLinkVariantsProps;\n\n/**\n * Link component for consistent inline text links.\n *\n * Supports composition via `render` prop for framework-specific routing:\n * - Without render: renders via LinkProvider (default anchor or configured component)\n * - With render: merges props onto the provided element with proper ref/event handling\n *\n * @example Basic usage\n * ```tsx\n * <Link href=\"/docs\">Learn more</Link>\n * ```\n *\n * @example External link with icon\n * ```tsx\n * <Link href=\"https://signalflare.ai\" target=\"_blank\" rel=\"noopener noreferrer\">\n *   Visit SignalFlare <Link.ExternalIcon />\n * </Link>\n * ```\n *\n * @example Composition with React Router\n * ```tsx\n * <Link render={<RouterLink to=\"/dashboard\" />} variant=\"inline\">\n *   Dashboard\n * </Link>\n * ```\n */\nconst LinkBase = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  { className, variant = \"inline\", render, ...props },\n  ref\n) {\n  const LinkComponent = useLinkComponent();\n\n  const defaultProps: useRender.ElementProps<\"a\"> = {\n    className: cn(\n      linkVariants({ variant }),\n      \"group/link inline-flex items-center gap-[0.1875em]\"\n    ),\n  };\n\n  const element = useRender({\n    render: render ?? <LinkComponent />,\n    ref,\n    props: mergeProps<\"a\">(defaultProps, props, { className }),\n  });\n\n  return element;\n});\n\nLinkBase.displayName = \"Link\";\n\n// Compound component with ExternalIcon subcomponent\nexport const Link = Object.assign(LinkBase, {\n  ExternalIcon,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,IAAM,gBAAgB,UACpB,qBAAC,OAAD;CACE,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,eAAc;CACd,gBAAe;CACf,eAAY;CACZ,WAAU;CACV,GAAI;WAVN,CAYE,oBAAC,QAAD,EAAM,GAAE,mWAAoW,CAAA,EAC5W,oBAAC,QAAD,EAAM,GAAE,+BAAgC,CAAA,CACpC;;AAGR,aAAa,cAAc;;AAG3B,IAAa,mBAAmB,EAC9B,SAAS;CACP,QAAQ;EACN,SACE;EACF,aAAa;EACd;CACD,SAAS;EACP,SACE;EACF,aAAa;EACd;CACD,OAAO;EACL,SAAS;EACT,aAAa;EACd;CACF,EACF;AAED,IAAa,2BAA2B,EACtC,SAAS,UACV;AAeD,SAAgB,aAAa,EAC3B,UAAU,yBAAyB,YACZ,EAAE,EAAE;AAC3B,QAAO,GAAG,iBAAiB,QAAQ,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CtD,IAAM,WAAW,WAAyC,SAAS,KACjE,EAAE,WAAW,UAAU,UAAU,QAAQ,GAAG,SAC5C,KACA;CACA,MAAM,gBAAgB,kBAAkB;CAExC,MAAM,eAA4C,EAChD,WAAW,GACT,aAAa,EAAE,SAAS,CAAC,EACzB,qDACD,EACF;AAQD,QANgB,UAAU;EACxB,QAAQ,UAAU,oBAAC,eAAD,EAAiB,CAAA;EACnC;EACA,OAAO,WAAgB,cAAc,OAAO,EAAE,WAAW,CAAC;EAC3D,CAAC;EAGF;AAEF,SAAS,cAAc;AAGvB,IAAa,OAAO,OAAO,OAAO,UAAU,EAC1C,cACD,CAAC"}
+{"version":3,"file":"link.js","names":[],"sources":["../../src/components/link/link.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { forwardRef, type SVGProps } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport {\n  useLinkComponent,\n  type LinkComponentProps,\n} from \"../../utils/link-provider\";\n\n/**\n * ExternalIcon - Visual indicator for links that open in a new tab/window.\n *\n * Use this as a child of Link to indicate external navigation:\n * ```tsx\n * <Link href=\"https://example.com\" target=\"_blank\" rel=\"noopener noreferrer\">\n *   Visit Example <Link.ExternalIcon />\n * </Link>\n * ```\n */\nconst ExternalIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    width=\"1em\"\n    height=\"1em\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n    className=\"link-external-icon\"\n    {...props}\n  >\n    <path d=\"M9 4H8.8C7.11984 4 6.27976 4 5.63803 4.32698C5.07354 4.6146 4.6146 5.07354 4.32698 5.63803C4 6.27976 4 7.11984 4 8.8V15.2C4 16.8802 4 17.7202 4.32698 18.362C4.6146 18.9265 5.07354 19.3854 5.63803 19.673C6.27976 20 7.11984 20 8.8 20H15.2C16.8802 20 17.7202 20 18.362 19.673C18.9265 19.3854 19.3854 18.9265 19.673 18.362C20 17.7202 20 16.8802 20 15.2V15\" />\n    <path d=\"M14 4H20M20 4V10M20 4L11 13\" />\n  </svg>\n);\n\nExternalIcon.displayName = \"Link.ExternalIcon\";\n\n/** Link variant definitions mapping variant names to their Tailwind classes. */\nexport const SF_LINK_VARIANTS = {\n  variant: {\n    inline: {\n      classes:\n        \"text-primary underline underline-offset-[0.15em] decoration-[0.0625em] link-current transition-colors\",\n      description: \"Inline text link that flows with content\",\n    },\n    current: {\n      classes:\n        \"text-current underline underline-offset-[0.15em] decoration-[0.0625em] link-current transition-colors\",\n      description: \"Link that inherits color from parent text\",\n    },\n    plain: {\n      classes: \"text-primary hover:text-primary/70 transition-colors\",\n      description: \"Link without underline decoration\",\n    },\n  },\n} as const;\n\nexport const SF_LINK_DEFAULT_VARIANTS = {\n  variant: \"inline\",\n} as const;\n\nexport type SFLinkVariant = keyof typeof SF_LINK_VARIANTS.variant;\n\nexport interface SFLinkVariantsProps {\n  /**\n   * Visual style of the link.\n   * - `\"inline\"` — Inline text link that flows with content\n   * - `\"current\"` — Link that inherits color from parent text\n   * - `\"plain\"` — Link without underline decoration\n   * @default \"inline\"\n   */\n  variant?: SFLinkVariant;\n}\n\nexport function linkVariants({\n  variant = SF_LINK_DEFAULT_VARIANTS.variant,\n}: SFLinkVariantsProps = {}) {\n  return cn(SF_LINK_VARIANTS.variant[variant].classes);\n}\n\n/**\n * Link component props.\n *\n * @example\n * ```tsx\n * <Link href=\"/docs\">Learn more</Link>\n * <Link href=\"https://signalflare.ai\" target=\"_blank\" rel=\"noopener noreferrer\">\n *   Visit SignalFlare <Link.ExternalIcon />\n * </Link>\n * <Link render={<RouterLink to=\"/dashboard\" />}>Dashboard</Link>\n * ```\n */\nexport type LinkProps = useRender.ComponentProps<\"a\"> &\n  LinkComponentProps &\n  SFLinkVariantsProps;\n\n/**\n * Link component for consistent inline text links.\n *\n * Supports composition via `render` prop for framework-specific routing:\n * - Without render: renders via LinkProvider (default anchor or configured component)\n * - With render: merges props onto the provided element with proper ref/event handling\n *\n * @example Basic usage\n * ```tsx\n * <Link href=\"/docs\">Learn more</Link>\n * ```\n *\n * @example External link with icon\n * ```tsx\n * <Link href=\"https://signalflare.ai\" target=\"_blank\" rel=\"noopener noreferrer\">\n *   Visit SignalFlare <Link.ExternalIcon />\n * </Link>\n * ```\n *\n * @example Composition with React Router\n * ```tsx\n * <Link render={<RouterLink to=\"/dashboard\" />} variant=\"inline\">\n *   Dashboard\n * </Link>\n * ```\n */\nconst LinkBase = forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ className, variant = \"inline\", render, ...props }, ref) => {\n    const LinkComponent = useLinkComponent();\n\n    const defaultProps: useRender.ElementProps<\"a\"> = {\n      className: cn(\n        linkVariants({ variant }),\n        \"group/link inline-flex items-center gap-[0.1875em]\"\n      ),\n    };\n\n    const element = useRender({\n      render: render ?? <LinkComponent />,\n      ref,\n      props: mergeProps<\"a\">(defaultProps, props, { className }),\n    });\n\n    return element;\n  }\n);\n\nLinkBase.displayName = \"Link\";\n\n// Compound component with ExternalIcon subcomponent\nexport const Link = Object.assign(LinkBase, {\n  ExternalIcon,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,IAAM,gBAAgB,UACpB,qBAAC,OAAD;CACE,OAAM;CACN,QAAO;CACP,SAAQ;CACR,MAAK;CACL,QAAO;CACP,eAAc;CACd,gBAAe;CACf,eAAY;CACZ,WAAU;CACV,GAAI;WAVN,CAYE,oBAAC,QAAD,EAAM,GAAE,kWAAmW,CAAA,GAC3W,oBAAC,QAAD,EAAM,GAAE,8BAA+B,CAAA,CACpC;;AAGP,aAAa,cAAc;;AAG3B,IAAa,mBAAmB,EAC9B,SAAS;CACP,QAAQ;EACN,SACE;EACF,aAAa;CACf;CACA,SAAS;EACP,SACE;EACF,aAAa;CACf;CACA,OAAO;EACL,SAAS;EACT,aAAa;CACf;AACF,EACF;AAEA,IAAa,2BAA2B,EACtC,SAAS,SACX;AAeA,SAAgB,aAAa,EAC3B,UAAU,yBAAyB,YACZ,CAAC,GAAG;CAC3B,OAAO,GAAG,iBAAiB,QAAQ,SAAS,OAAO;AACrD;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,IAAM,WAAW,YACd,EAAE,WAAW,UAAU,UAAU,QAAQ,GAAG,SAAS,QAAQ;CAC5D,MAAM,gBAAgB,iBAAiB;CAEvC,MAAM,eAA4C,EAChD,WAAW,GACT,aAAa,EAAE,QAAQ,CAAC,GACxB,oDACF,EACF;CAQA,OANgB,UAAU;EACxB,QAAQ,UAAU,oBAAC,eAAD,CAAgB,CAAA;EAClC;EACA,OAAO,WAAgB,cAAc,OAAO,EAAE,UAAU,CAAC;CAC3D,CAEO;AACT,CACF;AAEA,SAAS,cAAc;AAGvB,IAAa,OAAO,OAAO,OAAO,UAAU,EAC1C,aACF,CAAC"}

package/dist/components/loader.js

@@ -1,4 +1,4 @@
 "use client";
-import { t as Loader } from "../loader-DAcc-Uag.js";
-import { t as SkeletonLine } from "../skeleton-line-CH1-h6e2.js";
+import { t as Loader } from "../loader-BEMz8pJO.js";
+import { t as SkeletonLine } from "../skeleton-line-CxxYVTO2.js";
 export { Loader, SkeletonLine };

package/dist/components/menubar.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as useMenuNavigation, t as MenuBar } from "../menubar-Cxf3xeAt.js";
+import { n as useMenuNavigation, t as MenuBar } from "../menubar-CoOr4ocj.js";
 export { MenuBar, useMenuNavigation };

package/dist/components/meter.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as Meter } from "../meter-BFFe9l5b.js";
+import { t as Meter } from "../meter-Pf_VOl59.js";
 export { Meter };

package/dist/components/pagination.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as Pagination } from "../pagination-yS372Tr4.js";
+import { t as Pagination } from "../pagination-DSY279Ta.js";
 export { Pagination };

package/dist/components/popover.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as PopoverRoot, c as SF_POPOVER_DEFAULT_VARIANTS, i as PopoverDescription, l as SF_POPOVER_VARIANTS, n as PopoverClose, o as PopoverTitle, r as PopoverContent, s as PopoverTrigger, t as Popover } from "../popover-SRoJaCZr.js";
+import { a as PopoverRoot, c as SF_POPOVER_DEFAULT_VARIANTS, i as PopoverDescription, l as SF_POPOVER_VARIANTS, n as PopoverClose, o as PopoverTitle, r as PopoverContent, s as PopoverTrigger, t as Popover } from "../popover-BY-e9co1.js";
 export { Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverRoot, PopoverTitle, PopoverTrigger, SF_POPOVER_DEFAULT_VARIANTS, SF_POPOVER_VARIANTS };

package/dist/components/radio.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as radioVariants, i as SF_RADIO_VARIANTS, n as RadioGroup, r as SF_RADIO_DEFAULT_VARIANTS, t as Radio } from "../radio-BcwhwYNB.js";
+import { a as radioVariants, i as SF_RADIO_VARIANTS, n as RadioGroup, r as SF_RADIO_DEFAULT_VARIANTS, t as Radio } from "../radio-DZwL13j0.js";
 export { Radio, RadioGroup, SF_RADIO_DEFAULT_VARIANTS, SF_RADIO_VARIANTS, radioVariants };

package/dist/components/select.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as Select } from "../select-DMhdoHMa.js";
+import { t as Select } from "../select-BFifYqHA.js";
 export { Select };

package/dist/components/sensitive-input.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as SF_SENSITIVE_INPUT_VARIANTS, r as SensitiveInput, t as SF_SENSITIVE_INPUT_DEFAULT_VARIANTS } from "../sensitive-input-CJUpIRal.js";
+import { n as SF_SENSITIVE_INPUT_VARIANTS, r as SensitiveInput, t as SF_SENSITIVE_INPUT_DEFAULT_VARIANTS } from "../sensitive-input-DHLZcM73.js";
 export { SF_SENSITIVE_INPUT_DEFAULT_VARIANTS, SF_SENSITIVE_INPUT_VARIANTS, SensitiveInput };

package/dist/components/sidebar.js

@@ -1,3 +1,3 @@
 "use client";
-import { A as useSidebar, C as SidebarMenuSubItem, D as SidebarRoot, E as SidebarResizeHandle, O as SidebarSeparator, S as SidebarMenuSubButton, T as SidebarRail, _ as SidebarMenuBadge, a as SidebarCollapsible, b as SidebarMenuItem, c as SidebarContent, d as SidebarGroupContent, f as SidebarGroupLabel, g as SidebarMenuAction, h as SidebarMenu, i as Sidebar, k as SidebarTrigger, l as SidebarFooter, m as SidebarInput, n as SF_SIDEBAR_STYLING, o as SidebarCollapsibleContent, p as SidebarHeader, r as SF_SIDEBAR_VARIANTS, s as SidebarCollapsibleTrigger, t as SF_SIDEBAR_DEFAULT_VARIANTS, u as SidebarGroup, v as SidebarMenuButton, w as SidebarProvider, x as SidebarMenuSub, y as SidebarMenuChevron } from "../sidebar-D4zrlYpn.js";
+import { A as useSidebar, C as SidebarMenuSubItem, D as SidebarRoot, E as SidebarResizeHandle, O as SidebarSeparator, S as SidebarMenuSubButton, T as SidebarRail, _ as SidebarMenuBadge, a as SidebarCollapsible, b as SidebarMenuItem, c as SidebarContent, d as SidebarGroupContent, f as SidebarGroupLabel, g as SidebarMenuAction, h as SidebarMenu, i as Sidebar, k as SidebarTrigger, l as SidebarFooter, m as SidebarInput, n as SF_SIDEBAR_STYLING, o as SidebarCollapsibleContent, p as SidebarHeader, r as SF_SIDEBAR_VARIANTS, s as SidebarCollapsibleTrigger, t as SF_SIDEBAR_DEFAULT_VARIANTS, u as SidebarGroup, v as SidebarMenuButton, w as SidebarProvider, x as SidebarMenuSub, y as SidebarMenuChevron } from "../sidebar-odGsdvG4.js";
 export { SF_SIDEBAR_DEFAULT_VARIANTS, SF_SIDEBAR_STYLING, SF_SIDEBAR_VARIANTS, Sidebar, SidebarCollapsible, SidebarCollapsibleContent, SidebarCollapsibleTrigger, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuChevron, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarResizeHandle, SidebarRoot, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/components/signalflare-ai-logo.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as SignalFlareAILogo, i as SF_SIGNALFLARE_AI_LOGO_VARIANTS, n as PoweredBySignalFlareAI, o as SignalflareAiLogo, r as SF_SIGNALFLARE_AI_LOGO_DEFAULT_VARIANTS, s as generateSignalFlareAILogoSvg, t as PoweredByNavigator } from "../signalflare-ai-logo-Bipogceq.js";
+import { a as SignalFlareAILogo, i as SF_SIGNALFLARE_AI_LOGO_VARIANTS, n as PoweredBySignalFlareAI, o as SignalflareAiLogo, r as SF_SIGNALFLARE_AI_LOGO_DEFAULT_VARIANTS, s as generateSignalFlareAILogoSvg, t as PoweredByNavigator } from "../signalflare-ai-logo-CNaDT_w8.js";
 export { PoweredByNavigator, PoweredBySignalFlareAI, SF_SIGNALFLARE_AI_LOGO_DEFAULT_VARIANTS, SF_SIGNALFLARE_AI_LOGO_VARIANTS, SignalFlareAILogo, SignalflareAiLogo, generateSignalFlareAILogoSvg };

package/dist/components/sparkline.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as SF_SPARKLINE_VARIANTS, r as Sparkline, t as SF_SPARKLINE_DEFAULT_VARIANTS } from "../sparkline-DHmgj1d0.js";
+import { n as SF_SPARKLINE_VARIANTS, r as Sparkline, t as SF_SPARKLINE_DEFAULT_VARIANTS } from "../sparkline-BQ-4j2W2.js";
 export { SF_SPARKLINE_DEFAULT_VARIANTS, SF_SPARKLINE_VARIANTS, Sparkline };

package/dist/components/stat-card.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as SF_STAT_CARD_VARIANTS, r as StatCard, t as SF_STAT_CARD_DEFAULT_VARIANTS } from "../stat-card-Ew-ofzEm.js";
+import { n as SF_STAT_CARD_VARIANTS, r as StatCard, t as SF_STAT_CARD_DEFAULT_VARIANTS } from "../stat-card-Bspk4XFr.js";
 export { SF_STAT_CARD_DEFAULT_VARIANTS, SF_STAT_CARD_VARIANTS, StatCard };

package/dist/components/surface.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as Surface } from "../surface-DGwRlC0o.js";
+import { t as Surface } from "../surface-CWdSFVUx.js";
 export { Surface };

package/dist/components/switch.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as SF_SWITCH_VARIANTS, r as Switch, t as SF_SWITCH_DEFAULT_VARIANTS } from "../switch-BxAMfHdt.js";
+import { n as SF_SWITCH_VARIANTS, r as Switch, t as SF_SWITCH_DEFAULT_VARIANTS } from "../switch-TA4cByCJ.js";
 export { SF_SWITCH_DEFAULT_VARIANTS, SF_SWITCH_VARIANTS, Switch };

package/dist/components/table.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as SF_TABLE_VARIANTS, r as Table, t as SF_TABLE_DEFAULT_VARIANTS } from "../table-BBeAtYVZ.js";
+import { n as SF_TABLE_VARIANTS, r as Table, t as SF_TABLE_DEFAULT_VARIANTS } from "../table-BM8JBGBs.js";
 export { SF_TABLE_DEFAULT_VARIANTS, SF_TABLE_VARIANTS, Table };

package/dist/components/tabs.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as Tabs } from "../tabs-CeHu7Scn.js";
+import { t as Tabs } from "../tabs-bnH2vGLv.js";
 export { Tabs };

package/dist/components/text-roll.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as TextRoll } from "../text-roll-Ch52hcQj.js";
+import { t as TextRoll } from "../text-roll-C3U2jd2u.js";
 export { TextRoll };

package/dist/components/text.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as Text } from "../text-Cqryz7rk.js";
+import { t as Text } from "../text-iQ0YUFNg.js";
 export { Text };

package/dist/components/theme-toggle.js

@@ -1,3 +1,3 @@
 "use client";
-import { i as getStoredThemeMode, n as SF_THEME_TOGGLE_VARIANTS, r as ThemeToggle, t as SF_THEME_TOGGLE_DEFAULT_VARIANTS } from "../theme-toggle-LDfIKEqx.js";
+import { i as getStoredThemeMode, n as SF_THEME_TOGGLE_VARIANTS, r as ThemeToggle, t as SF_THEME_TOGGLE_DEFAULT_VARIANTS } from "../theme-toggle-BTVxD-fD.js";
 export { SF_THEME_TOGGLE_DEFAULT_VARIANTS, SF_THEME_TOGGLE_VARIANTS, ThemeToggle, getStoredThemeMode };

package/dist/components/toast.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as useSFToastManager, i as createSFToastManager, n as ToastProvider, r as Toasty, t as Toast } from "../toast-CaFQNYng.js";
+import { a as useSFToastManager, i as createSFToastManager, n as ToastProvider, r as Toasty, t as Toast } from "../toast-CgZVaAkw.js";
 export { Toast, ToastProvider, Toasty, createSFToastManager, useSFToastManager };

package/dist/components/tooltip.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as TooltipProvider, t as Tooltip } from "../tooltip-g9lFsvcT.js";
+import { n as TooltipProvider, t as Tooltip } from "../tooltip-uobk6Oh-.js";
 export { Tooltip, TooltipProvider };

package/dist/components/use-agent-harness.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as useAgentHarness, i as fromMastraHarness, n as SF_USE_AGENT_HARNESS_VARIANTS, r as createAgentHarnessState, t as SF_USE_AGENT_HARNESS_DEFAULT_VARIANTS } from "../use-agent-harness-BTcNJdw4.js";
+import { a as useAgentHarness, i as fromMastraHarness, n as SF_USE_AGENT_HARNESS_VARIANTS, r as createAgentHarnessState, t as SF_USE_AGENT_HARNESS_DEFAULT_VARIANTS } from "../use-agent-harness-Dl8w6X5O.js";
 export { SF_USE_AGENT_HARNESS_DEFAULT_VARIANTS, SF_USE_AGENT_HARNESS_VARIANTS, createAgentHarnessState, fromMastraHarness, useAgentHarness };

package/dist/data-grid-DrguJq_H.js

@@ -0,0 +1,395 @@
+"use client";
+import { t as cn } from "./cn-CmAOpn49.js";
+import { t as Loader } from "./loader-BEMz8pJO.js";
+import { t as Button } from "./button-BHOgXJRU.js";
+import { t as Checkbox } from "./checkbox-Cy_OCyay.js";
+import { t as DropdownMenu } from "./dropdown-XzbnRLYR.js";
+import { t as Pagination } from "./pagination-DSY279Ta.js";
+import { r as Table } from "./table-BM8JBGBs.js";
+import { t as Filters } from "./filters-SmEl93za.js";
+import { t as Empty } from "./empty-C1tAkawe.js";
+import { createContext, useContext, useMemo, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { CaretDownIcon, CaretUpDownIcon, CaretUpIcon, ColumnsIcon, FadersHorizontalIcon } from "@phosphor-icons/react";
+import { columnFilteringFeature, columnResizingFeature, columnSizingFeature, columnVisibilityFeature, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, filterFns, flexRender, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFns, tableFeatures, useTable } from "@tanstack/react-table";
+import { useVirtualizer } from "@tanstack/react-virtual";
+//#region src/components/data-grid/features.ts
+/**
+* The TanStack Table v9 feature set used by DataGrid.
+*
+* v9 is modular/tree-shakeable: features must be opted into explicitly via
+* `_features` rather than being bundled into `useReactTable` like v8. This set
+* mirrors the capabilities the v8 DataGrid relied on: sorting, filtering,
+* pagination, row selection, column visibility, and column resizing/sizing.
+*/
+var dataGridFeatures = tableFeatures({
+	columnFilteringFeature,
+	columnResizingFeature,
+	columnSizingFeature,
+	columnVisibilityFeature,
+	rowPaginationFeature,
+	rowSelectionFeature,
+	rowSortingFeature
+});
+//#endregion
+//#region src/components/data-grid/data-grid.tsx
+/** DataGrid layout variant definitions */
+var SF_DATA_GRID_VARIANTS = { layout: {
+	auto: {
+		classes: "",
+		description: "Auto column sizing - columns resize based on content"
+	},
+	fixed: {
+		classes: "table-fixed",
+		description: "Fixed column sizing - columns have equal width"
+	}
+} };
+/** Default variants for DataGrid */
+var SF_DATA_GRID_DEFAULT_VARIANTS = { layout: "auto" };
+var DataGridContext = createContext(null);
+var DEFAULT_PAGE_SIZE_OPTIONS = [
+	10,
+	25,
+	50,
+	100
+];
+function useDataGridContext() {
+	const context = useContext(DataGridContext);
+	if (!context) throw new Error("DataGrid compound components must be used within a DataGrid");
+	return context;
+}
+function SortIcon({ sorted }) {
+	if (sorted === "asc") return /* @__PURE__ */ jsx(CaretUpIcon, { className: "size-3.5 text-sf-brand" });
+	if (sorted === "desc") return /* @__PURE__ */ jsx(CaretDownIcon, { className: "size-3.5 text-sf-brand" });
+	return /* @__PURE__ */ jsx(CaretUpDownIcon, { className: "size-3.5 text-sf-subtle" });
+}
+/**
+* Toolbar component for DataGrid.
+* Shows filters, column visibility toggle, and custom actions.
+*/
+function DataGridToolbar({ className, children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center gap-2 border-b border-sf-line p-3", className),
+		children
+	});
+}
+DataGridToolbar.displayName = "DataGrid.Toolbar";
+/**
+* Column visibility toggle dropdown.
+* Shows checkboxes for each hideable column.
+*/
+function DataGridColumnToggle({ className, trigger, label = "Columns" }) {
+	const { table } = useDataGridContext();
+	const hideableColumns = useMemo(() => {
+		return table.getAllColumns().filter((col) => col.getCanHide() && (col.columnDef.enableHiding !== false || col.getCanHide()));
+	}, [table]);
+	if (hideableColumns.length === 0) return null;
+	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenu.Trigger, { children: trigger ?? /* @__PURE__ */ jsxs(Button, {
+		variant: "secondary",
+		size: "sm",
+		className,
+		children: [/* @__PURE__ */ jsx(ColumnsIcon, { className: "mr-1.5 size-4" }), label]
+	}) }), /* @__PURE__ */ jsx(DropdownMenu.Content, {
+		className: "w-48",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-1 p-1",
+			children: [hideableColumns.map((column) => /* @__PURE__ */ jsxs("label", {
+				className: "flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-sf-tint",
+				children: [/* @__PURE__ */ jsx(Checkbox, {
+					checked: column.getIsVisible(),
+					onCheckedChange: (checked) => column.toggleVisibility(!!checked)
+				}), /* @__PURE__ */ jsx("span", {
+					className: "flex-1",
+					children: typeof column.columnDef.header === "string" ? column.columnDef.header : column.id
+				})]
+			}, column.id)), hideableColumns.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx("div", { className: "my-1 h-px bg-sf-line" }),
+				/* @__PURE__ */ jsx(DropdownMenu.Item, {
+					onClick: () => hideableColumns.forEach((col) => col.toggleVisibility(true)),
+					children: "Show all"
+				}),
+				/* @__PURE__ */ jsx(DropdownMenu.Item, {
+					onClick: () => hideableColumns.forEach((col) => col.toggleVisibility(false)),
+					children: "Hide all"
+				})
+			] })]
+		})
+	})] });
+}
+DataGridColumnToggle.displayName = "DataGrid.ColumnToggle";
+/**
+* Main table content component.
+* Renders the table with headers, rows, and cells.
+*/
+function DataGridContent({ className }) {
+	const { table, loading, loadingRows, enableColumnResizing, virtualized, estimatedRowHeight = 44, overscan = 8, maxHeight } = useDataGridContext();
+	const scrollRef = useRef(null);
+	const rows = table.getRowModel().rows;
+	const virtualizer = useVirtualizer({
+		count: rows.length,
+		getScrollElement: () => scrollRef.current,
+		estimateSize: () => estimatedRowHeight,
+		overscan,
+		enabled: Boolean(virtualized),
+		getItemKey: (index) => rows[index]?.id ?? index
+	});
+	if (loading) return /* @__PURE__ */ jsx("div", {
+		className: "p-4",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "space-y-2",
+			children: Array.from({ length: loadingRows ?? 5 }).map((_, i) => /* @__PURE__ */ jsx(Loader, { className: "h-10 w-full" }, i))
+		})
+	});
+	const renderCells = (row) => row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(Table.Cell, {
+		className: cell.column.columnDef.cellClassName,
+		style: enableColumnResizing ? { width: cell.column.getSize() } : void 0,
+		children: flexRender(cell.column.columnDef.cell, cell.getContext())
+	}, cell.id));
+	const headerRows = table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(Table.Row, { children: headerGroup.headers.map((header) => {
+		const canSort = header.column.getCanSort();
+		const sorted = header.column.getIsSorted();
+		const canResize = enableColumnResizing && header.column.getCanResize();
+		const isResizing = header.column.getIsResizing();
+		return /* @__PURE__ */ jsxs(Table.Head, {
+			className: cn("bg-sf-base relative group", canSort && "cursor-pointer select-none hover:bg-sf-overlay", header.column.columnDef.headerClassName),
+			style: canResize ? { width: header.getSize() } : void 0,
+			onClick: canSort ? () => header.column.toggleSorting() : void 0,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1.5",
+				children: [header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()), canSort && /* @__PURE__ */ jsx(SortIcon, { sorted })]
+			}), canResize && /* @__PURE__ */ jsx(Table.ResizeHandle, {
+				onMouseDown: header.getResizeHandler(),
+				onTouchStart: header.getResizeHandler(),
+				onDoubleClick: () => header.column.resetSize(),
+				className: cn(isResizing && "visible bg-sf-brand/20")
+			})]
+		}, header.id);
+	}) }, headerGroup.id));
+	const tableElement = /* @__PURE__ */ jsxs(Table, {
+		className,
+		children: [/* @__PURE__ */ jsx(Table.Header, { children: headerRows }), /* @__PURE__ */ jsx(Table.Body, { children: rows.map((row) => /* @__PURE__ */ jsx(Table.Row, {
+			variant: row.getIsSelected() ? "selected" : "default",
+			className: cn(row.getIsSelected() && "bg-sf-tint", "hover:bg-sf-overlay"),
+			children: renderCells(row)
+		}, row.id)) })]
+	});
+	if (!virtualized) return tableElement;
+	const virtualRows = virtualizer.getVirtualItems();
+	const totalSize = virtualizer.getTotalSize();
+	const colSpan = table.getVisibleLeafColumns().length;
+	const paddingTop = virtualRows[0]?.start ?? 0;
+	const paddingBottom = totalSize - (virtualRows.at(-1)?.end ?? 0);
+	return /* @__PURE__ */ jsx("div", {
+		ref: scrollRef,
+		className: "relative overflow-auto",
+		style: { maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight },
+		children: /* @__PURE__ */ jsxs(Table, {
+			className,
+			children: [/* @__PURE__ */ jsx(Table.Header, {
+				className: "sticky top-0 z-10",
+				children: headerRows
+			}), /* @__PURE__ */ jsxs(Table.Body, { children: [
+				paddingTop > 0 && /* @__PURE__ */ jsx("tr", {
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ jsx("td", {
+						colSpan,
+						style: { height: paddingTop }
+					})
+				}),
+				virtualRows.map((virtualRow) => {
+					const row = rows[virtualRow.index];
+					if (!row) return null;
+					return /* @__PURE__ */ jsx(Table.Row, {
+						"data-index": virtualRow.index,
+						ref: virtualizer.measureElement,
+						variant: row.getIsSelected() ? "selected" : "default",
+						className: cn(row.getIsSelected() && "bg-sf-tint", "hover:bg-sf-overlay"),
+						children: renderCells(row)
+					}, row.id);
+				}),
+				paddingBottom > 0 && /* @__PURE__ */ jsx("tr", {
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ jsx("td", {
+						colSpan,
+						style: { height: paddingBottom }
+					})
+				})
+			] })]
+		})
+	});
+}
+DataGridContent.displayName = "DataGrid.Content";
+/**
+* Pagination controls for DataGrid.
+* Wraps the Pagination component with table state.
+*/
+function DataGridPagination({ className }) {
+	const { table, pageSize: _pageSize, pageIndex: _pageIndex, totalCount, manualPagination } = useDataGridContext();
+	const paginationState = table.state.pagination;
+	const currentPageIndex = paginationState.pageIndex;
+	const currentPageSize = paginationState.pageSize;
+	const startRow = currentPageIndex * currentPageSize + 1;
+	const endRow = Math.min((currentPageIndex + 1) * currentPageSize, manualPagination ? totalCount : table.getCoreRowModel().rows.length);
+	if (table.getPageCount() <= 1 && !manualPagination) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-center justify-between border-t border-sf-line p-3", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "text-sm text-sf-subtle",
+			children: [
+				"Showing ",
+				startRow,
+				"–",
+				endRow,
+				" of",
+				" ",
+				manualPagination ? totalCount : table.getCoreRowModel().rows.length
+			]
+		}), /* @__PURE__ */ jsx(Pagination, {
+			page: currentPageIndex + 1,
+			setPage: (page) => table.setPageIndex(page - 1),
+			perPage: currentPageSize,
+			totalCount: manualPagination ? totalCount : table.getCoreRowModel().rows.length,
+			text: ({ pageShowingRange, totalCount: total }) => `Showing ${pageShowingRange} of ${total}`
+		})]
+	});
+}
+DataGridPagination.displayName = "DataGrid.Pagination";
+/**
+* Empty state component for DataGrid.
+* Shown when there are no rows to display.
+*/
+function DataGridEmpty({ className, children, title = "No results", description = "No data to display." }) {
+	const { table } = useDataGridContext();
+	if (table.getCoreRowModel().rows.length > 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("p-8", className),
+		children: children ?? /* @__PURE__ */ jsx(Empty, {
+			icon: /* @__PURE__ */ jsx(FadersHorizontalIcon, { className: "size-10 text-sf-subtle" }),
+			title,
+			description
+		})
+	});
+}
+DataGridEmpty.displayName = "DataGrid.Empty";
+/**
+* DataGrid root component.
+* Sets up the react-table instance and provides context to child components.
+*/
+function DataGridRoot({ data, columns, sorting: controlledSorting, onSortingChange, enableSorting = true, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, enableColumnVisibility = true, rowSelection: controlledRowSelection, onRowSelectionChange, enableRowSelection, pageSize = 10, pageIndex = 0, onPaginationChange, totalCount, manualPagination = false, pageSizeOptions: _pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS, filters, onFiltersChange, filterFields, enableFiltering, layout: _layout = SF_DATA_GRID_DEFAULT_VARIANTS.layout, className, tableClassName, emptyState, loading, loadingRows, toolbar, showToolbar = true, showPagination = true, pagination: customPagination, enableColumnResizing, columnResizeMode = "onEnd", virtualized = false, estimatedRowHeight = 44, overscan = 8, maxHeight, children }) {
+	const isSortingControlled = controlledSorting !== void 0;
+	const isColumnVisibilityControlled = controlledColumnVisibility !== void 0;
+	const isRowSelectionControlled = controlledRowSelection !== void 0;
+	const isPaginationControlled = manualPagination;
+	const controlledState = {};
+	if (isSortingControlled) controlledState.sorting = controlledSorting;
+	if (isColumnVisibilityControlled) controlledState.columnVisibility = controlledColumnVisibility;
+	if (isRowSelectionControlled) controlledState.rowSelection = controlledRowSelection;
+	if (isPaginationControlled) controlledState.pagination = {
+		pageIndex,
+		pageSize
+	};
+	const handleSortingChange = (updater) => {
+		const next = typeof updater === "function" ? updater(table.state.sorting) : updater;
+		if (!isSortingControlled) table.setSorting(next);
+		onSortingChange?.(next);
+	};
+	const handleColumnVisibilityChange = (updater) => {
+		const current = table.state.columnVisibility ?? {};
+		const next = typeof updater === "function" ? updater(current) : updater;
+		if (!isColumnVisibilityControlled) table.setColumnVisibility(next);
+		onColumnVisibilityChange?.(next);
+	};
+	const handleRowSelectionChange = (updater) => {
+		const current = table.state.rowSelection ?? {};
+		const next = typeof updater === "function" ? updater(current) : updater;
+		if (!isRowSelectionControlled) table.setRowSelection(next);
+		onRowSelectionChange?.(next);
+	};
+	const handlePaginationChange = (updater) => {
+		const current = table.state.pagination ?? {
+			pageIndex,
+			pageSize
+		};
+		const next = typeof updater === "function" ? updater(current) : updater;
+		if (!isPaginationControlled) table.setPagination(next);
+		onPaginationChange?.({
+			pageIndex: next.pageIndex,
+			pageSize: next.pageSize
+		});
+	};
+	const table = useTable({
+		features: dataGridFeatures,
+		rowModels: {
+			sortedRowModel: createSortedRowModel(sortFns),
+			filteredRowModel: createFilteredRowModel(filterFns),
+			paginatedRowModel: createPaginatedRowModel()
+		},
+		data,
+		columns,
+		initialState: { pagination: {
+			pageIndex,
+			pageSize
+		} },
+		state: controlledState,
+		...isSortingControlled || onSortingChange ? { onSortingChange: handleSortingChange } : {},
+		...isColumnVisibilityControlled || onColumnVisibilityChange ? { onColumnVisibilityChange: handleColumnVisibilityChange } : {},
+		...isRowSelectionControlled || onRowSelectionChange ? { onRowSelectionChange: handleRowSelectionChange } : {},
+		...isPaginationControlled || onPaginationChange ? { onPaginationChange: handlePaginationChange } : {},
+		enableSorting,
+		enableRowSelection: enableRowSelection !== false,
+		enableColumnResizing,
+		columnResizeMode,
+		manualPagination,
+		pageCount: manualPagination ? Math.ceil((totalCount ?? data.length) / pageSize) : void 0,
+		enableMultiRowSelection: true
+	});
+	const contextValue = {
+		table,
+		pageSize,
+		pageIndex,
+		totalCount: totalCount ?? data.length,
+		manualPagination,
+		loading,
+		loadingRows,
+		enableColumnResizing,
+		columnResizeMode,
+		virtualized,
+		estimatedRowHeight,
+		overscan,
+		maxHeight
+	};
+	return /* @__PURE__ */ jsx(DataGridContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("flex flex-col overflow-hidden rounded-lg border border-sf-line bg-sf-base", className),
+			children: children || /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				showToolbar && /* @__PURE__ */ jsx(DataGridToolbar, { children: toolbar ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [enableFiltering && filterFields && /* @__PURE__ */ jsx(Filters, {
+					filters: filters ?? [],
+					fields: filterFields,
+					onChange: onFiltersChange ?? (() => {}),
+					size: "sm"
+				}), /* @__PURE__ */ jsx("div", {
+					className: "ml-auto flex items-center gap-2",
+					children: enableColumnVisibility && /* @__PURE__ */ jsx(DataGridColumnToggle, {})
+				})] }) }),
+				/* @__PURE__ */ jsxs("div", {
+					className: cn("flex-1", !virtualized && "overflow-auto"),
+					children: [/* @__PURE__ */ jsx(DataGridContent, { className: tableClassName }), /* @__PURE__ */ jsx(DataGridEmpty, { children: emptyState })]
+				}),
+				showPagination && (customPagination ?? /* @__PURE__ */ jsx(DataGridPagination, {}))
+			] })
+		})
+	});
+}
+DataGridRoot.displayName = "DataGrid";
+var DataGrid = Object.assign(DataGridRoot, {
+	Toolbar: DataGridToolbar,
+	Content: DataGridContent,
+	Pagination: DataGridPagination,
+	ColumnToggle: DataGridColumnToggle,
+	Empty: DataGridEmpty
+});
+//#endregion
+export { SF_DATA_GRID_DEFAULT_VARIANTS as n, SF_DATA_GRID_VARIANTS as r, DataGrid as t };
+
+//# sourceMappingURL=data-grid-DrguJq_H.js.map