@audere/ui 0.3.0

package/dist/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/layout/constants.ts","../../src/lib/utils.ts","../../src/layout/AppLayout.tsx","../../src/layout/feeModelerSidebarTokens.ts","../../src/layout/FeeModelerAppSidebar.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Audere app shell constraints — use these strings in custom layouts so spacing\n * stays aligned with {@link AppLayout}.\n */\nexport const audereShell = {\n  /** Sidebar column width (Tailwind `w-64`). */\n  sidebarWidthClass: \"w-64\",\n  /** Offset for main column beside fixed sidebar. */\n  mainGutterClass: \"pl-64\",\n  /** Max width of primary content well inside the shell. */\n  contentMaxWidthClass: \"max-w-6xl\",\n  /** Default padding around the content well. */\n  contentPaddingClass: \"p-8 lg:p-12\",\n  /** Full outer shell: page canvas + typography base. */\n  pageRootClass:\n    \"flex min-h-screen bg-muted/30 font-sans text-foreground antialiased\",\n  /** Fixed sidebar track (border + background use sidebar tokens). */\n  asideTrackClass:\n    \"fixed inset-y-0 z-10 flex w-64 flex-shrink-0 flex-col border-r border-sidebar-border bg-sidebar text-sidebar-foreground\",\n  /** Sticky-style header strip above content. */\n  headerStripClass: \"border-b border-border bg-card/80 backdrop-blur\",\n} as const;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import type { ReactNode } from \"react\";\n\nimport { audereShell } from \"./constants\";\nimport { cn } from \"../lib/utils\";\n\nexport type AppLayoutProps = {\n  children: ReactNode;\n  sidebar?: ReactNode;\n  header?: ReactNode;\n};\n\nexport function AppLayout({ sidebar, header, children }: AppLayoutProps) {\n  return (\n    <div className={audereShell.pageRootClass}>\n      <aside className={audereShell.asideTrackClass}>{sidebar}</aside>\n\n      <main className={cn(\"flex flex-1 flex-col\", audereShell.mainGutterClass)}>\n        <div className={audereShell.headerStripClass}>{header}</div>\n        <div\n          className={cn(\n            \"mx-auto flex flex-1\",\n            audereShell.contentMaxWidthClass,\n            audereShell.contentPaddingClass,\n          )}\n        >\n          {children}\n        </div>\n      </main>\n    </div>\n  );\n}\n","/**\n * Locked Fee Modeler app sidebar visual tokens (Shared UI).\n * Section titles are larger than nested links; nested uses muted slate-400 vs section slate-300.\n */\nexport const feeModelerSidebarTokens = {\n  /** Outer aside: deep navy rail */\n  /** z-40: stay above main content (cards, sticky toolbars) so nav clicks always register */\n  shell: \"fixed inset-y-0 z-40 flex w-64 shrink-0 flex-col bg-slate-800 text-white\",\n  /** Brand / top block above nav */\n  brandRegion: \"border-b border-slate-700 p-5\",\n  /** Scrollable nav region (everything above footer) */\n  navScroll:\n    \"min-h-0 flex-1 space-y-0.5 overflow-y-auto p-3\",\n  /** flex column wrapper: scroll + footer */\n  navRoot: \"flex min-h-0 flex-1 flex-col\",\n  /** Optional “back” link row */\n  backLink:\n    \"mb-2 flex items-center gap-2 rounded-md px-3 py-2 text-xs font-medium text-slate-300 hover:bg-slate-700 hover:text-white\",\n  /** Home (primary rail, same size as settings footer link) */\n  primaryRailLink:\n    \"flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors\",\n  primaryRailLinkInactive: \"text-slate-300 hover:bg-slate-700 hover:text-white\",\n  primaryRailLinkActive: \"bg-teal-600 text-white\",\n  /** Collapsible section header button */\n  sectionTrigger:\n    \"flex w-full items-center justify-between rounded-md px-3 py-2 text-left text-sm font-semibold uppercase tracking-wider text-slate-300 hover:bg-slate-700/60\",\n  /** Nested item under a section */\n  nestedLink:\n    \"flex items-center gap-2 rounded-md px-3 py-1.5 text-[14px] font-medium leading-snug transition-colors\",\n  nestedLinkInactive: \"text-slate-400 hover:bg-slate-700 hover:text-white\",\n  nestedLinkActive: \"bg-teal-600 text-white\",\n  nestedIcon: \"h-3.5 w-3.5 shrink-0 opacity-90\",\n  primaryIcon: \"h-4 w-4 shrink-0\",\n  sectionChevron: \"h-3.5 w-3.5 shrink-0 transition-transform\",\n  /** Settings (and similar) pinned footer */\n  footerRegion: \"shrink-0 border-t border-slate-700 p-3 pt-2\",\n} as const;\n","import type { ComponentType, ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { feeModelerSidebarTokens as t } from \"./feeModelerSidebarTokens\";\n\nexport type FeeModelerNavItem = {\n  path: string;\n  label: string;\n  icon: ComponentType<{ className?: string }>;\n};\n\nexport type FeeModelerNavGroup = {\n  id: string;\n  label: string;\n  items: FeeModelerNavItem[];\n};\n\nexport type FeeModelerSidebarLinkProps = {\n  to: string;\n  className?: string;\n  children?: ReactNode;\n};\n\nexport type FeeModelerAppSidebarProps = {\n  pathname: string;\n  navigate: (to: string) => void;\n  Link: ComponentType<FeeModelerSidebarLinkProps>;\n  /** Logo row, optional badge, etc. */\n  branding: ReactNode;\n  home: FeeModelerNavItem;\n  settings: FeeModelerNavItem;\n  groups: FeeModelerNavGroup[];\n  isGroupVisible?: (group: FeeModelerNavGroup) => boolean;\n  backLink?: { to: string; label: string };\n  openGroupId: string | null;\n  onOpenGroupChange: (id: string | null) => void;\n  /** Optional block below the Settings link (e.g. user / org line) */\n  belowSettings?: ReactNode;\n};\n\nfunction ChevronRight({ open }: { open: boolean }) {\n  return (\n    <svg\n      className={cn(t.sectionChevron, open && \"rotate-90\")}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  );\n}\n\n/**\n * Fee Modeler application sidebar: accordion sections, primary Home, Settings footer.\n * Routing-agnostic: pass your router `Link` and `navigate`.\n */\nexport function FeeModelerAppSidebar({\n  pathname,\n  navigate,\n  Link,\n  branding,\n  home,\n  settings,\n  groups,\n  isGroupVisible,\n  backLink,\n  openGroupId,\n  onOpenGroupChange,\n  belowSettings,\n}: FeeModelerAppSidebarProps) {\n  const visibleGroups = isGroupVisible ? groups.filter(isGroupVisible) : groups;\n  const HomeIcon = home.icon;\n  const SettingsIcon = settings.icon;\n\n  return (\n    <aside className={t.shell}>\n      <div className={t.brandRegion}>{branding}</div>\n\n      <nav className={t.navRoot}>\n        <div className={t.navScroll}>\n          {backLink ? (\n            <Link to={backLink.to} className={t.backLink}>\n              <span className=\"inline-flex items-center gap-2\">\n                <svg\n                  className=\"h-3 w-3\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"2\"\n                  aria-hidden\n                >\n                  <path d=\"m15 18-6-6 6-6\" />\n                </svg>\n                {backLink.label}\n              </span>\n            </Link>\n          ) : null}\n\n          <Link\n            to={home.path}\n            className={cn(\n              t.primaryRailLink,\n              pathname === home.path ? t.primaryRailLinkActive : t.primaryRailLinkInactive,\n            )}\n          >\n            <HomeIcon className={t.primaryIcon} />\n            {home.label}\n          </Link>\n\n          {visibleGroups.map((group) => {\n            const isOpen = openGroupId === group.id;\n            const only = group.items.length === 1 ? group.items[0] : null;\n\n            // Single route per section (e.g. SETUP): use a real Link so navigation always works.\n            // Accordion + navigate(first) was easy to miss under overlapping main content (low z-index).\n            if (only) {\n              const isActive = pathname === only.path;\n              const OnlyIcon = only.icon;\n              return (\n                <div key={group.id} className=\"mt-1\">\n                  <Link\n                    to={only.path}\n                    className={cn(\n                      t.sectionTrigger,\n                      \"no-underline\",\n                      isActive ? \"bg-teal-600 text-white hover:bg-teal-600\" : \"\",\n                    )}\n                  >\n                    <span className=\"flex min-w-0 flex-1 items-center gap-2\">\n                      <OnlyIcon className={t.nestedIcon} />\n                      <span>{group.label}</span>\n                    </span>\n                  </Link>\n                </div>\n              );\n            }\n\n            return (\n              <div key={group.id} className=\"mt-1\">\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    if (isOpen) {\n                      onOpenGroupChange(null);\n                      return;\n                    }\n                    const first = group.items[0];\n                    if (first) {\n                      if (pathname !== first.path) {\n                        navigate(first.path);\n                      }\n                      onOpenGroupChange(group.id);\n                    }\n                  }}\n                  className={t.sectionTrigger}\n                >\n                  <span>{group.label}</span>\n                  <ChevronRight open={isOpen} />\n                </button>\n\n                {isOpen && (\n                  <div className=\"space-y-0.5\">\n                    {group.items.map((item) => {\n                      const isActive = pathname === item.path;\n                      const Icon = item.icon;\n                      return (\n                        <Link\n                          key={item.path}\n                          to={item.path}\n                          className={cn(\n                            t.nestedLink,\n                            isActive ? t.nestedLinkActive : t.nestedLinkInactive,\n                          )}\n                        >\n                          <Icon className={t.nestedIcon} />\n                          {item.label}\n                        </Link>\n                      );\n                    })}\n                  </div>\n                )}\n              </div>\n            );\n          })}\n        </div>\n\n        <div className={t.footerRegion}>\n          <Link\n            to={settings.path}\n            className={cn(\n              t.primaryRailLink,\n              pathname === settings.path ? t.primaryRailLinkActive : t.primaryRailLinkInactive,\n            )}\n          >\n            <SettingsIcon className={t.primaryIcon} />\n            {settings.label}\n          </Link>\n          {belowSettings ?? null}\n        </div>\n      </nav>\n    </aside>\n  );\n}\n"]}

package/dist/lib/utils.d.ts

@@ -0,0 +1,5 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/lib/utils.js

@@ -0,0 +1,11 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export { cn };
+//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts"],"names":[],"mappings":";;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B","file":"utils.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"]}

package/dist/primitives/index.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "sm" | "default" | "icon" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime.JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+export { Badge, Button, Input, Tabs, TabsContent, TabsList, TabsTrigger, badgeVariants, buttonVariants };

package/dist/primitives/index.js

@@ -0,0 +1,163 @@
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+
+// src/primitives/button.tsx
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background text-foreground hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9 rounded-md"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base bg-input-background transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function Tabs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      className: cn("flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function TabsList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-xl p-[3px] flex",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "data-[state=active]:bg-card dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-xl border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none", className),
+      ...props
+    }
+  );
+}
+
+export { Badge, Button, Input, Tabs, TabsContent, TabsList, TabsTrigger, badgeVariants, buttonVariants };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts","../../src/primitives/button.tsx","../../src/primitives/input.tsx","../../src/primitives/badge.tsx","../../src/primitives/tabs.tsx"],"names":["jsx","cva","Slot"],"mappings":"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","file":"index.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../lib/utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background text-foreground hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9 rounded-md\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n","import * as React from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base bg-input-background transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n","import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../lib/utils\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Badge, badgeVariants };\n","import * as React from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction Tabs({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(\"flex flex-col gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        \"bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-xl p-[3px] flex\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"data-[state=active]:bg-card dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-xl border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"]}

package/dist/surface/index.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const surfaceVariants: (props?: ({
+    padding?: "none" | "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SurfaceProps = React.ComponentProps<"div"> & VariantProps<typeof surfaceVariants>;
+/**
+ * Default elevated panel for tables, metrics, charts, and grouped content.
+ * Uses theme CSS variables (`--card`, `--border`); host apps must define :root tokens.
+ */
+declare function Surface({ className, padding, ...props }: SurfaceProps): react_jsx_runtime.JSX.Element;
+
+export { Surface, type SurfaceProps, surfaceVariants };

package/dist/surface/index.js

@@ -0,0 +1,38 @@
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+// src/surface/Surface.tsx
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var surfaceVariants = cva(
+  "rounded-xl border border-border bg-card text-card-foreground shadow-sm",
+  {
+    variants: {
+      padding: {
+        none: "p-0",
+        sm: "p-4",
+        md: "p-6"
+      }
+    },
+    defaultVariants: {
+      padding: "none"
+    }
+  }
+);
+function Surface({ className, padding, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "surface",
+      className: cn(surfaceVariants({ padding }), className),
+      ...props
+    }
+  );
+}
+
+export { Surface, surfaceVariants };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/surface/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts","../../src/surface/Surface.tsx"],"names":[],"mappings":";;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACAA,IAAM,eAAA,GAAkB,GAAA;AAAA,EACtB,wEAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,KAAA;AAAA,QACN,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AASO,SAAS,QAAQ,EAAE,SAAA,EAAW,OAAA,EAAS,GAAG,OAAM,EAAiB;AACtE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,SAAA;AAAA,MACV,WAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACpD,GAAG;AAAA;AAAA,GACN;AAEJ","file":"index.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../lib/utils\";\n\nconst surfaceVariants = cva(\n  \"rounded-xl border border-border bg-card text-card-foreground shadow-sm\",\n  {\n    variants: {\n      padding: {\n        none: \"p-0\",\n        sm: \"p-4\",\n        md: \"p-6\",\n      },\n    },\n    defaultVariants: {\n      padding: \"none\",\n    },\n  },\n);\n\nexport type SurfaceProps = React.ComponentProps<\"div\"> &\n  VariantProps<typeof surfaceVariants>;\n\n/**\n * Default elevated panel for tables, metrics, charts, and grouped content.\n * Uses theme CSS variables (`--card`, `--border`); host apps must define :root tokens.\n */\nexport function Surface({ className, padding, ...props }: SurfaceProps) {\n  return (\n    <div\n      data-slot=\"surface\"\n      className={cn(surfaceVariants({ padding }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { surfaceVariants };\n"]}

package/dist/theme/index.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Canonical colour system for Audere shared UI
+ * -------------------------------------------
+ * Runtime styling uses **CSS variables on `:root`** (light / `.dark`), exposed as
+ * Tailwind utilities by the host app (`bg-background`, `text-foreground`, `border-border`,
+ * `bg-card`, `text-muted-foreground`, `bg-primary`, `bg-sidebar`, …).
+ *
+ * @audere/ui compound components use those utilities only — not raw hex or `slate-*`,
+ * except intentional semantic accents (e.g. status borders) documented on the component.
+ *
+ * Shared UI app: `src/styles/theme.css`. Other apps: align variable names with shadcn-style tokens.
+ */
+/** Maps to `--${key}` on :root for inline styles, canvas, or third-party charts. */
+declare const cssVarName: {
+    readonly background: "--background";
+    readonly foreground: "--foreground";
+    readonly card: "--card";
+    readonly cardForeground: "--card-foreground";
+    readonly border: "--border";
+    readonly muted: "--muted";
+    readonly mutedForeground: "--muted-foreground";
+    readonly primary: "--primary";
+    readonly primaryForeground: "--primary-foreground";
+    readonly destructive: "--destructive";
+    readonly accent: "--accent";
+    readonly sidebar: "--sidebar";
+    readonly sidebarBorder: "--sidebar-border";
+    readonly sidebarForeground: "--sidebar-foreground";
+    readonly chart1: "--chart-1";
+    readonly chart2: "--chart-2";
+    readonly chart3: "--chart-3";
+    readonly chart4: "--chart-4";
+    readonly chart5: "--chart-5";
+};
+type CssVarToken = keyof typeof cssVarName;
+/** `var(--token)` for use in `style={{ color: cssVar("primary") }}` or SVG attributes. */
+declare function cssVar(token: CssVarToken): string;
+
+/** Numeric rhythm for JS/layout math. Prefer Tailwind spacing scale in components when possible. */
+declare const spacing: {
+    readonly xs: 4;
+    readonly sm: 8;
+    readonly md: 12;
+    readonly lg: 16;
+    readonly xl: 24;
+    readonly "2xl": 32;
+};
+type SpacingToken = keyof typeof spacing;
+
+/** Reference sizes for non-Tailwind contexts. Host sets body font via theme / `font-sans`. */
+declare const typography: {
+    readonly fontFamily: "'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif";
+    readonly sizes: {
+        readonly xs: 12;
+        readonly sm: 14;
+        readonly md: 16;
+        readonly lg: 18;
+        readonly xl: 20;
+        readonly "2xl": 24;
+        readonly "3xl": 30;
+    };
+};
+type TypographySizeToken = keyof typeof typography.sizes;
+
+declare const shadows: {
+    readonly subtle: "0 1px 2px 0 rgb(15 23 42 / 0.04)";
+    readonly card: "0 1px 3px 0 rgb(15 23 42 / 0.08)";
+    readonly popover: "0 10px 40px rgb(15 23 42 / 0.22)";
+};
+type ShadowToken = keyof typeof shadows;
+
+export { type CssVarToken, type ShadowToken, type SpacingToken, type TypographySizeToken, cssVar, cssVarName, shadows, spacing, typography };

package/dist/theme/index.js

@@ -0,0 +1,60 @@
+// src/theme/colors.ts
+var cssVarName = {
+  background: "--background",
+  foreground: "--foreground",
+  card: "--card",
+  cardForeground: "--card-foreground",
+  border: "--border",
+  muted: "--muted",
+  mutedForeground: "--muted-foreground",
+  primary: "--primary",
+  primaryForeground: "--primary-foreground",
+  destructive: "--destructive",
+  accent: "--accent",
+  sidebar: "--sidebar",
+  sidebarBorder: "--sidebar-border",
+  sidebarForeground: "--sidebar-foreground",
+  chart1: "--chart-1",
+  chart2: "--chart-2",
+  chart3: "--chart-3",
+  chart4: "--chart-4",
+  chart5: "--chart-5"
+};
+function cssVar(token) {
+  return `var(${cssVarName[token]})`;
+}
+
+// src/theme/spacing.ts
+var spacing = {
+  xs: 4,
+  sm: 8,
+  md: 12,
+  lg: 16,
+  xl: 24,
+  "2xl": 32
+};
+
+// src/theme/typography.ts
+var typography = {
+  fontFamily: "'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif",
+  sizes: {
+    xs: 12,
+    sm: 14,
+    md: 16,
+    lg: 18,
+    xl: 20,
+    "2xl": 24,
+    "3xl": 30
+  }
+};
+
+// src/theme/shadows.ts
+var shadows = {
+  subtle: "0 1px 2px 0 rgb(15 23 42 / 0.04)",
+  card: "0 1px 3px 0 rgb(15 23 42 / 0.08)",
+  popover: "0 10px 40px rgb(15 23 42 / 0.22)"
+};
+
+export { cssVar, cssVarName, shadows, spacing, typography };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/colors.ts","../../src/theme/spacing.ts","../../src/theme/typography.ts","../../src/theme/shadows.ts"],"names":[],"mappings":";AAcO,IAAM,UAAA,GAAa;AAAA,EACxB,UAAA,EAAY,cAAA;AAAA,EACZ,UAAA,EAAY,cAAA;AAAA,EACZ,IAAA,EAAM,QAAA;AAAA,EACN,cAAA,EAAgB,mBAAA;AAAA,EAChB,MAAA,EAAQ,UAAA;AAAA,EACR,KAAA,EAAO,SAAA;AAAA,EACP,eAAA,EAAiB,oBAAA;AAAA,EACjB,OAAA,EAAS,WAAA;AAAA,EACT,iBAAA,EAAmB,sBAAA;AAAA,EACnB,WAAA,EAAa,eAAA;AAAA,EACb,MAAA,EAAQ,UAAA;AAAA,EACR,OAAA,EAAS,WAAA;AAAA,EACT,aAAA,EAAe,kBAAA;AAAA,EACf,iBAAA,EAAmB,sBAAA;AAAA,EACnB,MAAA,EAAQ,WAAA;AAAA,EACR,MAAA,EAAQ,WAAA;AAAA,EACR,MAAA,EAAQ,WAAA;AAAA,EACR,MAAA,EAAQ,WAAA;AAAA,EACR,MAAA,EAAQ;AACV;AAKO,SAAS,OAAO,KAAA,EAA4B;AACjD,EAAA,OAAO,CAAA,IAAA,EAAO,UAAA,CAAW,KAAK,CAAC,CAAA,CAAA,CAAA;AACjC;;;ACxCO,IAAM,OAAA,GAAU;AAAA,EACrB,EAAA,EAAI,CAAA;AAAA,EACJ,EAAA,EAAI,CAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,KAAA,EAAO;AACT;;;ACPO,IAAM,UAAA,GAAa;AAAA,EACxB,UAAA,EAAY,kFAAA;AAAA,EACZ,KAAA,EAAO;AAAA,IACL,EAAA,EAAI,EAAA;AAAA,IACJ,EAAA,EAAI,EAAA;AAAA,IACJ,EAAA,EAAI,EAAA;AAAA,IACJ,EAAA,EAAI,EAAA;AAAA,IACJ,EAAA,EAAI,EAAA;AAAA,IACJ,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO;AAAA;AAEX;;;ACZO,IAAM,OAAA,GAAU;AAAA,EACrB,MAAA,EAAQ,kCAAA;AAAA,EACR,IAAA,EAAM,kCAAA;AAAA,EACN,OAAA,EAAS;AACX","file":"index.js","sourcesContent":["/**\n * Canonical colour system for Audere shared UI\n * -------------------------------------------\n * Runtime styling uses **CSS variables on `:root`** (light / `.dark`), exposed as\n * Tailwind utilities by the host app (`bg-background`, `text-foreground`, `border-border`,\n * `bg-card`, `text-muted-foreground`, `bg-primary`, `bg-sidebar`, …).\n *\n * @audere/ui compound components use those utilities only — not raw hex or `slate-*`,\n * except intentional semantic accents (e.g. status borders) documented on the component.\n *\n * Shared UI app: `src/styles/theme.css`. Other apps: align variable names with shadcn-style tokens.\n */\n\n/** Maps to `--${key}` on :root for inline styles, canvas, or third-party charts. */\nexport const cssVarName = {\n  background: \"--background\",\n  foreground: \"--foreground\",\n  card: \"--card\",\n  cardForeground: \"--card-foreground\",\n  border: \"--border\",\n  muted: \"--muted\",\n  mutedForeground: \"--muted-foreground\",\n  primary: \"--primary\",\n  primaryForeground: \"--primary-foreground\",\n  destructive: \"--destructive\",\n  accent: \"--accent\",\n  sidebar: \"--sidebar\",\n  sidebarBorder: \"--sidebar-border\",\n  sidebarForeground: \"--sidebar-foreground\",\n  chart1: \"--chart-1\",\n  chart2: \"--chart-2\",\n  chart3: \"--chart-3\",\n  chart4: \"--chart-4\",\n  chart5: \"--chart-5\",\n} as const;\n\nexport type CssVarToken = keyof typeof cssVarName;\n\n/** `var(--token)` for use in `style={{ color: cssVar(\"primary\") }}` or SVG attributes. */\nexport function cssVar(token: CssVarToken): string {\n  return `var(${cssVarName[token]})`;\n}\n","/** Numeric rhythm for JS/layout math. Prefer Tailwind spacing scale in components when possible. */\nexport const spacing = {\n  xs: 4,\n  sm: 8,\n  md: 12,\n  lg: 16,\n  xl: 24,\n  \"2xl\": 32,\n} as const;\n\nexport type SpacingToken = keyof typeof spacing;\n","/** Reference sizes for non-Tailwind contexts. Host sets body font via theme / `font-sans`. */\nexport const typography = {\n  fontFamily: \"'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif\",\n  sizes: {\n    xs: 12,\n    sm: 14,\n    md: 16,\n    lg: 18,\n    xl: 20,\n    \"2xl\": 24,\n    \"3xl\": 30,\n  },\n} as const;\n\nexport type TypographySizeToken = keyof typeof typography.sizes;\n","export const shadows = {\n  subtle: \"0 1px 2px 0 rgb(15 23 42 / 0.04)\",\n  card: \"0 1px 3px 0 rgb(15 23 42 / 0.08)\",\n  popover: \"0 10px 40px rgb(15 23 42 / 0.22)\",\n} as const;\n\nexport type ShadowToken = keyof typeof shadows;\n"]}

package/dist/workflow/index.d.ts

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type TaskStatus = "todo" | "in-progress" | "done";
+type TaskCardProps = {
+    status: TaskStatus;
+    title: string;
+    description?: string;
+    footer?: ReactNode;
+    actions?: ReactNode;
+};
+declare function TaskCard({ status, title, description, footer, actions, }: TaskCardProps): react_jsx_runtime.JSX.Element;
+
+type ChecklistItem = {
+    id: string | number;
+    label: string;
+    status: "todo" | "pending" | "done";
+    meta?: string;
+};
+type ChecklistProps = {
+    title?: string;
+    items: ChecklistItem[];
+};
+declare function Checklist({ title, items }: ChecklistProps): react_jsx_runtime.JSX.Element;
+
+type ProgressStep = {
+    id: string | number;
+    title: string;
+    description?: string;
+    state: "complete" | "current" | "upcoming";
+};
+type ProgressTrackerProps = {
+    title?: string;
+    steps: ProgressStep[];
+};
+declare function ProgressTracker({ title, steps }: ProgressTrackerProps): react_jsx_runtime.JSX.Element;
+
+export { Checklist, type ChecklistItem, type ChecklistProps, type ProgressStep, ProgressTracker, type ProgressTrackerProps, TaskCard, type TaskCardProps, type TaskStatus };

package/dist/workflow/index.js

@@ -0,0 +1,101 @@
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/surface/Surface.tsx
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var surfaceVariants = cva(
+  "rounded-xl border border-border bg-card text-card-foreground shadow-sm",
+  {
+    variants: {
+      padding: {
+        none: "p-0",
+        sm: "p-4",
+        md: "p-6"
+      }
+    },
+    defaultVariants: {
+      padding: "none"
+    }
+  }
+);
+function Surface({ className, padding, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "surface",
+      className: cn(surfaceVariants({ padding }), className),
+      ...props
+    }
+  );
+}
+function TaskCard({
+  status,
+  title,
+  description,
+  footer,
+  actions
+}) {
+  const statusLabel = status === "done" ? "Completed" : status === "in-progress" ? "In Progress" : "To Do";
+  return /* @__PURE__ */ jsx(
+    Surface,
+    {
+      padding: "none",
+      className: "transition-colors hover:border-primary/30",
+      children: /* @__PURE__ */ jsxs("div", { className: "px-5 pb-5 pt-5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground", children: statusLabel }),
+          actions
+        ] }),
+        /* @__PURE__ */ jsx("h3", { className: "mb-1 text-sm font-semibold leading-snug text-foreground", children: title }),
+        description ? /* @__PURE__ */ jsx("p", { className: "mb-4 line-clamp-2 text-xs text-muted-foreground", children: description }) : null,
+        footer ? /* @__PURE__ */ jsx("div", { className: "mt-4 border-t border-border pt-4 text-xs text-muted-foreground", children: footer }) : null
+      ] })
+    }
+  );
+}
+function Checklist({ title, items }) {
+  return /* @__PURE__ */ jsxs(Surface, { padding: "none", children: [
+    title ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between rounded-t-[inherit] border-b border-border bg-muted/50 px-4 py-3", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: title }) }) : null,
+    /* @__PURE__ */ jsx("div", { className: "p-2", children: items.map((item) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "group flex cursor-pointer items-start gap-3 rounded-md p-3 transition-colors hover:bg-muted/60",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "mt-0.5 h-5 w-5 rounded-full border border-border group-hover:border-primary" }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: item.status === "done" ? "text-sm font-medium text-muted-foreground line-through" : "text-sm font-medium text-foreground",
+                children: item.label
+              }
+            ),
+            item.meta ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: item.meta }) : null
+          ] })
+        ]
+      },
+      item.id
+    )) })
+  ] });
+}
+function ProgressTracker({ title, steps }) {
+  return /* @__PURE__ */ jsxs(Surface, { padding: "none", children: [
+    title ? /* @__PURE__ */ jsx("div", { className: "px-4 pb-2 pt-4", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-foreground", children: title }) }) : null,
+    /* @__PURE__ */ jsx("div", { className: "space-y-6 px-4 pb-6 pt-2", children: /* @__PURE__ */ jsx("div", { className: "relative ml-3 space-y-6 border-l-2 border-border", children: steps.map((step) => /* @__PURE__ */ jsxs("div", { className: "relative pl-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "absolute -left-[9px] top-1 flex h-4 w-4 items-center justify-center rounded-full border-2 border-border bg-card", children: [
+        step.state === "complete" ? /* @__PURE__ */ jsx("div", { className: "h-2 w-2 rounded-full bg-primary" }) : null,
+        step.state === "current" ? /* @__PURE__ */ jsx("div", { className: "h-2 w-2 animate-pulse rounded-full bg-primary/80" }) : null
+      ] }),
+      /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold text-foreground", children: step.title }),
+      step.description ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: step.description }) : null
+    ] }, step.id)) }) })
+  ] });
+}
+
+export { Checklist, ProgressTracker, TaskCard };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map