@tetrascience-npm/tetrascience-react-ui 0.7.0-beta.107.1 → 0.7.0-beta.128.1

package/dist/components/composed/ConfirmDialog/ConfirmDialog.js

@@ -1,42 +1,46 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { TriangleAlertIcon as f } from "lucide-react";
-import { Button as n } from "../../ui/button.js";
-import { Dialog as g, DialogTrigger as p, DialogContent as D, DialogHeader as C, DialogTitle as v, DialogDescription as x, DialogFooter as b, DialogClose as T } from "../../ui/dialog.js";
-import { Spinner as k } from "../../ui/spinner.js";
-function A({
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import { Banner as f } from "../../ui/banner.js";
+import { Button as t } from "../../ui/button.js";
+import { Dialog as D, DialogTrigger as C, DialogContent as g, DialogHeader as p, DialogTitle as v, DialogDescription as x, DialogFooter as T, DialogClose as b } from "../../ui/dialog.js";
+import { Spinner as j } from "../../ui/spinner.js";
+function H({
   title: a,
   description: r,
-  variant: t = "default",
+  variant: o = "default",
   confirmLabel: d = "Confirm",
   cancelLabel: c = "Cancel",
   onConfirm: s,
   onCancel: m,
-  open: h,
-  onOpenChange: u,
-  trigger: l,
-  loading: o = !1
+  open: u,
+  onOpenChange: h,
+  trigger: n,
+  loading: l = !1
 }) {
-  return /* @__PURE__ */ i(g, { open: h, onOpenChange: u, children: [
-    l && /* @__PURE__ */ e(p, { asChild: !0, children: l }),
-    /* @__PURE__ */ i(D, { children: [
-      /* @__PURE__ */ i(C, { children: [
-        /* @__PURE__ */ e(v, { children: a }),
-        r && /* @__PURE__ */ e(x, { children: r })
+  return /* @__PURE__ */ e(D, { open: u, onOpenChange: h, children: [
+    n && /* @__PURE__ */ i(C, { asChild: !0, children: n }),
+    /* @__PURE__ */ e(g, { children: [
+      /* @__PURE__ */ e(p, { children: [
+        /* @__PURE__ */ i(v, { children: a }),
+        r && /* @__PURE__ */ i(x, { children: r })
       ] }),
-      t === "destructive" && /* @__PURE__ */ i("div", { className: "flex items-start gap-2 rounded-md border border-destructive/20 bg-destructive/10 px-3 py-2.5 text-sm text-destructive", children: [
-        /* @__PURE__ */ e(f, { className: "mt-0.5 h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ e("span", { children: "This action cannot be undone." })
-      ] }),
-      /* @__PURE__ */ i(b, { children: [
-        /* @__PURE__ */ e(T, { asChild: !0, children: /* @__PURE__ */ e(n, { variant: "outline", onClick: m, children: c }) }),
-        /* @__PURE__ */ i(
-          n,
+      o === "destructive" && /* @__PURE__ */ i(
+        f,
+        {
+          variant: "destructive",
+          description: "This action cannot be undone.",
+          className: "rounded-md"
+        }
+      ),
+      /* @__PURE__ */ e(T, { children: [
+        /* @__PURE__ */ i(b, { asChild: !0, children: /* @__PURE__ */ i(t, { variant: "outline", onClick: m, children: c }) }),
+        /* @__PURE__ */ e(
+          t,
           {
-            variant: t === "destructive" ? "destructive" : "default",
-            disabled: o,
+            variant: o === "destructive" ? "destructive" : "default",
+            disabled: l,
             onClick: s,
             children: [
-              o && /* @__PURE__ */ e(k, { size: "sm", className: "mr-2" }),
+              l && /* @__PURE__ */ i(j, { size: "sm", className: "mr-2" }),
               d
             ]
           }
@@ -46,6 +50,6 @@ function A({
   ] });
 }
 export {
-  A as ConfirmDialog
+  H as ConfirmDialog
 };
 //# sourceMappingURL=ConfirmDialog.js.map

package/dist/components/composed/ConfirmDialog/ConfirmDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.js","sources":["../../../../src/components/composed/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import { TriangleAlertIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\"\nimport { Spinner } from \"@/components/ui/spinner\"\n\ninterface ConfirmDialogBaseProps {\n  title: string\n  description?: string\n  variant?: \"default\" | \"destructive\"\n  confirmLabel?: string\n  cancelLabel?: string\n  onConfirm?: () => void\n  onCancel?: () => void\n  trigger?: React.ReactElement\n  loading?: boolean\n}\n\ntype ConfirmDialogControlledProps = ConfirmDialogBaseProps & {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n}\n\ntype ConfirmDialogUncontrolledProps = ConfirmDialogBaseProps & {\n  open?: never\n  onOpenChange?: never\n}\n\nexport type ConfirmDialogProps =\n  | ConfirmDialogControlledProps\n  | ConfirmDialogUncontrolledProps\n\nexport function ConfirmDialog({\n  title,\n  description,\n  variant = \"default\",\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  onConfirm,\n  onCancel,\n  open,\n  onOpenChange,\n  trigger,\n  loading = false,\n}: ConfirmDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      {trigger && <DialogTrigger asChild>{trigger}</DialogTrigger>}\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          {description && (\n            <DialogDescription>{description}</DialogDescription>\n          )}\n        </DialogHeader>\n        {variant === \"destructive\" && (\n          <div className=\"flex items-start gap-2 rounded-md border border-destructive/20 bg-destructive/10 px-3 py-2.5 text-sm text-destructive\">\n            <TriangleAlertIcon className=\"mt-0.5 h-4 w-4 shrink-0\" />\n            <span>This action cannot be undone.</span>\n          </div>\n        )}\n        <DialogFooter>\n          <DialogClose asChild>\n            <Button variant=\"outline\" onClick={onCancel}>\n              {cancelLabel}\n            </Button>\n          </DialogClose>\n          <Button\n            variant={variant === \"destructive\" ? \"destructive\" : \"default\"}\n            disabled={loading}\n            onClick={onConfirm}\n          >\n            {loading && <Spinner size=\"sm\" className=\"mr-2\" />}\n            {confirmLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"names":["ConfirmDialog","title","description","variant","confirmLabel","cancelLabel","onConfirm","onCancel","open","onOpenChange","trigger","loading","jsxs","Dialog","jsx","DialogTrigger","DialogContent","DialogHeader","DialogTitle","DialogDescription","TriangleAlertIcon","DialogFooter","DialogClose","Button","Spinner"],"mappings":";;;;;AA0CO,SAASA,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,GAAuB;AACrB,SACE,gBAAAC,EAACC,GAAA,EAAO,MAAAL,GAAY,cAAAC,GACjB,UAAA;AAAA,IAAAC,KAAW,gBAAAI,EAACC,GAAA,EAAc,SAAO,IAAE,UAAAL,GAAQ;AAAA,sBAC3CM,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAH,EAACI,KAAa,UAAAjB,EAAA,CAAM;AAAA,QACnBC,KACC,gBAAAY,EAACK,GAAA,EAAmB,UAAAjB,EAAA,CAAY;AAAA,MAAA,GAEpC;AAAA,MACCC,MAAY,iBACX,gBAAAS,EAAC,OAAA,EAAI,WAAU,yHACb,UAAA;AAAA,QAAA,gBAAAE,EAACM,GAAA,EAAkB,WAAU,0BAAA,CAA0B;AAAA,QACvD,gBAAAN,EAAC,UAAK,UAAA,gCAAA,CAA6B;AAAA,MAAA,GACrC;AAAA,wBAEDO,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAP,EAACQ,GAAA,EAAY,SAAO,IAClB,UAAA,gBAAAR,EAACS,GAAA,EAAO,SAAQ,WAAU,SAAShB,GAChC,UAAAF,EAAA,CACH,GACF;AAAA,QACA,gBAAAO;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,SAASpB,MAAY,gBAAgB,gBAAgB;AAAA,YACrD,UAAUQ;AAAA,YACV,SAASL;AAAA,YAER,UAAA;AAAA,cAAAK,KAAW,gBAAAG,EAACU,GAAA,EAAQ,MAAK,MAAK,WAAU,QAAO;AAAA,cAC/CpB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ConfirmDialog.js","sources":["../../../../src/components/composed/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { Banner } from \"@/components/ui/banner\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\"\nimport { Spinner } from \"@/components/ui/spinner\"\n\ninterface ConfirmDialogBaseProps {\n  title: string\n  description?: string\n  variant?: \"default\" | \"destructive\"\n  confirmLabel?: string\n  cancelLabel?: string\n  onConfirm?: () => void\n  onCancel?: () => void\n  trigger?: React.ReactElement\n  loading?: boolean\n}\n\ntype ConfirmDialogControlledProps = ConfirmDialogBaseProps & {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n}\n\ntype ConfirmDialogUncontrolledProps = ConfirmDialogBaseProps & {\n  open?: never\n  onOpenChange?: never\n}\n\nexport type ConfirmDialogProps =\n  | ConfirmDialogControlledProps\n  | ConfirmDialogUncontrolledProps\n\nexport function ConfirmDialog({\n  title,\n  description,\n  variant = \"default\",\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  onConfirm,\n  onCancel,\n  open,\n  onOpenChange,\n  trigger,\n  loading = false,\n}: ConfirmDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      {trigger && <DialogTrigger asChild>{trigger}</DialogTrigger>}\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          {description && (\n            <DialogDescription>{description}</DialogDescription>\n          )}\n        </DialogHeader>\n        {variant === \"destructive\" && (\n          <Banner\n            variant=\"destructive\"\n            description=\"This action cannot be undone.\"\n            className=\"rounded-md\"\n          />\n        )}\n        <DialogFooter>\n          <DialogClose asChild>\n            <Button variant=\"outline\" onClick={onCancel}>\n              {cancelLabel}\n            </Button>\n          </DialogClose>\n          <Button\n            variant={variant === \"destructive\" ? \"destructive\" : \"default\"}\n            disabled={loading}\n            onClick={onConfirm}\n          >\n            {loading && <Spinner size=\"sm\" className=\"mr-2\" />}\n            {confirmLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"names":["ConfirmDialog","title","description","variant","confirmLabel","cancelLabel","onConfirm","onCancel","open","onOpenChange","trigger","loading","jsxs","Dialog","jsx","DialogTrigger","DialogContent","DialogHeader","DialogTitle","DialogDescription","Banner","DialogFooter","DialogClose","Button","Spinner"],"mappings":";;;;;AA0CO,SAASA,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,GAAuB;AACrB,SACE,gBAAAC,EAACC,GAAA,EAAO,MAAAL,GAAY,cAAAC,GACjB,UAAA;AAAA,IAAAC,KAAW,gBAAAI,EAACC,GAAA,EAAc,SAAO,IAAE,UAAAL,GAAQ;AAAA,sBAC3CM,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAH,EAACI,KAAa,UAAAjB,EAAA,CAAM;AAAA,QACnBC,KACC,gBAAAY,EAACK,GAAA,EAAmB,UAAAjB,EAAA,CAAY;AAAA,MAAA,GAEpC;AAAA,MACCC,MAAY,iBACX,gBAAAW;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,aAAY;AAAA,UACZ,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,wBAGbC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAP,EAACQ,GAAA,EAAY,SAAO,IAClB,UAAA,gBAAAR,EAACS,GAAA,EAAO,SAAQ,WAAU,SAAShB,GAChC,UAAAF,EAAA,CACH,GACF;AAAA,QACA,gBAAAO;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,SAASpB,MAAY,gBAAgB,gBAAgB;AAAA,YACrD,UAAUQ;AAAA,YACV,SAASL;AAAA,YAER,UAAA;AAAA,cAAAK,KAAW,gBAAAG,EAACU,GAAA,EAAQ,MAAK,MAAK,WAAU,QAAO;AAAA,cAC/CpB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/composed/DataAppShell/CollapseButton.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lucide-react"),u=require("../../ui/button.cjs"),o=require("../../ui/tooltip.cjs"),h=require("../../../lib/utils.cjs"),d={left:t.ChevronLeft,right:t.ChevronRight,up:t.ChevronUp,down:t.ChevronDown};function p({direction:n,label:r,tooltipSide:i="right",className:l,...s}){const a=d[n],c=h.cn("w-5 h-5 shrink-0 text-muted-foreground hover:text-primary hover:border-primary",l);return e.jsx(o.TooltipProvider,{children:e.jsxs(o.Tooltip,{children:[e.jsx(o.TooltipTrigger,{asChild:!0,children:e.jsx(u.Button,{"data-slot":"data-app-shell-collapse-button",variant:"outline",size:"icon",...s,className:c,"aria-label":r,children:e.jsx(a,{className:"w-3.5 h-3.5"})})}),e.jsx(o.TooltipContent,{side:i,children:r})]})})}exports.ShellCollapseButton=p;
+//# sourceMappingURL=CollapseButton.cjs.map

package/dist/components/composed/DataAppShell/CollapseButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseButton.cjs","sources":["../../../../src/components/composed/DataAppShell/CollapseButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nconst CHEVRONS = {\n  left: ChevronLeft,\n  right: ChevronRight,\n  up: ChevronUp,\n  down: ChevronDown,\n} as const;\n\nexport interface ShellCollapseButtonProps extends Omit<React.ComponentProps<typeof Button>, \"children\"> {\n  /** Chevron direction the button points at. */\n  direction: keyof typeof CHEVRONS;\n  /** Accessible name + tooltip text (e.g. \"Collapse navigation\"). */\n  label: string;\n  /** Tooltip side. Defaults to `right` (rail/sidebar placements). */\n  tooltipSide?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}\n\n/**\n * The shell's shared collapse/expand affordance — a small outlined square with\n * a chevron, placed in a zone's header row when expanded and at the top of the\n * collapsed rail. One component so every zone's trigger looks identical.\n */\nfunction ShellCollapseButton({\n  direction,\n  label,\n  tooltipSide = \"right\",\n  className,\n  ...props\n}: ShellCollapseButtonProps) {\n  const Chevron = CHEVRONS[direction];\n  // cn() so consumer classes properly override the base (tailwind-merge)\n  const mergedClassName = cn(\n    \"w-5 h-5 shrink-0 text-muted-foreground hover:text-primary hover:border-primary\",\n    className,\n  );\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            data-slot=\"data-app-shell-collapse-button\"\n            variant=\"outline\"\n            size=\"icon\"\n            {...props}\n            className={mergedClassName}\n            aria-label={label}\n          >\n            <Chevron className=\"w-3.5 h-3.5\" />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent side={tooltipSide}>{label}</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n\nexport { ShellCollapseButton };\n"],"names":["CHEVRONS","ChevronLeft","ChevronRight","ChevronUp","ChevronDown","ShellCollapseButton","direction","label","tooltipSide","className","props","Chevron","mergedClassName","cn","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","Button","TooltipContent"],"mappings":"sPASMA,EAAW,CACf,KAAMC,EAAAA,YACN,MAAOC,EAAAA,aACP,GAAIC,EAAAA,UACJ,KAAMC,EAAAA,WACR,EAgBA,SAASC,EAAoB,CAC3B,UAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,QACd,UAAAC,EACA,GAAGC,CACL,EAA6B,CAC3B,MAAMC,EAAUX,EAASM,CAAS,EAE5BM,EAAkBC,EAAAA,GACtB,iFACAJ,CAAA,EAEF,OACEK,EAAAA,IAACC,EAAAA,gBAAA,CACC,SAAAC,EAAAA,KAACC,EAAAA,QAAA,CACC,SAAA,CAAAH,EAAAA,IAACI,EAAAA,eAAA,CAAe,QAAO,GACrB,SAAAJ,EAAAA,IAACK,EAAAA,OAAA,CACC,YAAU,iCACV,QAAQ,UACR,KAAK,OACJ,GAAGT,EACJ,UAAWE,EACX,aAAYL,EAEZ,SAAAO,EAAAA,IAACH,EAAA,CAAQ,UAAU,aAAA,CAAc,CAAA,CAAA,EAErC,EACAG,EAAAA,IAACM,EAAAA,eAAA,CAAe,KAAMZ,EAAc,SAAAD,CAAA,CAAM,CAAA,CAAA,CAC5C,CAAA,CACF,CAEJ"}

package/dist/components/composed/DataAppShell/CollapseButton.js

@@ -0,0 +1,42 @@
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { ChevronDown as s, ChevronUp as p, ChevronRight as m, ChevronLeft as d } from "lucide-react";
+import { Button as c } from "../../ui/button.js";
+import { TooltipProvider as u, Tooltip as C, TooltipTrigger as f, TooltipContent as v } from "../../ui/tooltip.js";
+import { cn as g } from "../../../lib/utils.js";
+const x = {
+  left: d,
+  right: m,
+  up: p,
+  down: s
+};
+function y({
+  direction: t,
+  label: r,
+  tooltipSide: e = "right",
+  className: i,
+  ...n
+}) {
+  const l = x[t], h = g(
+    "w-5 h-5 shrink-0 text-muted-foreground hover:text-primary hover:border-primary",
+    i
+  );
+  return /* @__PURE__ */ o(u, { children: /* @__PURE__ */ a(C, { children: [
+    /* @__PURE__ */ o(f, { asChild: !0, children: /* @__PURE__ */ o(
+      c,
+      {
+        "data-slot": "data-app-shell-collapse-button",
+        variant: "outline",
+        size: "icon",
+        ...n,
+        className: h,
+        "aria-label": r,
+        children: /* @__PURE__ */ o(l, { className: "w-3.5 h-3.5" })
+      }
+    ) }),
+    /* @__PURE__ */ o(v, { side: e, children: r })
+  ] }) });
+}
+export {
+  y as ShellCollapseButton
+};
+//# sourceMappingURL=CollapseButton.js.map

package/dist/components/composed/DataAppShell/CollapseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseButton.js","sources":["../../../../src/components/composed/DataAppShell/CollapseButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nconst CHEVRONS = {\n  left: ChevronLeft,\n  right: ChevronRight,\n  up: ChevronUp,\n  down: ChevronDown,\n} as const;\n\nexport interface ShellCollapseButtonProps extends Omit<React.ComponentProps<typeof Button>, \"children\"> {\n  /** Chevron direction the button points at. */\n  direction: keyof typeof CHEVRONS;\n  /** Accessible name + tooltip text (e.g. \"Collapse navigation\"). */\n  label: string;\n  /** Tooltip side. Defaults to `right` (rail/sidebar placements). */\n  tooltipSide?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}\n\n/**\n * The shell's shared collapse/expand affordance — a small outlined square with\n * a chevron, placed in a zone's header row when expanded and at the top of the\n * collapsed rail. One component so every zone's trigger looks identical.\n */\nfunction ShellCollapseButton({\n  direction,\n  label,\n  tooltipSide = \"right\",\n  className,\n  ...props\n}: ShellCollapseButtonProps) {\n  const Chevron = CHEVRONS[direction];\n  // cn() so consumer classes properly override the base (tailwind-merge)\n  const mergedClassName = cn(\n    \"w-5 h-5 shrink-0 text-muted-foreground hover:text-primary hover:border-primary\",\n    className,\n  );\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            data-slot=\"data-app-shell-collapse-button\"\n            variant=\"outline\"\n            size=\"icon\"\n            {...props}\n            className={mergedClassName}\n            aria-label={label}\n          >\n            <Chevron className=\"w-3.5 h-3.5\" />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent side={tooltipSide}>{label}</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n\nexport { ShellCollapseButton };\n"],"names":["CHEVRONS","ChevronLeft","ChevronRight","ChevronUp","ChevronDown","ShellCollapseButton","direction","label","tooltipSide","className","props","Chevron","mergedClassName","cn","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","Button","TooltipContent"],"mappings":";;;;;AASA,MAAMA,IAAW;AAAA,EACf,MAAMC;AAAA,EACN,OAAOC;AAAA,EACP,IAAIC;AAAA,EACJ,MAAMC;AACR;AAgBA,SAASC,EAAoB;AAAA,EAC3B,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,GAAGC;AACL,GAA6B;AAC3B,QAAMC,IAAUX,EAASM,CAAS,GAE5BM,IAAkBC;AAAA,IACtB;AAAA,IACAJ;AAAA,EAAA;AAEF,SACE,gBAAAK,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,SAAQ;AAAA,QACR,MAAK;AAAA,QACJ,GAAGT;AAAA,QACJ,WAAWE;AAAA,QACX,cAAYL;AAAA,QAEZ,UAAA,gBAAAO,EAACH,GAAA,EAAQ,WAAU,cAAA,CAAc;AAAA,MAAA;AAAA,IAAA,GAErC;AAAA,IACA,gBAAAG,EAACM,GAAA,EAAe,MAAMZ,GAAc,UAAAD,EAAA,CAAM;AAAA,EAAA,EAAA,CAC5C,EAAA,CACF;AAEJ;"}

package/dist/components/composed/DataAppShell/DataAppShell.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),B=require("class-variance-authority"),N=require("lucide-react"),q=require("react"),O=require("../tdp-link.cjs"),f=require("../../ui/breadcrumb.cjs"),D=require("../../ui/button.cjs"),h=require("../../ui/dropdown-menu.cjs"),m=require("../../ui/sheet.cjs"),x=require("../../ui/tooltip.cjs"),l=require("../../../lib/utils.cjs");function P(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const o=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(a,i,o.get?o:{enumerable:!0,get:()=>r[i]})}}return a.default=r,Object.freeze(a)}const k=P(q),S=B.cva("flex items-center justify-center rounded-lg transition-colors duration-150",{variants:{active:{true:"bg-primary/10",false:"bg-transparent"},compact:{true:"w-[30px] h-[30px] hover:bg-accent",false:"w-8 h-8"}},defaultVariants:{active:!1,compact:!0}});function A({appName:r,appFullName:a,appIcon:i,version:o,navGroups:t,onAppNameClick:c,backToPlatformPath:u,onBackToPlatform:b,userMenu:p,compact:n,onAfterNavClick:y}){return e.jsxs(x.TooltipProvider,{children:[e.jsx("div",{className:l.cn("shrink-0 flex",n?"justify-center pt-1 pb-2":"px-3 py-2.5 border-b border-sidebar-border"),children:e.jsxs(h.DropdownMenu,{children:[e.jsx(h.DropdownMenuTrigger,{asChild:!0,children:e.jsxs("button",{type:"button",className:l.cn("cursor-pointer bg-transparent border-none p-0",!n&&"flex items-center gap-3 w-full text-left"),children:[e.jsx("span",{className:l.cn("flex items-center justify-center rounded-lg bg-sidebar-accent border border-sidebar-border font-bold text-foreground shrink-0 w-8 h-8 text-[10px]"),children:i??r}),!n&&e.jsx("span",{className:"text-sm font-semibold text-foreground truncate leading-snug",children:a??r})]})}),e.jsxs(h.DropdownMenuContent,{side:"right",align:"start",className:"min-w-[220px]",children:[e.jsxs("div",{className:"flex items-center gap-3 px-3 py-2.5 cursor-pointer",onClick:c,role:"button",tabIndex:0,onKeyDown:d=>{d.key==="Enter"&&c?.()},children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-sidebar-accent border border-sidebar-border flex items-center justify-center shrink-0",children:e.jsx("span",{className:"text-[10px] font-bold text-foreground",children:i??r})}),e.jsxs("div",{className:"flex flex-col min-w-0",children:[e.jsx("span",{className:"text-sm font-semibold text-foreground truncate",children:a??r}),o&&e.jsx("span",{className:"text-[10px] text-muted-foreground/70 font-mono leading-none mt-0.5",children:o})]})]}),e.jsx(h.DropdownMenuSeparator,{}),e.jsx(h.DropdownMenuItem,{className:"gap-2.5 p-0",asChild:!0,children:u?e.jsxs(O.TDPLink,{path:u,navigationOptions:{newTab:!1},className:"flex items-center gap-2.5 w-full px-2 py-1.5 !no-underline hover:!no-underline",children:[e.jsx(N.ArrowLeft,{className:"w-4 h-4 text-muted-foreground"}),"Back to TDP Platform"]}):e.jsxs("button",{type:"button",className:"flex items-center gap-2.5 w-full px-2 py-1.5 bg-transparent border-none cursor-pointer",onClick:b,children:[e.jsx(N.ArrowLeft,{className:"w-4 h-4 text-muted-foreground"}),"Back to TDP Platform"]})})]})]})}),n&&e.jsx("div",{className:"shrink-0 mx-auto w-8 border-t border-sidebar-border"}),e.jsx("div",{className:l.cn("flex-1 min-h-0",n?"flex flex-col items-center gap-1 px-2 pt-3 overflow-y-auto":"flex flex-col py-2 overflow-y-auto"),children:t.map((d,j)=>e.jsxs(k.Fragment,{children:[j>0&&e.jsx("div",{className:l.cn("border-t border-sidebar-border",n?"w-8 my-2":"mx-3 my-1")}),!n&&d.label&&e.jsx("span",{className:"px-3 py-1 text-[10px] uppercase tracking-widest text-muted-foreground/60 font-semibold",children:d.label}),e.jsx("div",{className:l.cn("flex flex-col",n?"items-center gap-3 w-full":"gap-0.5"),children:d.pages.map(s=>{const g=s.icon,v=g?e.jsx(g,{className:l.cn("w-4 h-4",s.isActive?"text-primary":"text-muted-foreground")}):e.jsx("div",{className:l.cn("w-2 h-2 rounded-full",s.isActive?"bg-primary":"bg-muted-foreground/40")}),w=()=>{s.onClick?.(),y?.()};return n?e.jsxs(x.Tooltip,{children:[e.jsx(x.TooltipTrigger,{asChild:!0,children:e.jsx("button",{type:"button","aria-label":s.label,className:"flex flex-col items-center cursor-pointer bg-transparent border-none p-0 w-full",onClick:w,children:e.jsx("div",{className:l.cn(S({active:s.isActive??!1,compact:!0})),children:v})})}),e.jsx(x.TooltipContent,{side:"right",children:s.label})]},s.id):e.jsxs("button",{type:"button",className:l.cn("flex items-center gap-3 w-full px-3 py-2 text-sm cursor-pointer bg-transparent border-none text-left transition-colors duration-150 rounded-md mx-1",s.isActive?"bg-sidebar-accent text-sidebar-foreground font-medium":"text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground"),onClick:w,children:[e.jsx("div",{className:l.cn(S({active:s.isActive??!1,compact:!1})),children:v}),e.jsx("span",{children:s.label})]},s.id)})})]},`${j}-${d.label??""}`))}),p&&e.jsxs(e.Fragment,{children:[n&&e.jsx("div",{className:"shrink-0 mx-auto w-8 border-t border-sidebar-border"}),e.jsx("div",{className:l.cn("shrink-0",n?"flex flex-col items-center py-2":"p-2 border-t border-sidebar-border"),children:p})]})]})}function M(r){return e.jsx("nav",{"data-slot":"data-app-sidebar-rail","aria-label":"Application navigation",className:"hidden md:flex w-12 flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50",children:e.jsx(A,{compact:!0,...r})})}function L({breadcrumbs:r=[],onHelpClick:a,headerActions:i,mobileTrigger:o}){return e.jsxs("div",{"data-slot":"data-app-top-nav",className:"flex items-center h-10 px-3 bg-sidebar border-b border-sidebar-border sticky top-0 z-40 w-full gap-2",children:[o,e.jsx(f.Breadcrumb,{className:"flex-1 min-w-0",children:e.jsx(f.BreadcrumbList,{children:r.map((t,c)=>{const u=c===r.length-1,b=!u&&(!!t.href||!!t.onClick);return e.jsxs(k.Fragment,{children:[c>0&&e.jsx(f.BreadcrumbSeparator,{children:"/"}),e.jsx(f.BreadcrumbItem,{children:u?e.jsx(f.BreadcrumbPage,{children:t.label}):b&&t.href?e.jsx(f.BreadcrumbLink,{href:t.href,children:t.label}):b&&t.onClick?e.jsx("button",{type:"button",className:"text-sm text-primary hover:underline cursor-pointer bg-transparent border-none p-0 font-normal",onClick:t.onClick,children:t.label}):e.jsx("span",{className:"text-sm text-muted-foreground",children:t.label})})]},`${t.label}-${c}`)})})}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[i,a&&e.jsx(x.TooltipProvider,{children:e.jsxs(x.Tooltip,{children:[e.jsx(x.TooltipTrigger,{asChild:!0,children:e.jsx(D.Button,{variant:"ghost",size:"icon",className:"w-7 h-7 text-muted-foreground",onClick:a,"aria-label":"Help",children:e.jsx(N.HelpCircle,{className:"w-4 h-4"})})}),e.jsx(x.TooltipContent,{side:"bottom",children:"Help"})]})})]})]})}function z({appName:r,appFullName:a,appIcon:i,version:o,navGroups:t,onAppNameClick:c,backToPlatformPath:u,onBackToPlatform:b,userMenu:p,breadcrumbs:n=[],onHelpClick:y,headerActions:d,sidebarPanel:j,showNavRail:s=!0,children:g,className:v}){const[w,C]=k.useState(!1),T={appName:r,appFullName:a,appIcon:i,version:o,navGroups:t,onAppNameClick:c,backToPlatformPath:u,onBackToPlatform:b,userMenu:p};return e.jsx(m.Sheet,{open:w,onOpenChange:C,children:e.jsxs("div",{"data-slot":"data-app-shell",className:l.cn("flex flex-row w-full h-screen overflow-hidden",v),children:[s&&e.jsx(M,{...T}),e.jsxs(m.SheetContent,{side:"left",showCloseButton:!1,className:"p-0 bg-sidebar border-r border-sidebar-border data-[side=left]:w-[220px] data-[side=left]:sm:w-[220px] data-[side=left]:sm:max-w-[220px] flex flex-col",children:[e.jsx(m.SheetTitle,{className:"sr-only",children:"Navigation"}),e.jsx(m.SheetDescription,{className:"sr-only",children:"Application navigation menu"}),e.jsx("nav",{"aria-label":"Application navigation",className:"flex flex-col h-full",children:e.jsx(A,{compact:!1,onAfterNavClick:()=>C(!1),...T})})]}),e.jsxs("div",{className:"flex flex-1 flex-col min-w-0 overflow-hidden",children:[e.jsx(L,{breadcrumbs:n,onHelpClick:y,headerActions:d,mobileTrigger:e.jsx(m.SheetTrigger,{asChild:!0,children:e.jsx(D.Button,{variant:"ghost",size:"icon","aria-label":"Open navigation menu",className:"md:hidden w-7 h-7 shrink-0 text-muted-foreground",children:e.jsx(N.Menu,{className:"w-4 h-4"})})})}),e.jsxs("div",{className:"flex flex-1 min-h-0 overflow-hidden",children:[j,e.jsx("main",{"data-slot":"data-app-shell-content",className:"flex-1 overflow-auto bg-background",children:g})]})]})]})})}exports.DataAppShell=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),S=require("lucide-react"),re=require("react"),E=require("./CollapseButton.cjs"),y=require("./PrimaryNav.cjs"),se=require("./ShellContext.cjs"),te=require("../tdp-link.cjs"),ne=require("../TopBar/TopBar.cjs"),h=require("../../ui/breadcrumb.cjs"),I=require("../../ui/button.cjs"),f=require("../../ui/dropdown-menu.cjs"),j=require("../../ui/sheet.cjs"),T=require("../../../lib/utils.cjs");function le(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(a,s,t.get?t:{enumerable:!0,get:()=>r[s]})}}return a.default=r,Object.freeze(a)}const c=le(re);function v({appName:r,appFullName:a,appIcon:s,version:t,onAppNameClick:n,backToPlatformPath:l,onBackToPlatform:u,compact:o,menuSide:d="right"}){return e.jsxs(f.DropdownMenu,{modal:!1,children:[e.jsx(f.DropdownMenuTrigger,{asChild:!0,children:e.jsxs("button",{type:"button",className:T.cn("cursor-pointer bg-transparent border-none p-0",!o&&"flex items-center gap-3 w-full text-left"),children:[e.jsx("span",{className:T.cn("flex items-center justify-center rounded-lg bg-sidebar-accent border border-sidebar-border font-bold text-foreground shrink-0 w-8 h-8 text-[10px]"),children:s??r}),!o&&e.jsx("span",{className:"text-sm font-semibold text-foreground truncate leading-snug",children:a??r})]})}),e.jsxs(f.DropdownMenuContent,{side:d,align:"start",className:"min-w-[220px]",children:[e.jsxs(f.DropdownMenuItem,{className:"gap-3 px-3 py-2.5",onSelect:()=>n?.(),children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-sidebar-accent border border-sidebar-border flex items-center justify-center shrink-0",children:e.jsx("span",{className:"text-[10px] font-bold text-foreground",children:s??r})}),e.jsxs("div",{className:"flex flex-col min-w-0",children:[e.jsx("span",{className:"text-sm font-semibold text-foreground truncate",children:a??r}),t&&e.jsx("span",{className:"text-[10px] text-muted-foreground/70 font-mono leading-none mt-0.5",children:t})]})]}),e.jsx(f.DropdownMenuSeparator,{}),e.jsx(f.DropdownMenuItem,{className:"gap-2.5 p-0",asChild:!0,children:l?e.jsxs(te.TDPLink,{path:l,navigationOptions:{newTab:!1},className:"flex items-center gap-2.5 w-full px-2 py-1.5 !no-underline hover:!no-underline",children:[e.jsx(S.ArrowLeft,{className:"w-4 h-4 text-muted-foreground"}),"Back to TDP Platform"]}):e.jsxs("button",{type:"button",className:"flex items-center gap-2.5 w-full px-2 py-1.5 bg-transparent border-none cursor-pointer",onClick:u,children:[e.jsx(S.ArrowLeft,{className:"w-4 h-4 text-muted-foreground"}),"Back to TDP Platform"]})})]})]})}function G({appName:r,appFullName:a,appIcon:s,version:t,navGroups:n,onAppNameClick:l,backToPlatformPath:u,onBackToPlatform:o,userMenu:d,compact:m,onAfterNavClick:x}){return e.jsx(y.DataAppShellPrimaryNav,{variant:m?"rail":"sidebar","aria-label":"Application navigation",navGroups:n,onSelect:()=>x?.(),header:e.jsx(v,{appName:r,appFullName:a,appIcon:s,version:t,onAppNameClick:l,backToPlatformPath:u,onBackToPlatform:o,compact:m}),user:d,className:"h-full w-full"})}function ie(r){return e.jsx("div",{"data-slot":"data-app-sidebar-rail",className:"hidden md:flex w-12 flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50",children:e.jsx(G,{compact:!0,...r})})}function oe({collapsed:r,onCollapsedChange:a,...s}){const{appName:t,appFullName:n,appIcon:l,version:u,onAppNameClick:o,backToPlatformPath:d,onBackToPlatform:m}=s,x={appName:t,appFullName:n,appIcon:l,version:u,onAppNameClick:o,backToPlatformPath:d,onBackToPlatform:m};return r?e.jsx("div",{"data-slot":"data-app-sidebar-rail","data-collapsed":"true",className:"hidden md:flex w-12 flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50",children:e.jsx(y.DataAppShellPrimaryNav,{variant:"rail","aria-label":"Application navigation",navGroups:s.navGroups,header:e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(v,{...x,compact:!0}),e.jsx(E.ShellCollapseButton,{direction:"right",label:"Expand navigation",onClick:()=>a(!1)})]}),user:s.userMenu,className:"h-full w-full"})}):e.jsx("div",{"data-slot":"data-app-sidebar","data-collapsed":"false",className:"hidden md:flex w-[220px] flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50",children:e.jsx(y.DataAppShellPrimaryNav,{variant:"sidebar","aria-label":"Application navigation",navGroups:s.navGroups,header:e.jsxs("div",{className:"flex items-center gap-2 w-full min-w-0",children:[e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx(v,{...x,compact:!1})}),e.jsx(E.ShellCollapseButton,{direction:"left",label:"Collapse navigation",onClick:()=>a(!0)})]}),user:s.userMenu,className:"h-full w-full"})})}function de({items:r}){return e.jsx(h.Breadcrumb,{className:"min-w-0",children:e.jsx(h.BreadcrumbList,{className:"flex-nowrap min-w-0",children:r.map((a,s)=>{const t=s===r.length-1,n=!t&&(!!a.href||!!a.onClick),l=t?"min-w-0":"shrink-0";return e.jsxs(c.Fragment,{children:[s>0&&e.jsx(h.BreadcrumbSeparator,{className:"shrink-0",children:"/"}),e.jsx(h.BreadcrumbItem,{className:l,children:t?e.jsx(h.BreadcrumbPage,{className:"truncate",children:a.label}):n&&a.href?e.jsx(h.BreadcrumbLink,{href:a.href,className:"whitespace-nowrap",children:a.label}):n&&a.onClick?e.jsx("button",{type:"button",className:"text-sm text-primary hover:underline cursor-pointer bg-transparent border-none p-0 font-normal whitespace-nowrap",onClick:a.onClick,children:a.label}):e.jsx("span",{className:"text-sm text-muted-foreground whitespace-nowrap",children:a.label})})]},`${a.label}-${s}`)})})})}function ce({breadcrumbs:r=[],headerLeft:a,headerCenter:s,headerActions:t,mobileTrigger:n}){return e.jsx(ne.TopBar,{"data-slot":"data-app-top-nav",left:e.jsxs(e.Fragment,{children:[n&&e.jsx("div",{className:"shrink-0",children:n}),e.jsx(de,{items:r}),a!=null&&e.jsx("div",{className:"shrink-0",children:a})]}),center:s,right:t})}function ue({appName:r,appFullName:a,appIcon:s,version:t,navGroups:n,onAppNameClick:l,backToPlatformPath:u,onBackToPlatform:o,userMenu:d,breadcrumbs:m=[],headerLeft:x,headerCenter:H,headerActions:F,navVariant:b="vertical",primaryNav:$="rail",sidebarPanel:_,secondaryBar:R,rightPanel:J,showNavRail:K=!0,showTopBar:Q=!0,collapsed:g,defaultCollapsed:U=!1,onCollapsedChange:w,hideNavOnCollapse:C=!1,autoCollapse:A="(max-width: 1023px)",children:W,className:X}){const[Y,O]=c.useState(!1),[Z,D]=c.useState(U),p=g??Z,P=c.useRef(p);P.current=p;const N=c.useRef(!1),B=c.useCallback(i=>{N.current=!1,g===void 0&&D(i),w?.(i)},[g,w]),M=c.useRef(i=>{});M.current=i=>{i&&!P.current?(g===void 0&&D(!0),w?.(!0),N.current=!0):!i&&N.current&&(N.current=!1,g===void 0&&D(!1),w?.(!1))},c.useEffect(()=>{if(A===!1||b!=="vertical")return;const i=window.matchMedia(A);M.current(i.matches);const z=ae=>M.current(ae.matches);return i.addEventListener("change",z),()=>i.removeEventListener("change",z)},[A,b]);const k={appName:r,appFullName:a,appIcon:s,version:t,navGroups:n,onAppNameClick:l,backToPlatformPath:u,onBackToPlatform:o,userMenu:d},q=b==="vertical",L=q&&$==="sidebar",V=!K||C&&p&&!L,ee=q?"grid h-screen w-full overflow-hidden [grid-template-columns:auto_auto_minmax(0,1fr)] [grid-template-rows:auto_auto_minmax(0,1fr)] [grid-template-areas:'nav_top_top'_'nav_sub_sub'_'nav_side_body']":"grid h-screen w-full overflow-hidden [grid-template-columns:auto_minmax(0,1fr)] [grid-template-rows:auto_auto_auto_minmax(0,1fr)] [grid-template-areas:'pnav_pnav'_'top_top'_'sub_sub'_'side_body']";return e.jsx(se.DataAppShellProvider,{value:{navVariant:b,collapsed:p,setCollapsed:B,hideNavOnCollapse:C},children:e.jsx(j.Sheet,{open:Y,onOpenChange:O,children:e.jsxs("div",{"data-slot":"data-app-shell","data-nav-variant":b,"data-collapsed":p||void 0,className:T.cn(ee,X),children:[!V&&(q?e.jsx("div",{className:"[grid-area:nav] min-h-0",children:L?e.jsx(oe,{collapsed:p,onCollapsedChange:B,...k}):e.jsx(ie,{...k})}):e.jsx("div",{className:"[grid-area:pnav] hidden md:block border-b border-sidebar-border bg-sidebar px-3 py-1.5",children:e.jsx(y.DataAppShellPrimaryNav,{variant:"top","aria-label":"Application navigation",navGroups:n,header:e.jsx(v,{...k,compact:!0,menuSide:"bottom"}),user:d})})),C&&p&&!_&&e.jsx(I.Button,{"data-slot":"data-app-shell-expand-fab",variant:"outline",size:"icon-sm","aria-label":"Expand navigation",className:"absolute left-2 top-2 z-50 shadow-elevation-2",onClick:()=>B(!1),children:e.jsx(S.ChevronRight,{className:"w-4 h-4"})}),e.jsxs(j.SheetContent,{side:"left",showCloseButton:!1,className:"p-0 bg-sidebar border-r border-sidebar-border data-[side=left]:w-[220px] data-[side=left]:sm:w-[220px] data-[side=left]:sm:max-w-[220px] flex flex-col",children:[e.jsx(j.SheetTitle,{className:"sr-only",children:"Navigation"}),e.jsx(j.SheetDescription,{className:"sr-only",children:"Application navigation menu"}),e.jsx(G,{compact:!1,onAfterNavClick:()=>O(!1),...k})]}),_&&e.jsx("div",{className:"[grid-area:side] min-h-0 flex",children:_}),Q&&e.jsx("div",{className:"[grid-area:top] min-w-0",children:e.jsx(ce,{breadcrumbs:m,headerLeft:x,headerCenter:H,headerActions:F,mobileTrigger:e.jsx(j.SheetTrigger,{asChild:!0,children:e.jsx(I.Button,{variant:"ghost",size:"icon","aria-label":"Open navigation menu",className:"md:hidden w-7 h-7 shrink-0 text-muted-foreground",children:e.jsx(S.Menu,{className:"w-4 h-4"})})})})}),R&&e.jsx("div",{className:"[grid-area:sub] min-w-0",children:R}),e.jsxs("div",{className:"[grid-area:body] relative flex min-h-0 min-w-0 overflow-hidden",children:[e.jsx("main",{"data-slot":"data-app-shell-content",className:"flex-1 min-w-0 overflow-auto bg-background",children:W}),J]})]})})})}exports.AppHeaderMenu=v;exports.DataAppShell=ue;
 //# sourceMappingURL=DataAppShell.cjs.map

package/dist/components/composed/DataAppShell/DataAppShell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataAppShell.cjs","sources":["../../../../src/components/composed/DataAppShell/DataAppShell.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport {\n  ArrowLeft,\n  HelpCircle,\n  Menu,\n  type LucideIcon,\n} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { TDPLink } from \"@/components/composed/tdp-link\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface NavPage {\n  /** Unique identifier */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Lucide icon or custom React SVG component */\n  icon?: LucideIcon | React.FC<React.SVGProps<SVGSVGElement>>;\n  /** Whether this page is currently active */\n  isActive?: boolean;\n  /** Click handler */\n  onClick?: () => void;\n}\n\nexport interface NavGroup {\n  /** Optional group label shown as a section header in expanded nav */\n  label?: string;\n  /** Page entries in this group */\n  pages: NavPage[];\n}\n\nexport interface BreadcrumbItemConfig {\n  /** Display label */\n  label: string;\n  /** If provided, renders as a link */\n  href?: string;\n  /** Click handler (used when no href is provided) */\n  onClick?: () => void;\n}\n\nexport interface DataAppShellProps {\n  // -- Sidebar --\n  /** Application name/abbreviation shown in the logo button */\n  appName: string;\n  /** Full application name shown in the app dropdown and mobile nav header */\n  appFullName?: string;\n  /** Custom icon element shown in the logo area */\n  appIcon?: React.ReactNode;\n  /** Optional version string shown below the app name/icon in the sidebar header */\n  version?: string;\n  /** Navigation groups; each group contains one or more pages */\n  navGroups: NavGroup[];\n  /** Callback when the app name / icon is clicked in the dropdown */\n  onAppNameClick?: () => void;\n  /** TDP path to navigate to when \"Back to TDP Platform\" is clicked (uses TDPLink — requires TdpNavigationProvider) */\n  backToPlatformPath?: string;\n  /** Fallback callback when \"Back to TDP Platform\" is clicked and no backToPlatformPath is set */\n  onBackToPlatform?: () => void;\n  /** Slot rendered at the bottom of the sidebar (e.g. user avatar + menu) */\n  userMenu?: React.ReactNode;\n\n  // -- Top nav --\n  /** Breadcrumb items from root to current page */\n  breadcrumbs?: BreadcrumbItemConfig[];\n  /** Callback when the help button is clicked; omit to hide the button */\n  onHelpClick?: () => void;\n  /** Slot for right-side actions in the top nav (e.g. data count pills, next button) */\n  headerActions?: React.ReactNode;\n\n  // -- Shell --\n  /** Slot rendered between the icon rail and the content (e.g. WorkflowPanel) */\n  sidebarPanel?: React.ReactNode;\n  /** Show the desktop icon nav rail. Set false to reclaim width when the panel is collapsed. */\n  showNavRail?: boolean; // default true\n  /** Main content area */\n  children: React.ReactNode;\n  /** Additional className for the root container */\n  className?: string;\n}\n\n// =============================================================================\n// Sidebar shared body (used by desktop rail + mobile Sheet)\n// =============================================================================\n\ninterface SidebarBodyProps\n  extends Pick<\n    DataAppShellProps,\n    | \"appName\"\n    | \"appFullName\"\n    | \"appIcon\"\n    | \"version\"\n    | \"navGroups\"\n    | \"onAppNameClick\"\n    | \"backToPlatformPath\"\n    | \"onBackToPlatform\"\n    | \"userMenu\"\n  > {\n  /**\n   * compact=true  → narrow icon rail (48px): icon-only nav buttons, tooltips on hover\n   * compact=false → expanded mobile sheet (220px): icon + label side-by-side rows\n   */\n  compact: boolean;\n  /** Called after a nav page item is clicked — used by mobile sheet to close itself */\n  onAfterNavClick?: () => void;\n}\n\nconst pageIconVariants = cva(\n  \"flex items-center justify-center rounded-lg transition-colors duration-150\",\n  {\n    variants: {\n      active: {\n        true: \"bg-primary/10\",\n        false: \"bg-transparent\",\n      },\n      compact: {\n        true: \"w-[30px] h-[30px] hover:bg-accent\",\n        false: \"w-8 h-8\",\n      },\n    },\n    defaultVariants: { active: false, compact: true },\n  }\n);\n\nfunction SidebarBody({\n  appName,\n  appFullName,\n  appIcon,\n  version,\n  navGroups,\n  onAppNameClick,\n  backToPlatformPath,\n  onBackToPlatform,\n  userMenu,\n  compact,\n  onAfterNavClick,\n}: SidebarBodyProps) {\n  return (\n    <TooltipProvider>\n      {/* ── Header: app icon / name + version ──────────────────────────────── */}\n      <div\n        className={cn(\n          \"shrink-0 flex\",\n          compact ? \"justify-center pt-1 pb-2\" : \"px-3 py-2.5 border-b border-sidebar-border\"\n        )}\n      >\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <button\n              type=\"button\"\n              className={cn(\n                \"cursor-pointer bg-transparent border-none p-0\",\n                !compact && \"flex items-center gap-3 w-full text-left\"\n              )}\n            >\n              {/* Icon */}\n              <span\n                className={cn(\n                  \"flex items-center justify-center rounded-lg bg-sidebar-accent border border-sidebar-border font-bold text-foreground shrink-0 w-8 h-8 text-[10px]\"\n                )}\n              >\n                {appIcon ?? appName}\n              </span>\n\n              {/* Name (expanded only — no version here) */}\n              {!compact && (\n                <span className=\"text-sm font-semibold text-foreground truncate leading-snug\">\n                  {appFullName ?? appName}\n                </span>\n              )}\n            </button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent side=\"right\" align=\"start\" className=\"min-w-[220px]\">\n            <div\n              className=\"flex items-center gap-3 px-3 py-2.5 cursor-pointer\"\n              onClick={onAppNameClick}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\") onAppNameClick?.();\n              }}\n            >\n              <div className=\"w-8 h-8 rounded-lg bg-sidebar-accent border border-sidebar-border flex items-center justify-center shrink-0\">\n                <span className=\"text-[10px] font-bold text-foreground\">\n                  {appIcon ?? appName}\n                </span>\n              </div>\n              <div className=\"flex flex-col min-w-0\">\n                <span className=\"text-sm font-semibold text-foreground truncate\">\n                  {appFullName ?? appName}\n                </span>\n                {version && (\n                  <span className=\"text-[10px] text-muted-foreground/70 font-mono leading-none mt-0.5\">\n                    {version}\n                  </span>\n                )}\n              </div>\n            </div>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem className=\"gap-2.5 p-0\" asChild>\n              {backToPlatformPath ? (\n                <TDPLink\n                  path={backToPlatformPath}\n                  navigationOptions={{ newTab: false }}\n                  className=\"flex items-center gap-2.5 w-full px-2 py-1.5 !no-underline hover:!no-underline\"\n                >\n                  <ArrowLeft className=\"w-4 h-4 text-muted-foreground\" />\n                  Back to TDP Platform\n                </TDPLink>\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"flex items-center gap-2.5 w-full px-2 py-1.5 bg-transparent border-none cursor-pointer\"\n                  onClick={onBackToPlatform}\n                >\n                  <ArrowLeft className=\"w-4 h-4 text-muted-foreground\" />\n                  Back to TDP Platform\n                </button>\n              )}\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n\n      {/* Collapsed: short centered divider aligned under the icon column\n          (matches the nav-group dividers). Expanded uses the header's border-b. */}\n      {compact && <div className=\"shrink-0 mx-auto w-8 border-t border-sidebar-border\" />}\n\n      {/* ── Nav groups ──────────────────────────────────────────────────────── */}\n      <div\n        className={cn(\n          \"flex-1 min-h-0\",\n          compact\n            ? \"flex flex-col items-center gap-1 px-2 pt-3 overflow-y-auto\"\n            : \"flex flex-col py-2 overflow-y-auto\"\n        )}\n      >\n        {navGroups.map((group, groupIndex) => (\n          <React.Fragment key={`${groupIndex}-${group.label ?? \"\"}`}>\n            {groupIndex > 0 && (\n              <div\n                className={cn(\n                  \"border-t border-sidebar-border\",\n                  compact ? \"w-8 my-2\" : \"mx-3 my-1\"\n                )}\n              />\n            )}\n            {!compact && group.label && (\n              <span className=\"px-3 py-1 text-[10px] uppercase tracking-widest text-muted-foreground/60 font-semibold\">\n                {group.label}\n              </span>\n            )}\n            <div\n              className={cn(\n                \"flex flex-col\",\n                compact ? \"items-center gap-3 w-full\" : \"gap-0.5\"\n              )}\n            >\n              {group.pages.map((page) => {\n                const Icon = page.icon;\n                const iconEl = Icon ? (\n                  <Icon\n                    className={cn(\n                      \"w-4 h-4\",\n                      page.isActive ? \"text-primary\" : \"text-muted-foreground\"\n                    )}\n                  />\n                ) : (\n                  <div\n                    className={cn(\n                      \"w-2 h-2 rounded-full\",\n                      page.isActive ? \"bg-primary\" : \"bg-muted-foreground/40\"\n                    )}\n                  />\n                );\n\n                const handleClick = () => {\n                  page.onClick?.();\n                  onAfterNavClick?.();\n                };\n\n                if (compact) {\n                  return (\n                    <Tooltip key={page.id}>\n                      <TooltipTrigger asChild>\n                        <button\n                          type=\"button\"\n                          aria-label={page.label}\n                          className=\"flex flex-col items-center cursor-pointer bg-transparent border-none p-0 w-full\"\n                          onClick={handleClick}\n                        >\n                          <div className={cn(pageIconVariants({ active: page.isActive ?? false, compact: true }))}>\n                            {iconEl}\n                          </div>\n                        </button>\n                      </TooltipTrigger>\n                      <TooltipContent side=\"right\">{page.label}</TooltipContent>\n                    </Tooltip>\n                  );\n                }\n\n                // Expanded (mobile) row\n                return (\n                  <button\n                    key={page.id}\n                    type=\"button\"\n                    className={cn(\n                      \"flex items-center gap-3 w-full px-3 py-2 text-sm cursor-pointer bg-transparent border-none text-left transition-colors duration-150 rounded-md mx-1\",\n                      page.isActive\n                        ? \"bg-sidebar-accent text-sidebar-foreground font-medium\"\n                        : \"text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground\"\n                    )}\n                    onClick={handleClick}\n                  >\n                    <div className={cn(pageIconVariants({ active: page.isActive ?? false, compact: false }))}>\n                      {iconEl}\n                    </div>\n                    <span>{page.label}</span>\n                  </button>\n                );\n              })}\n            </div>\n          </React.Fragment>\n        ))}\n      </div>\n\n      {/* ── Bottom: user menu slot ──────────────────────────────────────────── */}\n      {userMenu && (\n        <>\n          {/* Collapsed: short centered divider aligned under the icon column.\n              Expanded uses the full-width border on the wrapper below. */}\n          {compact && (\n            <div className=\"shrink-0 mx-auto w-8 border-t border-sidebar-border\" />\n          )}\n          <div\n            className={cn(\n              \"shrink-0\",\n              compact\n                ? \"flex flex-col items-center py-2\"\n                : \"p-2 border-t border-sidebar-border\"\n            )}\n          >\n            {userMenu}\n          </div>\n        </>\n      )}\n    </TooltipProvider>\n  );\n}\n\n// =============================================================================\n// Icon rail sidebar (desktop only — hidden on mobile)\n// =============================================================================\n\nfunction IconRailSidebar(props: Omit<SidebarBodyProps, \"compact\" | \"onAfterNavClick\">) {\n  return (\n    <nav\n      data-slot=\"data-app-sidebar-rail\"\n      aria-label=\"Application navigation\"\n      className=\"hidden md:flex w-12 flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50\"\n    >\n      <SidebarBody compact {...props} />\n    </nav>\n  );\n}\n\n// =============================================================================\n// Top nav\n// =============================================================================\n\nfunction TopNav({\n  breadcrumbs = [],\n  onHelpClick,\n  headerActions,\n  mobileTrigger,\n}: {\n  breadcrumbs?: BreadcrumbItemConfig[];\n  onHelpClick?: () => void;\n  headerActions?: React.ReactNode;\n  mobileTrigger?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"data-app-top-nav\"\n      className=\"flex items-center h-10 px-3 bg-sidebar border-b border-sidebar-border sticky top-0 z-40 w-full gap-2\"\n    >\n      {/* Mobile hamburger (hidden on md+) */}\n      {mobileTrigger}\n\n      {/* Left: Breadcrumbs */}\n      <Breadcrumb className=\"flex-1 min-w-0\">\n        <BreadcrumbList>\n          {breadcrumbs.map((item, index) => {\n            const isLast = index === breadcrumbs.length - 1;\n            const isClickable = !isLast && (!!item.href || !!item.onClick);\n            return (\n              <React.Fragment key={`${item.label}-${index}`}>\n                {index > 0 && <BreadcrumbSeparator>/</BreadcrumbSeparator>}\n                <BreadcrumbItem>\n                  {isLast ? (\n                    <BreadcrumbPage>{item.label}</BreadcrumbPage>\n                  ) : isClickable && item.href ? (\n                    <BreadcrumbLink href={item.href}>{item.label}</BreadcrumbLink>\n                  ) : isClickable && item.onClick ? (\n                    <button\n                      type=\"button\"\n                      className=\"text-sm text-primary hover:underline cursor-pointer bg-transparent border-none p-0 font-normal\"\n                      onClick={item.onClick}\n                    >\n                      {item.label}\n                    </button>\n                  ) : (\n                    <span className=\"text-sm text-muted-foreground\">{item.label}</span>\n                  )}\n                </BreadcrumbItem>\n              </React.Fragment>\n            );\n          })}\n        </BreadcrumbList>\n      </Breadcrumb>\n\n      {/* Right: header actions + help */}\n      <div className=\"flex items-center gap-2 shrink-0\">\n        {headerActions}\n\n        {onHelpClick && (\n          <TooltipProvider>\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  className=\"w-7 h-7 text-muted-foreground\"\n                  onClick={onHelpClick}\n                  aria-label=\"Help\"\n                >\n                  <HelpCircle className=\"w-4 h-4\" />\n                </Button>\n              </TooltipTrigger>\n              <TooltipContent side=\"bottom\">Help</TooltipContent>\n            </Tooltip>\n          </TooltipProvider>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// =============================================================================\n// DataAppShell\n// =============================================================================\n\nfunction DataAppShell({\n  appName,\n  appFullName,\n  appIcon,\n  version,\n  navGroups,\n  onAppNameClick,\n  backToPlatformPath,\n  onBackToPlatform,\n  userMenu,\n  breadcrumbs = [],\n  onHelpClick,\n  headerActions,\n  sidebarPanel,\n  showNavRail = true,\n  children,\n  className,\n}: DataAppShellProps) {\n  const [mobileNavOpen, setMobileNavOpen] = React.useState(false);\n\n  const sidebarProps = {\n    appName,\n    appFullName,\n    appIcon,\n    version,\n    navGroups,\n    onAppNameClick,\n    backToPlatformPath,\n    onBackToPlatform,\n    userMenu,\n  };\n\n  return (\n    <Sheet open={mobileNavOpen} onOpenChange={setMobileNavOpen}>\n      <div\n        data-slot=\"data-app-shell\"\n        className={cn(\"flex flex-row w-full h-screen overflow-hidden\", className)}\n      >\n        {/* Desktop icon rail (hidden on mobile, or when showNavRail is false) */}\n        {showNavRail && <IconRailSidebar {...sidebarProps} />}\n\n        {/* Mobile sidebar Sheet */}\n        <SheetContent\n          side=\"left\"\n          showCloseButton={false}\n          className=\"p-0 bg-sidebar border-r border-sidebar-border data-[side=left]:w-[220px] data-[side=left]:sm:w-[220px] data-[side=left]:sm:max-w-[220px] flex flex-col\"\n        >\n          <SheetTitle className=\"sr-only\">Navigation</SheetTitle>\n          <SheetDescription className=\"sr-only\">\n            Application navigation menu\n          </SheetDescription>\n          <nav aria-label=\"Application navigation\" className=\"flex flex-col h-full\">\n            <SidebarBody\n              compact={false}\n              onAfterNavClick={() => setMobileNavOpen(false)}\n              {...sidebarProps}\n            />\n          </nav>\n        </SheetContent>\n\n        {/* Right: top nav + panel + content */}\n        <div className=\"flex flex-1 flex-col min-w-0 overflow-hidden\">\n          <TopNav\n            breadcrumbs={breadcrumbs}\n            onHelpClick={onHelpClick}\n            headerActions={headerActions}\n            mobileTrigger={\n              <SheetTrigger asChild>\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  aria-label=\"Open navigation menu\"\n                  className=\"md:hidden w-7 h-7 shrink-0 text-muted-foreground\"\n                >\n                  <Menu className=\"w-4 h-4\" />\n                </Button>\n              </SheetTrigger>\n            }\n          />\n\n          <div className=\"flex flex-1 min-h-0 overflow-hidden\">\n            {/* Sidebar panel slot (e.g. WorkflowPanel) */}\n            {sidebarPanel}\n\n            {/* Content area */}\n            <main\n              data-slot=\"data-app-shell-content\"\n              className=\"flex-1 overflow-auto bg-background\"\n            >\n              {children}\n            </main>\n          </div>\n        </div>\n      </div>\n    </Sheet>\n  );\n}\n\nexport default DataAppShell;\nexport { DataAppShell };\n"],"names":["pageIconVariants","cva","SidebarBody","appName","appFullName","appIcon","version","navGroups","onAppNameClick","backToPlatformPath","onBackToPlatform","userMenu","compact","onAfterNavClick","TooltipProvider","jsx","cn","DropdownMenu","DropdownMenuTrigger","jsxs","DropdownMenuContent","e","DropdownMenuSeparator","DropdownMenuItem","TDPLink","ArrowLeft","group","groupIndex","React","page","Icon","iconEl","handleClick","Tooltip","TooltipTrigger","TooltipContent","Fragment","IconRailSidebar","props","TopNav","breadcrumbs","onHelpClick","headerActions","mobileTrigger","Breadcrumb","BreadcrumbList","item","index","isLast","isClickable","BreadcrumbSeparator","BreadcrumbItem","BreadcrumbPage","BreadcrumbLink","Button","HelpCircle","DataAppShell","sidebarPanel","showNavRail","children","className","mobileNavOpen","setMobileNavOpen","sidebarProps","Sheet","SheetContent","SheetTitle","SheetDescription","SheetTrigger","Menu"],"mappings":"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"}
+{"version":3,"file":"DataAppShell.cjs","sources":["../../../../src/components/composed/DataAppShell/DataAppShell.tsx"],"sourcesContent":["import { ArrowLeft, ChevronRight, Menu } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { ShellCollapseButton } from \"./CollapseButton\";\nimport { DataAppShellPrimaryNav } from \"./PrimaryNav\";\nimport { DataAppShellProvider, type DataAppShellNavVariant } from \"./ShellContext\";\n\nimport type { NavGroup } from \"./PrimaryNav\";\n\nimport { TDPLink } from \"@/components/composed/tdp-link\";\nimport { TopBar } from \"@/components/composed/TopBar\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\";\nimport { cn } from \"@/lib/utils\";\n\n// =============================================================================\n// Types\n// =============================================================================\n\n// Nav item types live with the nav engine — re-exported here for back-compat.\nexport type { NavPage, NavGroup } from \"./PrimaryNav\";\n\nexport interface BreadcrumbItemConfig {\n  /** Display label */\n  label: string;\n  /** If provided, renders as a link */\n  href?: string;\n  /** Click handler (used when no href is provided) */\n  onClick?: () => void;\n}\n\nexport interface DataAppShellProps {\n  // -- Sidebar --\n  /** Application name/abbreviation shown in the logo button */\n  appName: string;\n  /** Full application name shown in the app dropdown and mobile nav header */\n  appFullName?: string;\n  /** Custom icon element shown in the logo area */\n  appIcon?: React.ReactNode;\n  /** Optional version string shown below the app name/icon in the sidebar header */\n  version?: string;\n  /** Navigation groups; each group contains one or more pages */\n  navGroups: NavGroup[];\n  /** Callback when the app name / icon is clicked in the dropdown */\n  onAppNameClick?: () => void;\n  /** TDP path to navigate to when \"Back to TDP Platform\" is clicked (uses TDPLink — requires TdpNavigationProvider) */\n  backToPlatformPath?: string;\n  /** Fallback callback when \"Back to TDP Platform\" is clicked and no backToPlatformPath is set */\n  onBackToPlatform?: () => void;\n  /** Slot rendered at the bottom of the sidebar (e.g. user avatar + menu) */\n  userMenu?: React.ReactNode;\n\n  // -- Top nav --\n  /** Breadcrumb items from root to current page */\n  breadcrumbs?: BreadcrumbItemConfig[];\n  /** Slot rendered after the breadcrumbs in the top bar's left group\n   *  (e.g. a collapsed horizontal workflow's step dropdown) */\n  headerLeft?: React.ReactNode;\n  /** Center \"context\" slot in the top bar (e.g. a version / status selector) */\n  headerCenter?: React.ReactNode;\n  /** Slot for right-side actions in the top nav (e.g. data count pills, next button) */\n  headerActions?: React.ReactNode;\n\n  // -- Shell zones --\n  /** Primary nav axis — `vertical` (sidebar/rail, default) or `horizontal` (top nav row) */\n  navVariant?: DataAppShellNavVariant;\n  /**\n   * Vertical primary nav presentation:\n   * - `rail` (default) — permanent 48px icon-only rail.\n   * - `sidebar` — collapsible 220px sidebar with labels; its brand-row chevron\n   *   collapses it to an icon rail (with an expand chevron under the logo),\n   *   driven by the shell's `collapsed` state.\n   */\n  primaryNav?: \"rail\" | \"sidebar\";\n  /** Slot rendered between the primary nav and the content (e.g. a vertical `DataAppShellSecondaryNav`) */\n  sidebarPanel?: React.ReactNode;\n  /** Full-width zone between the top bar and the content row (e.g. a horizontal `DataAppShellSecondaryNav`) */\n  secondaryBar?: React.ReactNode;\n  /** Slot rendered after the content (e.g. a DataAppShellRightPanel) — its FAB anchors to the content row */\n  rightPanel?: React.ReactNode;\n  /** Show the primary nav zone. Set false to hide it entirely. */\n  showNavRail?: boolean; // default true\n  /** Show the top bar zone. Set false to hide it entirely. */\n  showTopBar?: boolean; // default true\n\n  // -- Collapse (vertical nav only) --\n  /** Controlled collapse state — drives the secondary zone (via ShellContext)\n   *  and, with `hideNavOnCollapse`, the primary rail */\n  collapsed?: boolean;\n  /** Uncontrolled initial collapse state */\n  defaultCollapsed?: boolean;\n  /** Called whenever the shell collapse state flips */\n  onCollapsedChange?: (collapsed: boolean) => void;\n  /** Collapsing also hides the primary rail, leaving one icon rail (the secondary\n   *  nav) with an expand affordance — or a floating expand button if there is none. */\n  hideNavOnCollapse?: boolean;\n  /** Media query that auto-collapses the shell while it matches.\n   *  Pass `false` to disable. Defaults to `\"(max-width: 1023px)\"`. */\n  autoCollapse?: string | false;\n\n  /** Main content area */\n  children: React.ReactNode;\n  /** Additional className for the root container */\n  className?: string;\n}\n\n// =============================================================================\n// Sidebar shared body (used by desktop rail + mobile Sheet)\n// =============================================================================\n\ninterface SidebarBodyProps\n  extends Pick<\n    DataAppShellProps,\n    | \"appName\"\n    | \"appFullName\"\n    | \"appIcon\"\n    | \"version\"\n    | \"navGroups\"\n    | \"onAppNameClick\"\n    | \"backToPlatformPath\"\n    | \"onBackToPlatform\"\n    | \"userMenu\"\n  > {\n  /**\n   * compact=true  → narrow icon rail (48px): icon-only nav buttons, tooltips on hover\n   * compact=false → expanded mobile sheet (220px): icon + label side-by-side rows\n   */\n  compact: boolean;\n  /** Called after a nav page item is clicked — used by mobile sheet to close itself */\n  onAfterNavClick?: () => void;\n}\n\n// =============================================================================\n// App header menu — logo/name button opening the app dropdown\n// =============================================================================\n\ninterface AppHeaderMenuProps\n  extends Pick<\n    DataAppShellProps,\n    | \"appName\"\n    | \"appFullName\"\n    | \"appIcon\"\n    | \"version\"\n    | \"onAppNameClick\"\n    | \"backToPlatformPath\"\n    | \"onBackToPlatform\"\n  > {\n  /** compact=true → icon-only trigger (rail); compact=false → icon + name row */\n  compact: boolean;\n  /** Which side of the trigger the dropdown opens on — `right` beside a rail, `bottom` under a top bar */\n  menuSide?: \"right\" | \"bottom\";\n}\n\nfunction AppHeaderMenu({\n  appName,\n  appFullName,\n  appIcon,\n  version,\n  onAppNameClick,\n  backToPlatformPath,\n  onBackToPlatform,\n  compact,\n  menuSide = \"right\",\n}: AppHeaderMenuProps) {\n  return (\n    <DropdownMenu modal={false}>\n          <DropdownMenuTrigger asChild>\n            <button\n              type=\"button\"\n              className={cn(\n                \"cursor-pointer bg-transparent border-none p-0\",\n                !compact && \"flex items-center gap-3 w-full text-left\"\n              )}\n            >\n              {/* Icon */}\n              <span\n                className={cn(\n                  \"flex items-center justify-center rounded-lg bg-sidebar-accent border border-sidebar-border font-bold text-foreground shrink-0 w-8 h-8 text-[10px]\"\n                )}\n              >\n                {appIcon ?? appName}\n              </span>\n\n              {/* Name (expanded only — no version here) */}\n              {!compact && (\n                <span className=\"text-sm font-semibold text-foreground truncate leading-snug\">\n                  {appFullName ?? appName}\n                </span>\n              )}\n            </button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent side={menuSide} align=\"start\" className=\"min-w-[220px]\">\n            <DropdownMenuItem\n              className=\"gap-3 px-3 py-2.5\"\n              onSelect={() => onAppNameClick?.()}\n            >\n              <div className=\"w-8 h-8 rounded-lg bg-sidebar-accent border border-sidebar-border flex items-center justify-center shrink-0\">\n                <span className=\"text-[10px] font-bold text-foreground\">\n                  {appIcon ?? appName}\n                </span>\n              </div>\n              <div className=\"flex flex-col min-w-0\">\n                <span className=\"text-sm font-semibold text-foreground truncate\">\n                  {appFullName ?? appName}\n                </span>\n                {version && (\n                  <span className=\"text-[10px] text-muted-foreground/70 font-mono leading-none mt-0.5\">\n                    {version}\n                  </span>\n                )}\n              </div>\n            </DropdownMenuItem>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem className=\"gap-2.5 p-0\" asChild>\n              {backToPlatformPath ? (\n                <TDPLink\n                  path={backToPlatformPath}\n                  navigationOptions={{ newTab: false }}\n                  className=\"flex items-center gap-2.5 w-full px-2 py-1.5 !no-underline hover:!no-underline\"\n                >\n                  <ArrowLeft className=\"w-4 h-4 text-muted-foreground\" />\n                  Back to TDP Platform\n                </TDPLink>\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"flex items-center gap-2.5 w-full px-2 py-1.5 bg-transparent border-none cursor-pointer\"\n                  onClick={onBackToPlatform}\n                >\n                  <ArrowLeft className=\"w-4 h-4 text-muted-foreground\" />\n                  Back to TDP Platform\n                </button>\n              )}\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n// =============================================================================\n// Sidebar shared body — the PrimaryNav engine with the app header + user slots\n// =============================================================================\n\nfunction SidebarBody({\n  appName,\n  appFullName,\n  appIcon,\n  version,\n  navGroups,\n  onAppNameClick,\n  backToPlatformPath,\n  onBackToPlatform,\n  userMenu,\n  compact,\n  onAfterNavClick,\n}: SidebarBodyProps) {\n  return (\n    <DataAppShellPrimaryNav\n      variant={compact ? \"rail\" : \"sidebar\"}\n      aria-label=\"Application navigation\"\n      navGroups={navGroups}\n      onSelect={() => onAfterNavClick?.()}\n      header={\n        <AppHeaderMenu\n          appName={appName}\n          appFullName={appFullName}\n          appIcon={appIcon}\n          version={version}\n          onAppNameClick={onAppNameClick}\n          backToPlatformPath={backToPlatformPath}\n          onBackToPlatform={onBackToPlatform}\n          compact={compact}\n        />\n      }\n      user={userMenu}\n      className=\"h-full w-full\"\n    />\n  );\n}\n\n// =============================================================================\n// Icon rail sidebar (desktop only — hidden on mobile)\n// =============================================================================\n\nfunction IconRailSidebar(props: Omit<SidebarBodyProps, \"compact\" | \"onAfterNavClick\">) {\n  return (\n    <div\n      data-slot=\"data-app-sidebar-rail\"\n      className=\"hidden md:flex w-12 flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50\"\n    >\n      <SidebarBody compact {...props} />\n    </div>\n  );\n}\n\n// =============================================================================\n// Collapsible primary sidebar (desktop only — hidden on mobile). Expanded, it\n// shows the app name, labelled nav, and a collapse chevron in the brand row;\n// collapsed, it becomes an icon rail with the expand chevron directly under\n// the logo (mirrors the SW-2118 playground).\n// =============================================================================\n\ninterface PrimarySidebarProps extends Omit<SidebarBodyProps, \"compact\" | \"onAfterNavClick\"> {\n  collapsed: boolean;\n  onCollapsedChange: (collapsed: boolean) => void;\n}\n\nfunction PrimarySidebar({ collapsed, onCollapsedChange, ...sidebarProps }: PrimarySidebarProps) {\n  const { appName, appFullName, appIcon, version, onAppNameClick, backToPlatformPath, onBackToPlatform } =\n    sidebarProps;\n  const headerMenuProps = {\n    appName,\n    appFullName,\n    appIcon,\n    version,\n    onAppNameClick,\n    backToPlatformPath,\n    onBackToPlatform,\n  };\n\n  if (collapsed) {\n    return (\n      <div\n        data-slot=\"data-app-sidebar-rail\"\n        data-collapsed=\"true\"\n        className=\"hidden md:flex w-12 flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50\"\n      >\n        <DataAppShellPrimaryNav\n          variant=\"rail\"\n          aria-label=\"Application navigation\"\n          navGroups={sidebarProps.navGroups}\n          header={\n            <div className=\"flex flex-col items-center gap-2\">\n              <AppHeaderMenu {...headerMenuProps} compact />\n              <ShellCollapseButton\n                direction=\"right\"\n                label=\"Expand navigation\"\n                onClick={() => onCollapsedChange(false)}\n              />\n            </div>\n          }\n          user={sidebarProps.userMenu}\n          className=\"h-full w-full\"\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-slot=\"data-app-sidebar\"\n      data-collapsed=\"false\"\n      className=\"hidden md:flex w-[220px] flex-col shrink-0 bg-sidebar border-r border-sidebar-border h-full z-50\"\n    >\n      <DataAppShellPrimaryNav\n        variant=\"sidebar\"\n        aria-label=\"Application navigation\"\n        navGroups={sidebarProps.navGroups}\n        header={\n          <div className=\"flex items-center gap-2 w-full min-w-0\">\n            <div className=\"flex-1 min-w-0\">\n              <AppHeaderMenu {...headerMenuProps} compact={false} />\n            </div>\n            <ShellCollapseButton\n              direction=\"left\"\n              label=\"Collapse navigation\"\n              onClick={() => onCollapsedChange(true)}\n            />\n          </div>\n        }\n        user={sidebarProps.userMenu}\n        className=\"h-full w-full\"\n      />\n    </div>\n  );\n}\n\n// =============================================================================\n// Breadcrumb trail — rendered from the shell's breadcrumb config\n// =============================================================================\n\nfunction TopNavBreadcrumb({ items }: { items: BreadcrumbItemConfig[] }) {\n  return (\n    // min-w-0 lets the trail shrink inside the top bar's flex-1 left group;\n    // flex-nowrap keeps it one line instead of Breadcrumb's default wrap\n    // (which, combined with a squeezed left group, wrapped mid-trail and\n    // pushed the rest of the top bar around — SW-2118).\n    <Breadcrumb className=\"min-w-0\">\n      <BreadcrumbList className=\"flex-nowrap min-w-0\">\n        {items.map((item, index) => {\n          const isLast = index === items.length - 1;\n          const isClickable = !isLast && (!!item.href || !!item.onClick);\n          // Only the current (last) crumb truncates — earlier crumbs keep\n          // their natural width so the trail reads left-to-right.\n          const itemClassName = isLast ? \"min-w-0\" : \"shrink-0\";\n          return (\n            <React.Fragment key={`${item.label}-${index}`}>\n              {index > 0 && <BreadcrumbSeparator className=\"shrink-0\">/</BreadcrumbSeparator>}\n              <BreadcrumbItem className={itemClassName}>\n                {isLast ? (\n                  <BreadcrumbPage className=\"truncate\">{item.label}</BreadcrumbPage>\n                ) : isClickable && item.href ? (\n                  <BreadcrumbLink href={item.href} className=\"whitespace-nowrap\">\n                    {item.label}\n                  </BreadcrumbLink>\n                ) : isClickable && item.onClick ? (\n                  <button\n                    type=\"button\"\n                    className=\"text-sm text-primary hover:underline cursor-pointer bg-transparent border-none p-0 font-normal whitespace-nowrap\"\n                    onClick={item.onClick}\n                  >\n                    {item.label}\n                  </button>\n                ) : (\n                  <span className=\"text-sm text-muted-foreground whitespace-nowrap\">\n                    {item.label}\n                  </span>\n                )}\n              </BreadcrumbItem>\n            </React.Fragment>\n          );\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  );\n}\n\n// =============================================================================\n// Top nav — maps shell props onto the reusable TopBar (left/center/right)\n// =============================================================================\n\nfunction TopNav({\n  breadcrumbs = [],\n  headerLeft,\n  headerCenter,\n  headerActions,\n  mobileTrigger,\n}: {\n  breadcrumbs?: BreadcrumbItemConfig[];\n  headerLeft?: React.ReactNode;\n  headerCenter?: React.ReactNode;\n  headerActions?: React.ReactNode;\n  mobileTrigger?: React.ReactNode;\n}) {\n  return (\n    <TopBar\n      data-slot=\"data-app-top-nav\"\n      left={\n        <>\n          {/* Mobile hamburger (hidden on md+). shrink-0 — only the\n              breadcrumb trail gives up width when the left group is tight. */}\n          {mobileTrigger && <div className=\"shrink-0\">{mobileTrigger}</div>}\n          <TopNavBreadcrumb items={breadcrumbs} />\n          {headerLeft != null && <div className=\"shrink-0\">{headerLeft}</div>}\n        </>\n      }\n      center={headerCenter}\n      right={headerActions}\n    />\n  );\n}\n\n// =============================================================================\n// DataAppShell\n// =============================================================================\n\nfunction DataAppShell({\n  appName,\n  appFullName,\n  appIcon,\n  version,\n  navGroups,\n  onAppNameClick,\n  backToPlatformPath,\n  onBackToPlatform,\n  userMenu,\n  breadcrumbs = [],\n  headerLeft,\n  headerCenter,\n  headerActions,\n  navVariant = \"vertical\",\n  primaryNav = \"rail\",\n  sidebarPanel,\n  secondaryBar,\n  rightPanel,\n  showNavRail = true,\n  showTopBar = true,\n  collapsed: collapsedProp,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  hideNavOnCollapse = false,\n  autoCollapse = \"(max-width: 1023px)\",\n  children,\n  className,\n}: DataAppShellProps) {\n  const [mobileNavOpen, setMobileNavOpen] = React.useState(false);\n\n  // ── Single collapse toggle (controlled/uncontrolled) ───────────────────────\n  const [internalCollapsed, setInternalCollapsed] = React.useState(defaultCollapsed);\n  const collapsed = collapsedProp ?? internalCollapsed;\n  const collapsedRef = React.useRef(collapsed);\n  collapsedRef.current = collapsed;\n  // Set when the media query (not the user) collapsed the shell, so leaving\n  // the breakpoint restores the expanded state without fighting manual toggles.\n  const autoCollapsedRef = React.useRef(false);\n\n  const setCollapsed = React.useCallback(\n    (next: boolean) => {\n      autoCollapsedRef.current = false;\n      if (collapsedProp === undefined) setInternalCollapsed(next);\n      onCollapsedChange?.(next);\n    },\n    [collapsedProp, onCollapsedChange],\n  );\n\n  // ── Responsive auto-collapse below the breakpoint ───────────────────────────\n  // The media-query handler lives in a ref so the subscription survives\n  // re-renders without re-running for every collapse/callback change.\n  const applyAutoCollapseRef = React.useRef((matches: boolean) => void matches);\n  applyAutoCollapseRef.current = (matches: boolean) => {\n    if (matches && !collapsedRef.current) {\n      if (collapsedProp === undefined) setInternalCollapsed(true);\n      onCollapsedChange?.(true);\n      autoCollapsedRef.current = true;\n    } else if (!matches && autoCollapsedRef.current) {\n      autoCollapsedRef.current = false;\n      if (collapsedProp === undefined) setInternalCollapsed(false);\n      onCollapsedChange?.(false);\n    }\n  };\n\n  React.useEffect(() => {\n    if (autoCollapse === false || navVariant !== \"vertical\") return;\n    const mql = window.matchMedia(autoCollapse);\n    applyAutoCollapseRef.current(mql.matches);\n    const onChange = (e: MediaQueryListEvent) => applyAutoCollapseRef.current(e.matches);\n    mql.addEventListener(\"change\", onChange);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, [autoCollapse, navVariant]);\n\n  const sidebarProps = {\n    appName,\n    appFullName,\n    appIcon,\n    version,\n    navGroups,\n    onAppNameClick,\n    backToPlatformPath,\n    onBackToPlatform,\n    userMenu,\n  };\n\n  const isVertical = navVariant === \"vertical\";\n  // A collapsible sidebar renders its own collapsed rail, so it is never\n  // hidden by collapse. hideNavOnCollapse only removes the permanent icon rail.\n  const isCollapsibleSidebar = isVertical && primaryNav === \"sidebar\";\n  const navHidden =\n    !showNavRail || (hideNavOnCollapse && collapsed && !isCollapsibleSidebar);\n\n  // CSS-grid template areas per navVariant — the shell knows zones, never\n  // domain concepts. Zones absent from the tree simply collapse their track.\n  // The secondary (side) zone starts below the top bar / secondary bar, so\n  // breadcrumbs span the full width beside the primary nav.\n  const gridClass = isVertical\n    ? \"grid h-screen w-full overflow-hidden [grid-template-columns:auto_auto_minmax(0,1fr)] [grid-template-rows:auto_auto_minmax(0,1fr)] [grid-template-areas:'nav_top_top'_'nav_sub_sub'_'nav_side_body']\"\n    : \"grid h-screen w-full overflow-hidden [grid-template-columns:auto_minmax(0,1fr)] [grid-template-rows:auto_auto_auto_minmax(0,1fr)] [grid-template-areas:'pnav_pnav'_'top_top'_'sub_sub'_'side_body']\";\n\n  return (\n    <DataAppShellProvider value={{ navVariant, collapsed, setCollapsed, hideNavOnCollapse }}>\n      <Sheet open={mobileNavOpen} onOpenChange={setMobileNavOpen}>\n        <div\n          data-slot=\"data-app-shell\"\n          data-nav-variant={navVariant}\n          data-collapsed={collapsed || undefined}\n          className={cn(gridClass, className)}\n        >\n          {/* Primary nav zone */}\n          {!navHidden &&\n            (isVertical ? (\n              <div className=\"[grid-area:nav] min-h-0\">\n                {isCollapsibleSidebar ? (\n                  <PrimarySidebar\n                    collapsed={collapsed}\n                    onCollapsedChange={setCollapsed}\n                    {...sidebarProps}\n                  />\n                ) : (\n                  <IconRailSidebar {...sidebarProps} />\n                )}\n              </div>\n            ) : (\n              <div className=\"[grid-area:pnav] hidden md:block border-b border-sidebar-border bg-sidebar px-3 py-1.5\">\n                <DataAppShellPrimaryNav\n                  variant=\"top\"\n                  aria-label=\"Application navigation\"\n                  navGroups={navGroups}\n                  header={<AppHeaderMenu {...sidebarProps} compact menuSide=\"bottom\" />}\n                  user={userMenu}\n                />\n              </div>\n            ))}\n\n          {/* Floating expand affordance — hideNavOnCollapse with no secondary rail */}\n          {hideNavOnCollapse && collapsed && !sidebarPanel && (\n            <Button\n              data-slot=\"data-app-shell-expand-fab\"\n              variant=\"outline\"\n              size=\"icon-sm\"\n              aria-label=\"Expand navigation\"\n              className=\"absolute left-2 top-2 z-50 shadow-elevation-2\"\n              onClick={() => setCollapsed(false)}\n            >\n              <ChevronRight className=\"w-4 h-4\" />\n            </Button>\n          )}\n\n          {/* Mobile sidebar Sheet */}\n          <SheetContent\n            side=\"left\"\n            showCloseButton={false}\n            className=\"p-0 bg-sidebar border-r border-sidebar-border data-[side=left]:w-[220px] data-[side=left]:sm:w-[220px] data-[side=left]:sm:max-w-[220px] flex flex-col\"\n          >\n            <SheetTitle className=\"sr-only\">Navigation</SheetTitle>\n            <SheetDescription className=\"sr-only\">\n              Application navigation menu\n            </SheetDescription>\n            <SidebarBody\n              compact={false}\n              onAfterNavClick={() => setMobileNavOpen(false)}\n              {...sidebarProps}\n            />\n          </SheetContent>\n\n          {/* Secondary (side) zone — e.g. a vertical DataAppShellSecondaryNav */}\n          {sidebarPanel && <div className=\"[grid-area:side] min-h-0 flex\">{sidebarPanel}</div>}\n\n          {/* Top bar zone */}\n          {showTopBar && (\n            <div className=\"[grid-area:top] min-w-0\">\n              <TopNav\n                breadcrumbs={breadcrumbs}\n                headerLeft={headerLeft}\n                headerCenter={headerCenter}\n                headerActions={headerActions}\n                mobileTrigger={\n                  <SheetTrigger asChild>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      aria-label=\"Open navigation menu\"\n                      className=\"md:hidden w-7 h-7 shrink-0 text-muted-foreground\"\n                    >\n                      <Menu className=\"w-4 h-4\" />\n                    </Button>\n                  </SheetTrigger>\n                }\n              />\n            </div>\n          )}\n\n          {/* Secondary bar zone — e.g. a horizontal DataAppShellSecondaryNav */}\n          {secondaryBar && <div className=\"[grid-area:sub] min-w-0\">{secondaryBar}</div>}\n\n          {/* Body zone: content + right panel. relative — anchors the right\n              panel's floating FAB trigger */}\n          <div className=\"[grid-area:body] relative flex min-h-0 min-w-0 overflow-hidden\">\n            <main\n              data-slot=\"data-app-shell-content\"\n              className=\"flex-1 min-w-0 overflow-auto bg-background\"\n            >\n              {children}\n            </main>\n\n            {/* Right panel slot (e.g. DataAppShellRightPanel) */}\n            {rightPanel}\n          </div>\n        </div>\n      </Sheet>\n    </DataAppShellProvider>\n  );\n}\n\nexport default DataAppShell;\nexport { AppHeaderMenu, DataAppShell };\n"],"names":["AppHeaderMenu","appName","appFullName","appIcon","version","onAppNameClick","backToPlatformPath","onBackToPlatform","compact","menuSide","jsxs","DropdownMenu","jsx","DropdownMenuTrigger","cn","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","TDPLink","ArrowLeft","SidebarBody","navGroups","userMenu","onAfterNavClick","DataAppShellPrimaryNav","IconRailSidebar","props","PrimarySidebar","collapsed","onCollapsedChange","sidebarProps","headerMenuProps","ShellCollapseButton","TopNavBreadcrumb","items","Breadcrumb","BreadcrumbList","item","index","isLast","isClickable","itemClassName","React","BreadcrumbSeparator","BreadcrumbItem","BreadcrumbPage","BreadcrumbLink","TopNav","breadcrumbs","headerLeft","headerCenter","headerActions","mobileTrigger","TopBar","Fragment","DataAppShell","navVariant","primaryNav","sidebarPanel","secondaryBar","rightPanel","showNavRail","showTopBar","collapsedProp","defaultCollapsed","hideNavOnCollapse","autoCollapse","children","className","mobileNavOpen","setMobileNavOpen","internalCollapsed","setInternalCollapsed","collapsedRef","autoCollapsedRef","setCollapsed","next","applyAutoCollapseRef","matches","mql","onChange","e","isVertical","isCollapsibleSidebar","navHidden","gridClass","DataAppShellProvider","Sheet","Button","ChevronRight","SheetContent","SheetTitle","SheetDescription","SheetTrigger","Menu"],"mappings":"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"}