@mikenotthepope/substrateui 0.1.2 → 0.1.3

package/dist/organisms.d.ts

@@ -0,0 +1,112 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { T as Tabs, a as TabsContent, b as TabsList, c as TabsTrigger } from './tabs-d_9ZRlWe.js';
+import '@radix-ui/react-tabs';
+
+/** Full-height application shell container with horizontal flex layout.
+ *
+ * @example
+ * <AppShell><AppShellSidebar>...</AppShellSidebar><AppShellMain>...</AppShellMain></AppShell>
+ */
+declare function AppShell({ className, ref, ...props }: React.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** Fixed-width sidebar panel hidden on mobile, visible on md+ screens.
+ *
+ * @prop collapsed - Whether the sidebar is in collapsed state.
+ */
+declare function AppShellSidebar({ collapsed, className, ref, ...props }: React.ComponentPropsWithRef<"aside"> & {
+    collapsed?: boolean;
+}): react_jsx_runtime.JSX.Element;
+/** Logo area at the top of the sidebar with a bottom border. */
+declare function AppShellLogo({ className, ref, ...props }: React.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** Scrollable navigation region within the sidebar. */
+declare function AppShellNav({ className, ref, ...props }: React.ComponentPropsWithRef<"nav">): react_jsx_runtime.JSX.Element;
+/** Props for AppShellNavItem including optional icon and active state. */
+interface AppShellNavItemProps extends React.ComponentPropsWithRef<"a"> {
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    active?: boolean;
+}
+/** Navigation link with optional leading icon and active highlight.
+ *
+ * @example
+ * <AppShellNavItem icon={HomeIcon} active href="/">Home</AppShellNavItem>
+ *
+ * @prop icon - Optional icon component rendered before the label.
+ * @prop active - Whether this item represents the current page.
+ */
+declare function AppShellNavItem({ icon: Icon, active, className, children, ref, ...props }: AppShellNavItemProps): react_jsx_runtime.JSX.Element;
+/** Footer area pinned to the bottom of the sidebar with a top border. */
+declare function AppShellFooter({ className, ref, ...props }: React.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** Scrollable main content area that fills remaining horizontal space. */
+declare function AppShellMain({ className, ref, ...props }: React.ComponentPropsWithRef<"main">): react_jsx_runtime.JSX.Element;
+
+/** Props for PageBody including optional full-width mode and padding control. */
+interface PageBodyProps extends React.ComponentPropsWithRef<"div"> {
+    fullWidth?: boolean;
+    padding?: "default" | "none";
+}
+/** Main page content area with optional max-width centering and padding.
+ *
+ * @example
+ * <PageBody fullWidth>{children}</PageBody>
+ *
+ * @prop fullWidth - Skip the max-width Center wrapper when true.
+ * @prop padding - Use "none" to remove default padding.
+ */
+declare function PageBody({ fullWidth, padding, className, children, ref, ...props }: PageBodyProps): react_jsx_runtime.JSX.Element;
+
+/** Page-level header with bottom border, card background, and vertical stack layout.
+ *
+ * @example
+ * <PageHeader><PageHeaderContent><PageHeaderTitle>Dashboard</PageHeaderTitle></PageHeaderContent></PageHeader>
+ */
+declare function PageHeader({ className, ref, ...props }: React.ComponentPropsWithRef<"header">): react_jsx_runtime.JSX.Element;
+/** Container for breadcrumb navigation above the page title. */
+declare function PageHeaderBreadcrumb({ className, ref, ...props }: React.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** Flex row that spaces the title area and actions apart responsively. */
+declare function PageHeaderContent({ className, ref, ...props }: React.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+/** Primary page heading rendered as a bold h1. */
+declare function PageHeaderTitle({ className, ref, ...props }: React.ComponentPropsWithRef<"h1">): react_jsx_runtime.JSX.Element;
+/** Short muted description text displayed below the page title. */
+declare function PageHeaderDescription({ className, ref, ...props }: React.ComponentPropsWithRef<"p">): react_jsx_runtime.JSX.Element;
+/** Container for action buttons aligned to the right of the header. */
+declare function PageHeaderActions({ className, ref, ...props }: React.ComponentPropsWithRef<"div">): react_jsx_runtime.JSX.Element;
+
+/** Full-width page-level tabs container.
+ *
+ * @example
+ * <PageTabs defaultValue="overview"><PageTabsList><PageTabsTrigger value="overview">Overview</PageTabsTrigger></PageTabsList><PageTabsContent value="overview">...</PageTabsContent></PageTabs>
+ */
+declare function PageTabs({ className, ...props }: React.ComponentProps<typeof Tabs>): react_jsx_runtime.JSX.Element;
+/** Underline-style tab list with transparent background and bottom border. */
+declare function PageTabsList({ className, ref, ...props }: React.ComponentPropsWithRef<typeof TabsList>): react_jsx_runtime.JSX.Element;
+/** Individual page tab trigger with an active underline indicator. */
+declare function PageTabsTrigger({ className, ref, ...props }: React.ComponentPropsWithRef<typeof TabsTrigger>): react_jsx_runtime.JSX.Element;
+/** Content panel associated with a page tab value. */
+declare function PageTabsContent({ className, ref, ...props }: React.ComponentPropsWithRef<typeof TabsContent>): react_jsx_runtime.JSX.Element;
+
+/** Props for StatCard including title, value, and optional change indicator. */
+interface StatCardProps extends Omit<React.ComponentPropsWithRef<"div">, "title"> {
+    title: string;
+    value: string;
+    change?: string;
+    changeType?: "positive" | "negative" | "neutral";
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+}
+/** Card displaying a key metric with title, value, optional change badge, and icon.
+ *
+ * @example
+ * <StatCard title="Revenue" value="$12,345" change="+12%" changeType="positive" />
+ *
+ * @prop title - Metric label displayed in uppercase monospace.
+ * @prop value - Primary numeric or text value.
+ * @prop change - Optional change indicator text (e.g. "+5%").
+ * @prop changeType - Color coding: "positive", "negative", or "neutral".
+ * @prop icon - Optional icon component displayed at top-right.
+ */
+declare function StatCard({ title, value, change, changeType, icon: Icon, className, ref, ...props }: StatCardProps): react_jsx_runtime.JSX.Element;
+
+export { AppShell, AppShellFooter, AppShellLogo, AppShellMain, AppShellNav, AppShellNavItem, type AppShellNavItemProps, AppShellSidebar, PageBody, type PageBodyProps, PageHeader, PageHeaderActions, PageHeaderBreadcrumb, PageHeaderContent, PageHeaderDescription, PageHeaderTitle, PageTabs, PageTabsContent, PageTabsList, PageTabsTrigger, StatCard, type StatCardProps };

package/dist/organisms.js

@@ -0,0 +1,403 @@
+"use client";
+import { Stack, Center, Tabs, TabsList, TabsTrigger, TabsContent, Card, CardContent } from './chunk-IRBORST3.js';
+import { __objRest, __spreadValues, cn, __spreadProps } from './chunk-IQWAGBDM.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function AppShell(_a) {
+  var _b = _a, {
+    className,
+    ref
+  } = _b, props = __objRest(_b, [
+    "className",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      ref,
+      "data-slot": "app-shell",
+      className: cn("flex h-screen overflow-hidden bg-background", className)
+    }, props)
+  );
+}
+function AppShellSidebar(_a) {
+  var _b = _a, {
+    collapsed = false,
+    className,
+    ref
+  } = _b, props = __objRest(_b, [
+    "collapsed",
+    "className",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "aside",
+    __spreadValues({
+      ref,
+      "data-slot": "app-shell-sidebar",
+      className: cn(
+        "flex-col w-64 shrink-0 border-e-2 bg-card",
+        collapsed ? "hidden md:flex" : "hidden md:flex",
+        className
+      )
+    }, props)
+  );
+}
+function AppShellLogo(_a) {
+  var _b = _a, {
+    className,
+    ref
+  } = _b, props = __objRest(_b, [
+    "className",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      ref,
+      "data-slot": "app-shell-logo",
+      className: cn(
+        "flex items-center h-16 px-6 border-b-2 shrink-0",
+        className
+      )
+    }, props)
+  );
+}
+function AppShellNav(_a) {
+  var _b = _a, {
+    className,
+    ref
+  } = _b, props = __objRest(_b, [
+    "className",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      ref,
+      "data-slot": "app-shell-nav",
+      className: cn("flex-1 overflow-y-auto py-4 px-3", className),
+      children: /* @__PURE__ */ jsx(Stack, __spreadValues({ gap: "xs" }, props))
+    }
+  );
+}
+function AppShellNavItem(_a) {
+  var _b = _a, {
+    icon: Icon,
+    active = false,
+    className,
+    children,
+    ref
+  } = _b, props = __objRest(_b, [
+    "icon",
+    "active",
+    "className",
+    "children",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "a",
+    __spreadProps(__spreadValues({
+      ref,
+      "data-slot": "app-shell-nav-item",
+      "data-active": active || void 0,
+      className: cn(
+        "flex items-center gap-3 rounded-md px-3 py-2 text-sm transition-colors active:translate-y-[1.5px] transition-transform",
+        active ? "bg-accent text-accent-foreground font-medium" : "text-muted-foreground hover:bg-surface-interactive hover:text-foreground",
+        className
+      )
+    }, props), {
+      children: [
+        Icon && /* @__PURE__ */ jsx(Icon, { className: "size-4" }),
+        children
+      ]
+    })
+  );
+}
+function AppShellFooter(_a) {
+  var _b = _a, {
+    className,
+    ref
+  } = _b, props = __objRest(_b, [
+    "className",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      ref,
+      "data-slot": "app-shell-footer",
+      className: cn("shrink-0 border-t-2 p-4", className)
+    }, props)
+  );
+}
+function AppShellMain(_a) {
+  var _b = _a, {
+    className,
+    ref
+  } = _b, props = __objRest(_b, [
+    "className",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "main",
+    __spreadValues({
+      ref,
+      "data-slot": "app-shell-main",
+      className: cn("flex-1 overflow-y-auto", className)
+    }, props)
+  );
+}
+function PageBody(_a) {
+  var _b = _a, {
+    fullWidth = false,
+    padding = "default",
+    className,
+    children,
+    ref
+  } = _b, props = __objRest(_b, [
+    "fullWidth",
+    "padding",
+    "className",
+    "children",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      ref,
+      "data-slot": "page-body",
+      className: cn(padding === "default" && "px-6 py-6", className)
+    }, props), {
+      children: fullWidth ? children : /* @__PURE__ */ jsx(Center, { max: "2xl", children })
+    })
+  );
+}
+function PageHeader(_a) {
+  var _b = _a, {
+    className,
+    ref
+  } = _b, props = __objRest(_b, [
+    "className",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "header",
+    {
+      ref,
+      "data-slot": "page-header",
+      className: cn("border-b-2 bg-card px-6 py-6", className),
+      children: /* @__PURE__ */ jsx(Stack, __spreadValues({ gap: "md" }, props))
+    }
+  );
+}
+function PageHeaderBreadcrumb(_a) {
+  var _b = _a, {
+    className,
+    ref
+  } = _b, props = __objRest(_b, [
+    "className",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      ref,
+      "data-slot": "page-header-breadcrumb",
+      className
+    }, props)
+  );
+}
+function PageHeaderContent(_a) {
+  var _b = _a, {
+    className,
+    ref
+  } = _b, props = __objRest(_b, [
+    "className",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      ref,
+      "data-slot": "page-header-content",
+      className: cn(
+        "flex flex-col sm:flex-row sm:items-center justify-between gap-4",
+        className
+      )
+    }, props)
+  );
+}
+function PageHeaderTitle(_a) {
+  var _b = _a, {
+    className,
+    ref
+  } = _b, props = __objRest(_b, [
+    "className",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "h1",
+    __spreadValues({
+      ref,
+      "data-slot": "page-header-title",
+      className: cn("text-2xl font-bold tracking-tight", className)
+    }, props)
+  );
+}
+function PageHeaderDescription(_a) {
+  var _b = _a, {
+    className,
+    ref
+  } = _b, props = __objRest(_b, [
+    "className",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "p",
+    __spreadValues({
+      ref,
+      "data-slot": "page-header-description",
+      className: cn("text-sm text-muted-foreground mt-1", className)
+    }, props)
+  );
+}
+function PageHeaderActions(_a) {
+  var _b = _a, {
+    className,
+    ref
+  } = _b, props = __objRest(_b, [
+    "className",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      ref,
+      "data-slot": "page-header-actions",
+      className: cn("flex items-center gap-2 shrink-0", className)
+    }, props)
+  );
+}
+function PageTabs(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Tabs,
+    __spreadValues({
+      "data-slot": "page-tabs",
+      className: cn("w-full", className)
+    }, props)
+  );
+}
+function PageTabsList(_a) {
+  var _b = _a, {
+    className,
+    ref
+  } = _b, props = __objRest(_b, [
+    "className",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(
+    TabsList,
+    __spreadValues({
+      ref,
+      "data-slot": "page-tabs-list",
+      className: cn(
+        "bg-transparent border-b-2 rounded-none h-auto p-0 w-full justify-start",
+        className
+      )
+    }, props)
+  );
+}
+function PageTabsTrigger(_a) {
+  var _b = _a, {
+    className,
+    ref
+  } = _b, props = __objRest(_b, [
+    "className",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(
+    TabsTrigger,
+    __spreadValues({
+      ref,
+      "data-slot": "page-tabs-trigger",
+      className: cn(
+        "rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:shadow-none px-4 pb-3 pt-2",
+        className
+      )
+    }, props)
+  );
+}
+function PageTabsContent(_a) {
+  var _b = _a, {
+    className,
+    ref
+  } = _b, props = __objRest(_b, [
+    "className",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(
+    TabsContent,
+    __spreadValues({
+      ref,
+      "data-slot": "page-tabs-content",
+      className
+    }, props)
+  );
+}
+var changeTypeStyles = {
+  positive: "text-status-success-text",
+  negative: "text-status-error-text",
+  neutral: "text-muted-foreground"
+};
+var changeTypeIndicators = {
+  positive: { glyph: "\u25B2", label: "Increase of" },
+  negative: { glyph: "\u25BC", label: "Decrease of" },
+  neutral: { glyph: "\u2022", label: "Change of" }
+};
+function StatCard(_a) {
+  var _b = _a, {
+    title,
+    value,
+    change,
+    changeType = "neutral",
+    icon: Icon,
+    className,
+    ref
+  } = _b, props = __objRest(_b, [
+    "title",
+    "value",
+    "change",
+    "changeType",
+    "icon",
+    "className",
+    "ref"
+  ]);
+  return /* @__PURE__ */ jsx(Card, __spreadProps(__spreadValues({ ref, "data-slot": "stat-card", className }, props), { children: /* @__PURE__ */ jsx(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground font-mono uppercase tracking-wider", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold tracking-tight mt-1", children: value }),
+      change && /* @__PURE__ */ jsxs("p", { className: cn("text-xs font-mono mt-1", changeTypeStyles[changeType]), children: [
+        /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", children: [
+          changeTypeIndicators[changeType].glyph,
+          " "
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+          changeTypeIndicators[changeType].label,
+          " "
+        ] }),
+        change
+      ] })
+    ] }),
+    Icon && /* @__PURE__ */ jsx(Icon, { className: "text-muted-foreground size-5" })
+  ] }) }) }));
+}
+
+export { AppShell, AppShellFooter, AppShellLogo, AppShellMain, AppShellNav, AppShellNavItem, AppShellSidebar, PageBody, PageHeader, PageHeaderActions, PageHeaderBreadcrumb, PageHeaderContent, PageHeaderDescription, PageHeaderTitle, PageTabs, PageTabsContent, PageTabsList, PageTabsTrigger, StatCard };
+//# sourceMappingURL=organisms.js.map
+//# sourceMappingURL=organisms.js.map

package/dist/organisms.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/app-shell.tsx","../src/components/page-body.tsx","../src/components/page-header.tsx","../src/components/page-tabs.tsx","../src/components/stat-card.tsx"],"names":["jsx","jsxs"],"mappings":";;;;AAUA,SAAS,SAAS,EAAA,EAIqB;AAJrB,EAAA,IAAA,EAAA,GAAA,EAAA,EAChB;AAAA,IAAA,SAAA;AAAA,IACA;AAAA,GAZF,GAUkB,EAAA,EAGb,KAAA,GAAA,SAAA,CAHa,EAAA,EAGb;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,WAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,6CAAA,EAA+C,SAAS;AAAA,KAAA,EAClE,KAAA;AAAA,GACN;AAEJ;AAMA,SAAS,gBAAgB,EAAA,EAK0C;AAL1C,EAAA,IAAA,EAAA,GAAA,EAAA,EACvB;AAAA,IAAA,SAAA,GAAY,KAAA;AAAA,IACZ,SAAA;AAAA,IACA;AAAA,GAhCF,GA6ByB,EAAA,EAIpB,KAAA,GAAA,SAAA,CAJoB,EAAA,EAIpB;AAAA,IAHH,WAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,2CAAA;AAAA,QACA,YAAY,gBAAA,GAAmB,gBAAA;AAAA,QAC/B;AAAA;AACF,KAAA,EACI,KAAA;AAAA,GACN;AAEJ;AAGA,SAAS,aAAa,EAAA,EAIiB;AAJjB,EAAA,IAAA,EAAA,GAAA,EAAA,EACpB;AAAA,IAAA,SAAA;AAAA,IACA;AAAA,GApDF,GAkDsB,EAAA,EAGjB,KAAA,GAAA,SAAA,CAHiB,EAAA,EAGjB;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,iDAAA;AAAA,QACA;AAAA;AACF,KAAA,EACI,KAAA;AAAA,GACN;AAEJ;AAGA,SAAS,YAAY,EAAA,EAIkB;AAJlB,EAAA,IAAA,EAAA,GAAA,EAAA,EACnB;AAAA,IAAA,SAAA;AAAA,IACA;AAAA,GAvEF,GAqEqB,EAAA,EAGhB,KAAA,GAAA,SAAA,CAHgB,EAAA,EAGhB;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,kCAAA,EAAoC,SAAS,CAAA;AAAA,MAE3D,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,cAAA,CAAA,EAAM,GAAA,EAAI,IAAA,EAAA,EAAS,KAAA,CAAO;AAAA;AAAA,GAC7B;AAEJ;AAgBA,SAAS,gBAAgB,EAAA,EAOA;AAPA,EAAA,IAAA,EAAA,GAAA,EAAA,EACvB;AAAA,IAAA,IAAA,EAAM,IAAA;AAAA,IACN,MAAA,GAAS,KAAA;AAAA,IACT,SAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GAxGF,GAmGyB,EAAA,EAMpB,KAAA,GAAA,SAAA,CANoB,EAAA,EAMpB;AAAA,IALH,MAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACE,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,oBAAA;AAAA,MACV,eAAa,MAAA,IAAU,MAAA;AAAA,MACvB,SAAA,EAAW,EAAA;AAAA,QACT,wHAAA;AAAA,QACA,SACI,8CAAA,GACA,0EAAA;AAAA,QACJ;AAAA;AACF,KAAA,EACI,KAAA,CAAA,EAXL;AAAA,MAaE,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQ,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,CAAA;AAAA,QACjC;AAAA;AAAA,KAAA;AAAA,GACH;AAEJ;AAGA,SAAS,eAAe,EAAA,EAIe;AAJf,EAAA,IAAA,EAAA,GAAA,EAAA,EACtB;AAAA,IAAA,SAAA;AAAA,IACA;AAAA,GAlIF,GAgIwB,EAAA,EAGnB,KAAA,GAAA,SAAA,CAHmB,EAAA,EAGnB;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,yBAAA,EAA2B,SAAS;AAAA,KAAA,EAC9C,KAAA;AAAA,GACN;AAEJ;AAGA,SAAS,aAAa,EAAA,EAIkB;AAJlB,EAAA,IAAA,EAAA,GAAA,EAAA,EACpB;AAAA,IAAA,SAAA;AAAA,IACA;AAAA,GAlJF,GAgJsB,EAAA,EAGjB,KAAA,GAAA,SAAA,CAHiB,EAAA,EAGjB;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,wBAAA,EAA0B,SAAS;AAAA,KAAA,EAC7C,KAAA;AAAA,GACN;AAEJ;AC1IA,SAAS,SAAS,EAAA,EAOA;AAPA,EAAA,IAAA,EAAA,GAAA,EAAA,EAChB;AAAA,IAAA,SAAA,GAAY,KAAA;AAAA,IACZ,OAAA,GAAU,SAAA;AAAA,IACV,SAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GAxBF,GAmBkB,EAAA,EAMb,KAAA,GAAA,SAAA,CANa,EAAA,EAMb;AAAA,IALH,WAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,WAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,OAAA,KAAY,SAAA,IAAa,aAAa,SAAS;AAAA,KAAA,EACzD,KAAA,CAAA,EAJL;AAAA,MAME,sBAAY,QAAA,mBAAWA,IAAC,MAAA,EAAA,EAAO,GAAA,EAAI,OAAO,QAAA,EAAS;AAAA,KAAA;AAAA,GACtD;AAEJ;AC3BA,SAAS,WAAW,EAAA,EAIsB;AAJtB,EAAA,IAAA,EAAA,GAAA,EAAA,EAClB;AAAA,IAAA,SAAA;AAAA,IACA;AAAA,GAZF,GAUoB,EAAA,EAGf,KAAA,GAAA,SAAA,CAHe,EAAA,EAGf;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACEA,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,8BAAA,EAAgC,SAAS,CAAA;AAAA,MAEvD,QAAA,kBAAAA,GAAAA,CAAC,KAAA,EAAA,cAAA,CAAA,EAAM,GAAA,EAAI,QAAS,KAAA,CAAO;AAAA;AAAA,GAC7B;AAEJ;AAGA,SAAS,qBAAqB,EAAA,EAIS;AAJT,EAAA,IAAA,EAAA,GAAA,EAAA,EAC5B;AAAA,IAAA,SAAA;AAAA,IACA;AAAA,GA7BF,GA2B8B,EAAA,EAGzB,KAAA,GAAA,SAAA,CAHyB,EAAA,EAGzB;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,wBAAA;AAAA,MACV;AAAA,KAAA,EACI,KAAA;AAAA,GACN;AAEJ;AAGA,SAAS,kBAAkB,EAAA,EAIY;AAJZ,EAAA,IAAA,EAAA,GAAA,EAAA,EACzB;AAAA,IAAA,SAAA;AAAA,IACA;AAAA,GA7CF,GA2C2B,EAAA,EAGtB,KAAA,GAAA,SAAA,CAHsB,EAAA,EAGtB;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,iEAAA;AAAA,QACA;AAAA;AACF,KAAA,EACI,KAAA;AAAA,GACN;AAEJ;AAGA,SAAS,gBAAgB,EAAA,EAIa;AAJb,EAAA,IAAA,EAAA,GAAA,EAAA,EACvB;AAAA,IAAA,SAAA;AAAA,IACA;AAAA,GAhEF,GA8DyB,EAAA,EAGpB,KAAA,GAAA,SAAA,CAHoB,EAAA,EAGpB;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACEA,GAAAA;AAAA,IAAC,IAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,mCAAA,EAAqC,SAAS;AAAA,KAAA,EACxD,KAAA;AAAA,GACN;AAEJ;AAGA,SAAS,sBAAsB,EAAA,EAIM;AAJN,EAAA,IAAA,EAAA,GAAA,EAAA,EAC7B;AAAA,IAAA,SAAA;AAAA,IACA;AAAA,GAhFF,GA8E+B,EAAA,EAG1B,KAAA,GAAA,SAAA,CAH0B,EAAA,EAG1B;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACEA,GAAAA;AAAA,IAAC,GAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,yBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,oCAAA,EAAsC,SAAS;AAAA,KAAA,EACzD,KAAA;AAAA,GACN;AAEJ;AAGA,SAAS,kBAAkB,EAAA,EAIY;AAJZ,EAAA,IAAA,EAAA,GAAA,EAAA,EACzB;AAAA,IAAA,SAAA;AAAA,IACA;AAAA,GAhGF,GA8F2B,EAAA,EAGtB,KAAA,GAAA,SAAA,CAHsB,EAAA,EAGtB;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,kCAAA,EAAoC,SAAS;AAAA,KAAA,EACvD,KAAA;AAAA,GACN;AAEJ;AC/FA,SAAS,SAAS,EAAA,EAGoB;AAHpB,EAAA,IAAA,EAAA,GAAA,EAAA,EAChB;AAAA,IAAA;AAAA,GAbF,GAYkB,EAAA,EAEb,KAAA,GAAA,SAAA,CAFa,EAAA,EAEb;AAAA,IADH;AAAA,GAAA,CAAA;AAGA,EAAA,uBACEA,GAAAA;AAAA,IAAC,IAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,SAAS;AAAA,KAAA,EAC7B,KAAA;AAAA,GACN;AAEJ;AAGA,SAAS,aAAa,EAAA,EAI2B;AAJ3B,EAAA,IAAA,EAAA,GAAA,EAAA,EACpB;AAAA,IAAA,SAAA;AAAA,IACA;AAAA,GA5BF,GA0BsB,EAAA,EAGjB,KAAA,GAAA,SAAA,CAHiB,EAAA,EAGjB;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACEA,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,wEAAA;AAAA,QACA;AAAA;AACF,KAAA,EACI,KAAA;AAAA,GACN;AAEJ;AAGA,SAAS,gBAAgB,EAAA,EAI2B;AAJ3B,EAAA,IAAA,EAAA,GAAA,EAAA,EACvB;AAAA,IAAA,SAAA;AAAA,IACA;AAAA,GA/CF,GA6CyB,EAAA,EAGpB,KAAA,GAAA,SAAA,CAHoB,EAAA,EAGpB;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACEA,GAAAA;AAAA,IAAC,WAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,iKAAA;AAAA,QACA;AAAA;AACF,KAAA,EACI,KAAA;AAAA,GACN;AAEJ;AAGA,SAAS,gBAAgB,EAAA,EAI2B;AAJ3B,EAAA,IAAA,EAAA,GAAA,EAAA,EACvB;AAAA,IAAA,SAAA;AAAA,IACA;AAAA,GAlEF,GAgEyB,EAAA,EAGpB,KAAA,GAAA,SAAA,CAHoB,EAAA,EAGpB;AAAA,IAFH,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACEA,GAAAA;AAAA,IAAC,WAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,mBAAA;AAAA,MACV;AAAA,KAAA,EACI,KAAA;AAAA,GACN;AAEJ;AC9DA,IAAM,gBAAA,GAAmB;AAAA,EACvB,QAAA,EAAU,0BAAA;AAAA,EACV,QAAA,EAAU,wBAAA;AAAA,EACV,OAAA,EAAS;AACX,CAAA;AAGA,IAAM,oBAAA,GAAuB;AAAA,EAC3B,QAAA,EAAU,EAAE,KAAA,EAAO,QAAA,EAAK,OAAO,aAAA,EAAc;AAAA,EAC7C,QAAA,EAAU,EAAE,KAAA,EAAO,QAAA,EAAK,OAAO,aAAA,EAAc;AAAA,EAC7C,OAAA,EAAS,EAAE,KAAA,EAAO,QAAA,EAAK,OAAO,WAAA;AAChC,CAAA;AAaA,SAAS,SAAS,EAAA,EASA;AATA,EAAA,IAAA,EAAA,GAAA,EAAA,EAChB;AAAA,IAAA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA,GAAa,SAAA;AAAA,IACb,IAAA,EAAM,IAAA;AAAA,IACN,SAAA;AAAA,IACA;AAAA,GA9CF,GAuCkB,EAAA,EAQb,KAAA,GAAA,SAAA,CARa,EAAA,EAQb;AAAA,IAPH,OAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACEA,GAAAA,CAAC,IAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAK,KAAU,WAAA,EAAU,WAAA,EAAY,aAA0B,KAAA,CAAA,EAA/D,EACC,QAAA,kBAAAA,GAAAA,CAAC,eAAY,SAAA,EAAU,KAAA,EACrB,0BAAAC,IAAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kCAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,KAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAD,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8EAAA,EACV,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,sBACAA,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,0CAA0C,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC5D,MAAA,oBACCC,IAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,GAAG,wBAAA,EAA0B,gBAAA,CAAiB,UAAU,CAAC,CAAA,EACrE,QAAA,EAAA;AAAA,wBAAAA,IAAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAQ,QAAA,EAAA;AAAA,UAAA,oBAAA,CAAqB,UAAU,CAAA,CAAE,KAAA;AAAA,UAAM;AAAA,SAAA,EAAC,CAAA;AAAA,wBAClEA,IAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA;AAAA,UAAA,oBAAA,CAAqB,UAAU,CAAA,CAAE,KAAA;AAAA,UAAM;AAAA,SAAA,EAAC,CAAA;AAAA,QAClE;AAAA,OAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC,IAAA,oBAAQD,GAAAA,CAAC,IAAA,EAAA,EAAK,WAAU,8BAAA,EAA+B;AAAA,GAAA,EAC1D,GACF,CAAA,EAAA,CACF,CAAA;AAEJ","file":"organisms.js","sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Stack } from \"@/components/ui/stack\"\n\n/** Full-height application shell container with horizontal flex layout.\n *\n * @example\n * <AppShell><AppShellSidebar>...</AppShellSidebar><AppShellMain>...</AppShellMain></AppShell>\n */\nfunction AppShell({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"app-shell\"\n      className={cn(\"flex h-screen overflow-hidden bg-background\", className)}\n      {...props}\n    />\n  )\n}\n\n/** Fixed-width sidebar panel hidden on mobile, visible on md+ screens.\n *\n * @prop collapsed - Whether the sidebar is in collapsed state.\n */\nfunction AppShellSidebar({\n  collapsed = false,\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<\"aside\"> & { collapsed?: boolean }) {\n  return (\n    <aside\n      ref={ref}\n      data-slot=\"app-shell-sidebar\"\n      className={cn(\n        \"flex-col w-64 shrink-0 border-e-2 bg-card\",\n        collapsed ? \"hidden md:flex\" : \"hidden md:flex\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\n/** Logo area at the top of the sidebar with a bottom border. */\nfunction AppShellLogo({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"app-shell-logo\"\n      className={cn(\n        \"flex items-center h-16 px-6 border-b-2 shrink-0\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\n/** Scrollable navigation region within the sidebar. */\nfunction AppShellNav({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<\"nav\">) {\n  return (\n    <nav\n      ref={ref}\n      data-slot=\"app-shell-nav\"\n      className={cn(\"flex-1 overflow-y-auto py-4 px-3\", className)}\n    >\n      <Stack gap=\"xs\" {...props} />\n    </nav>\n  )\n}\n\n/** Props for AppShellNavItem including optional icon and active state. */\ninterface AppShellNavItemProps extends React.ComponentPropsWithRef<\"a\"> {\n  icon?: React.ComponentType<{ className?: string }>\n  active?: boolean\n}\n\n/** Navigation link with optional leading icon and active highlight.\n *\n * @example\n * <AppShellNavItem icon={HomeIcon} active href=\"/\">Home</AppShellNavItem>\n *\n * @prop icon - Optional icon component rendered before the label.\n * @prop active - Whether this item represents the current page.\n */\nfunction AppShellNavItem({\n  icon: Icon,\n  active = false,\n  className,\n  children,\n  ref,\n  ...props\n}: AppShellNavItemProps) {\n  return (\n    <a\n      ref={ref}\n      data-slot=\"app-shell-nav-item\"\n      data-active={active || undefined}\n      className={cn(\n        \"flex items-center gap-3 rounded-md px-3 py-2 text-sm transition-colors active:translate-y-[1.5px] transition-transform\",\n        active\n          ? \"bg-accent text-accent-foreground font-medium\"\n          : \"text-muted-foreground hover:bg-surface-interactive hover:text-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {Icon && <Icon className=\"size-4\" />}\n      {children}\n    </a>\n  )\n}\n\n/** Footer area pinned to the bottom of the sidebar with a top border. */\nfunction AppShellFooter({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"app-shell-footer\"\n      className={cn(\"shrink-0 border-t-2 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\n/** Scrollable main content area that fills remaining horizontal space. */\nfunction AppShellMain({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<\"main\">) {\n  return (\n    <main\n      ref={ref}\n      data-slot=\"app-shell-main\"\n      className={cn(\"flex-1 overflow-y-auto\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  AppShell,\n  AppShellSidebar,\n  AppShellLogo,\n  AppShellNav,\n  AppShellNavItem,\n  AppShellFooter,\n  AppShellMain,\n  type AppShellNavItemProps,\n}\n","import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Center } from \"@/components/ui/center\"\n\n/** Props for PageBody including optional full-width mode and padding control. */\ninterface PageBodyProps extends React.ComponentPropsWithRef<\"div\"> {\n  fullWidth?: boolean\n  padding?: \"default\" | \"none\"\n}\n\n/** Main page content area with optional max-width centering and padding.\n *\n * @example\n * <PageBody fullWidth>{children}</PageBody>\n *\n * @prop fullWidth - Skip the max-width Center wrapper when true.\n * @prop padding - Use \"none\" to remove default padding.\n */\nfunction PageBody({\n  fullWidth = false,\n  padding = \"default\",\n  className,\n  children,\n  ref,\n  ...props\n}: PageBodyProps) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"page-body\"\n      className={cn(padding === \"default\" && \"px-6 py-6\", className)}\n      {...props}\n    >\n      {fullWidth ? children : <Center max=\"2xl\">{children}</Center>}\n    </div>\n  )\n}\n\nexport { PageBody, type PageBodyProps }\n","import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Stack } from \"@/components/ui/stack\"\n\n/** Page-level header with bottom border, card background, and vertical stack layout.\n *\n * @example\n * <PageHeader><PageHeaderContent><PageHeaderTitle>Dashboard</PageHeaderTitle></PageHeaderContent></PageHeader>\n */\nfunction PageHeader({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<\"header\">) {\n  return (\n    <header\n      ref={ref}\n      data-slot=\"page-header\"\n      className={cn(\"border-b-2 bg-card px-6 py-6\", className)}\n    >\n      <Stack gap=\"md\" {...props} />\n    </header>\n  )\n}\n\n/** Container for breadcrumb navigation above the page title. */\nfunction PageHeaderBreadcrumb({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"page-header-breadcrumb\"\n      className={className}\n      {...props}\n    />\n  )\n}\n\n/** Flex row that spaces the title area and actions apart responsively. */\nfunction PageHeaderContent({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"page-header-content\"\n      className={cn(\n        \"flex flex-col sm:flex-row sm:items-center justify-between gap-4\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\n/** Primary page heading rendered as a bold h1. */\nfunction PageHeaderTitle({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<\"h1\">) {\n  return (\n    <h1\n      ref={ref}\n      data-slot=\"page-header-title\"\n      className={cn(\"text-2xl font-bold tracking-tight\", className)}\n      {...props}\n    />\n  )\n}\n\n/** Short muted description text displayed below the page title. */\nfunction PageHeaderDescription({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<\"p\">) {\n  return (\n    <p\n      ref={ref}\n      data-slot=\"page-header-description\"\n      className={cn(\"text-sm text-muted-foreground mt-1\", className)}\n      {...props}\n    />\n  )\n}\n\n/** Container for action buttons aligned to the right of the header. */\nfunction PageHeaderActions({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<\"div\">) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"page-header-actions\"\n      className={cn(\"flex items-center gap-2 shrink-0\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  PageHeader,\n  PageHeaderBreadcrumb,\n  PageHeaderContent,\n  PageHeaderTitle,\n  PageHeaderDescription,\n  PageHeaderActions,\n}\n","\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from \"@/components/ui/tabs\"\n\n/** Full-width page-level tabs container.\n *\n * @example\n * <PageTabs defaultValue=\"overview\"><PageTabsList><PageTabsTrigger value=\"overview\">Overview</PageTabsTrigger></PageTabsList><PageTabsContent value=\"overview\">...</PageTabsContent></PageTabs>\n */\nfunction PageTabs({\n  className,\n  ...props\n}: React.ComponentProps<typeof Tabs>) {\n  return (\n    <Tabs\n      data-slot=\"page-tabs\"\n      className={cn(\"w-full\", className)}\n      {...props}\n    />\n  )\n}\n\n/** Underline-style tab list with transparent background and bottom border. */\nfunction PageTabsList({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<typeof TabsList>) {\n  return (\n    <TabsList\n      ref={ref}\n      data-slot=\"page-tabs-list\"\n      className={cn(\n        \"bg-transparent border-b-2 rounded-none h-auto p-0 w-full justify-start\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\n/** Individual page tab trigger with an active underline indicator. */\nfunction PageTabsTrigger({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<typeof TabsTrigger>) {\n  return (\n    <TabsTrigger\n      ref={ref}\n      data-slot=\"page-tabs-trigger\"\n      className={cn(\n        \"rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:shadow-none px-4 pb-3 pt-2\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\n/** Content panel associated with a page tab value. */\nfunction PageTabsContent({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<typeof TabsContent>) {\n  return (\n    <TabsContent\n      ref={ref}\n      data-slot=\"page-tabs-content\"\n      className={className}\n      {...props}\n    />\n  )\n}\n\nexport { PageTabs, PageTabsList, PageTabsTrigger, PageTabsContent }\n","import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Card, CardContent } from \"@/components/ui/card\"\n\n/** Props for StatCard including title, value, and optional change indicator. */\ninterface StatCardProps extends Omit<React.ComponentPropsWithRef<\"div\">, \"title\"> {\n  title: string\n  value: string\n  change?: string\n  changeType?: \"positive\" | \"negative\" | \"neutral\"\n  icon?: React.ComponentType<{ className?: string }>\n}\n\n/** Color map for stat change indicators keyed by sentiment. */\nconst changeTypeStyles = {\n  positive: \"text-status-success-text\",\n  negative: \"text-status-error-text\",\n  neutral: \"text-muted-foreground\",\n} as const\n\n/** Non-color sentiment indicators (prefixed glyphs + screen-reader text). */\nconst changeTypeIndicators = {\n  positive: { glyph: \"▲\", label: \"Increase of\" },\n  negative: { glyph: \"▼\", label: \"Decrease of\" },\n  neutral: { glyph: \"•\", label: \"Change of\" },\n} as const\n\n/** Card displaying a key metric with title, value, optional change badge, and icon.\n *\n * @example\n * <StatCard title=\"Revenue\" value=\"$12,345\" change=\"+12%\" changeType=\"positive\" />\n *\n * @prop title - Metric label displayed in uppercase monospace.\n * @prop value - Primary numeric or text value.\n * @prop change - Optional change indicator text (e.g. \"+5%\").\n * @prop changeType - Color coding: \"positive\", \"negative\", or \"neutral\".\n * @prop icon - Optional icon component displayed at top-right.\n */\nfunction StatCard({\n  title,\n  value,\n  change,\n  changeType = \"neutral\",\n  icon: Icon,\n  className,\n  ref,\n  ...props\n}: StatCardProps) {\n  return (\n    <Card ref={ref} data-slot=\"stat-card\" className={className} {...props}>\n      <CardContent className=\"p-6\">\n        <div className=\"flex items-start justify-between\">\n          <div>\n            <p className=\"text-sm font-medium text-muted-foreground font-mono uppercase tracking-wider\">\n              {title}\n            </p>\n            <p className=\"text-3xl font-bold tracking-tight mt-1\">{value}</p>\n            {change && (\n              <p className={cn(\"text-xs font-mono mt-1\", changeTypeStyles[changeType])}>\n                <span aria-hidden=\"true\">{changeTypeIndicators[changeType].glyph} </span>\n                <span className=\"sr-only\">{changeTypeIndicators[changeType].label} </span>\n                {change}\n              </p>\n            )}\n          </div>\n          {Icon && <Icon className=\"text-muted-foreground size-5\" />}\n        </div>\n      </CardContent>\n    </Card>\n  )\n}\n\nexport { StatCard, type StatCardProps }\n"]}