@petrarca/sonnet-playground 0.7.0 → 0.9.0

package/dist/chunk-4Y4JFKAK.js

@@ -1,240 +0,0 @@
-import {
-  PlaygroundSection
-} from "./chunk-C2EZ2ECG.js";
-
-// src/pages/PlayAdvancedComponents.tsx
-import { useState } from "react";
-import {
-  TreeView,
-  Button,
-  Separator,
-  Stepper,
-  StepperContent,
-  StepperDescription,
-  StepperIndicator,
-  StepperItem,
-  StepperList,
-  StepperNext,
-  StepperPrev,
-  StepperSeparator,
-  StepperTitle,
-  StepperTrigger
-} from "@petrarca/sonnet-ui";
-import { useTreeExpansion } from "@petrarca/sonnet-core/hooks";
-import { jsx, jsxs } from "react/jsx-runtime";
-function PlayAdvancedComponents() {
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h1", { children: "Advanced Components" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Multi-step workflows and hierarchical data structures." })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsx(
-        PlaygroundSection,
-        {
-          title: "Stepper",
-          description: "Dice UI Stepper \u2014 horizontal, controlled via built-in Prev/Next or external state.",
-          variant: "card",
-          children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("h4", { className: "mb-4", children: "Interactive (built-in navigation)" }),
-              /* @__PURE__ */ jsxs(Stepper, { defaultValue: "step-1", className: "max-w-lg", children: [
-                /* @__PURE__ */ jsx(StepperList, { className: "gap-2", children: ["step-1", "step-2", "step-3"].map((value, i) => /* @__PURE__ */ jsxs(StepperItem, { value, children: [
-                  /* @__PURE__ */ jsxs(StepperTrigger, { children: [
-                    /* @__PURE__ */ jsx(StepperIndicator, {}),
-                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-16", children: [
-                      /* @__PURE__ */ jsxs(StepperTitle, { children: [
-                        "Step ",
-                        i + 1
-                      ] }),
-                      /* @__PURE__ */ jsx(StepperDescription, { children: "Description" })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsx(StepperSeparator, {})
-                ] }, value)) }),
-                /* @__PURE__ */ jsx(StepperContent, { value: "step-1", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Content for step 1." }) }),
-                /* @__PURE__ */ jsx(StepperContent, { value: "step-2", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Content for step 2." }) }),
-                /* @__PURE__ */ jsx(StepperContent, { value: "step-3", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Content for step 3." }) }),
-                /* @__PURE__ */ jsxs("div", { className: "flex justify-between max-w-lg", children: [
-                  /* @__PURE__ */ jsx(StepperPrev, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", children: "Back" }) }),
-                  /* @__PURE__ */ jsx(StepperNext, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "sm", children: "Next" }) })
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(Separator, {}),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("h4", { className: "mb-4", children: "Non-interactive (controlled)" }),
-              /* @__PURE__ */ jsx(StepperControlled, {})
-            ] })
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        PlaygroundSection,
-        {
-          title: "TreeView",
-          description: "Generic accessible tree component with expand/collapse, keyboard navigation (ArrowUp/Down/Left/Right, Enter/Space), and optional row selection.",
-          variant: "card",
-          children: /* @__PURE__ */ jsx(TreeViewDemo, {})
-        }
-      )
-    ] })
-  ] });
-}
-var CONTROLLED_STEPS = [
-  { value: "account", title: "Account", description: "Your details" },
-  { value: "profile", title: "Profile", description: "About you" },
-  { value: "review", title: "Review", description: "Confirm" }
-];
-function StepperControlled() {
-  const [step, setStep] = useState("account");
-  return /* @__PURE__ */ jsxs(
-    Stepper,
-    {
-      value: step,
-      onValueChange: setStep,
-      nonInteractive: true,
-      className: "max-w-lg",
-      children: [
-        /* @__PURE__ */ jsx(StepperList, { className: "gap-2", children: CONTROLLED_STEPS.map((s) => /* @__PURE__ */ jsxs(StepperItem, { value: s.value, children: [
-          /* @__PURE__ */ jsxs(StepperTrigger, { children: [
-            /* @__PURE__ */ jsx(StepperIndicator, {}),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-16", children: [
-              /* @__PURE__ */ jsx(StepperTitle, { children: s.title }),
-              /* @__PURE__ */ jsx(StepperDescription, { children: s.description })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(StepperSeparator, {})
-        ] }, s.value)) }),
-        CONTROLLED_STEPS.map((s) => /* @__PURE__ */ jsx(StepperContent, { value: s.value, children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
-          "Content for ",
-          s.title,
-          "."
-        ] }) }, s.value)),
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-between max-w-lg", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              size: "sm",
-              disabled: step === CONTROLLED_STEPS[0].value,
-              onClick: () => {
-                const i = CONTROLLED_STEPS.findIndex((s) => s.value === step);
-                if (i > 0) setStep(CONTROLLED_STEPS[i - 1].value);
-              },
-              children: "Back"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "sm",
-              disabled: step === CONTROLLED_STEPS[CONTROLLED_STEPS.length - 1].value,
-              onClick: () => {
-                const i = CONTROLLED_STEPS.findIndex((s) => s.value === step);
-                if (i < CONTROLLED_STEPS.length - 1)
-                  setStep(CONTROLLED_STEPS[i + 1].value);
-              },
-              children: "Next"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-var TREE_NODES = [
-  {
-    id: "fruits",
-    data: { label: "Fruits" },
-    hasChildren: true,
-    children: [
-      {
-        id: "citrus",
-        data: { label: "Citrus" },
-        hasChildren: true,
-        children: [
-          { id: "lemon", data: { label: "Lemon" }, hasChildren: false },
-          { id: "orange", data: { label: "Orange" }, hasChildren: false }
-        ]
-      },
-      { id: "apple", data: { label: "Apple" }, hasChildren: false },
-      { id: "banana", data: { label: "Banana" }, hasChildren: false }
-    ]
-  },
-  {
-    id: "vegetables",
-    data: { label: "Vegetables" },
-    hasChildren: true,
-    children: [
-      { id: "carrot", data: { label: "Carrot" }, hasChildren: false },
-      { id: "broccoli", data: { label: "Broccoli" }, hasChildren: false }
-    ]
-  },
-  {
-    id: "grains",
-    data: { label: "Grains" },
-    hasChildren: false
-  }
-];
-function TreeViewDemo() {
-  const { expandedIds, onExpand, onCollapse } = useTreeExpansion();
-  const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
-  const [lastClicked, setLastClicked] = useState(null);
-  const handleSelectionChange = (id, selected) => setSelectedIds((prev) => {
-    const next = new Set(prev);
-    if (selected) next.add(id);
-    else next.delete(id);
-    return next;
-  });
-  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h4", { className: "mb-3", children: "Default (click to activate)" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-3", children: "Keyboard: ArrowUp/Down to move, ArrowRight to expand, ArrowLeft to collapse or go to parent, Enter/Space to activate." }),
-      /* @__PURE__ */ jsx(
-        TreeView,
-        {
-          nodes: TREE_NODES,
-          expandedIds,
-          onExpand,
-          onCollapse,
-          onNodeClick: (node) => setLastClicked(node.id),
-          onNodeActivate: (node) => setLastClicked(node.id),
-          renderNode: (node) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: node.data.label }),
-          className: "max-w-xs"
-        }
-      ),
-      lastClicked && /* @__PURE__ */ jsxs("p", { className: "mt-3 text-xs text-muted-foreground", children: [
-        "Last activated: ",
-        /* @__PURE__ */ jsx("span", { className: "font-mono", children: lastClicked })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h4", { className: "mb-3", children: "With row selection" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-3", children: "Checkboxes appear when onSelectionChange is provided. State is independent of expand/collapse." }),
-      /* @__PURE__ */ jsx(
-        TreeView,
-        {
-          nodes: TREE_NODES,
-          expandedIds,
-          onExpand,
-          onCollapse,
-          selectedIds,
-          onSelectionChange: handleSelectionChange,
-          renderNode: (node) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: node.data.label }),
-          className: "max-w-xs"
-        }
-      ),
-      selectedIds.size > 0 && /* @__PURE__ */ jsxs("p", { className: "mt-3 text-xs text-muted-foreground", children: [
-        "Selected:",
-        " ",
-        /* @__PURE__ */ jsx("span", { className: "font-mono", children: [...selectedIds].join(", ") })
-      ] })
-    ] })
-  ] });
-}
-
-export {
-  PlayAdvancedComponents
-};
-//# sourceMappingURL=chunk-4Y4JFKAK.js.map

package/dist/chunk-4Y4JFKAK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/pages/PlayAdvancedComponents.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  TreeView,\n  type TreeNode,\n  Button,\n  Separator,\n  Stepper,\n  StepperContent,\n  StepperDescription,\n  StepperIndicator,\n  StepperItem,\n  StepperList,\n  StepperNext,\n  StepperPrev,\n  StepperSeparator,\n  StepperTitle,\n  StepperTrigger,\n} from \"@petrarca/sonnet-ui\";\nimport { useTreeExpansion } from \"@petrarca/sonnet-core/hooks\";\nimport { PlaygroundSection } from \"../PlaygroundSection\";\n\n/**\n * PlayAdvancedComponents — Stepper and TreeView demos.\n *\n * Split from PlayCoreComponents to keep files manageable.\n */\nexport default function PlayAdvancedComponents() {\n  return (\n    <div className=\"space-y-6\">\n      <div>\n        <h1>Advanced Components</h1>\n        <p className=\"text-sm text-muted-foreground mt-1\">\n          Multi-step workflows and hierarchical data structures.\n        </p>\n      </div>\n\n      <div className=\"space-y-6\">\n        {/* Stepper */}\n        <PlaygroundSection\n          title=\"Stepper\"\n          description=\"Dice UI Stepper — horizontal, controlled via built-in Prev/Next or external state.\"\n          variant=\"card\"\n        >\n          <div className=\"space-y-6\">\n            {/* Interactive — uses built-in StepperPrev / StepperNext */}\n            <div>\n              <h4 className=\"mb-4\">Interactive (built-in navigation)</h4>\n              <Stepper defaultValue=\"step-1\" className=\"max-w-lg\">\n                <StepperList className=\"gap-2\">\n                  {[\"step-1\", \"step-2\", \"step-3\"].map((value, i) => (\n                    <StepperItem key={value} value={value}>\n                      <StepperTrigger>\n                        <StepperIndicator />\n                        <div className=\"flex flex-col min-w-16\">\n                          <StepperTitle>Step {i + 1}</StepperTitle>\n                          <StepperDescription>Description</StepperDescription>\n                        </div>\n                      </StepperTrigger>\n                      <StepperSeparator />\n                    </StepperItem>\n                  ))}\n                </StepperList>\n                <StepperContent value=\"step-1\">\n                  <p className=\"text-sm text-muted-foreground\">\n                    Content for step 1.\n                  </p>\n                </StepperContent>\n                <StepperContent value=\"step-2\">\n                  <p className=\"text-sm text-muted-foreground\">\n                    Content for step 2.\n                  </p>\n                </StepperContent>\n                <StepperContent value=\"step-3\">\n                  <p className=\"text-sm text-muted-foreground\">\n                    Content for step 3.\n                  </p>\n                </StepperContent>\n                <div className=\"flex justify-between max-w-lg\">\n                  <StepperPrev asChild>\n                    <Button variant=\"outline\" size=\"sm\">\n                      Back\n                    </Button>\n                  </StepperPrev>\n                  <StepperNext asChild>\n                    <Button size=\"sm\">Next</Button>\n                  </StepperNext>\n                </div>\n              </Stepper>\n            </div>\n\n            <Separator />\n\n            {/* Non-interactive — controlled externally */}\n            <div>\n              <h4 className=\"mb-4\">Non-interactive (controlled)</h4>\n              <StepperControlled />\n            </div>\n          </div>\n        </PlaygroundSection>\n\n        {/* TreeView */}\n        <PlaygroundSection\n          title=\"TreeView\"\n          description=\"Generic accessible tree component with expand/collapse, keyboard navigation (ArrowUp/Down/Left/Right, Enter/Space), and optional row selection.\"\n          variant=\"card\"\n        >\n          <TreeViewDemo />\n        </PlaygroundSection>\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Stepper — controlled demo\n// ---------------------------------------------------------------------------\n\nconst CONTROLLED_STEPS = [\n  { value: \"account\", title: \"Account\", description: \"Your details\" },\n  { value: \"profile\", title: \"Profile\", description: \"About you\" },\n  { value: \"review\", title: \"Review\", description: \"Confirm\" },\n];\n\nfunction StepperControlled() {\n  const [step, setStep] = useState(\"account\");\n  return (\n    <Stepper\n      value={step}\n      onValueChange={setStep}\n      nonInteractive\n      className=\"max-w-lg\"\n    >\n      <StepperList className=\"gap-2\">\n        {CONTROLLED_STEPS.map((s) => (\n          <StepperItem key={s.value} value={s.value}>\n            <StepperTrigger>\n              <StepperIndicator />\n              <div className=\"flex flex-col min-w-16\">\n                <StepperTitle>{s.title}</StepperTitle>\n                <StepperDescription>{s.description}</StepperDescription>\n              </div>\n            </StepperTrigger>\n            <StepperSeparator />\n          </StepperItem>\n        ))}\n      </StepperList>\n      {CONTROLLED_STEPS.map((s) => (\n        <StepperContent key={s.value} value={s.value}>\n          <p className=\"text-sm text-muted-foreground\">\n            Content for {s.title}.\n          </p>\n        </StepperContent>\n      ))}\n      <div className=\"flex justify-between max-w-lg\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={step === CONTROLLED_STEPS[0].value}\n          onClick={() => {\n            const i = CONTROLLED_STEPS.findIndex((s) => s.value === step);\n            if (i > 0) setStep(CONTROLLED_STEPS[i - 1].value);\n          }}\n        >\n          Back\n        </Button>\n        <Button\n          size=\"sm\"\n          disabled={\n            step === CONTROLLED_STEPS[CONTROLLED_STEPS.length - 1].value\n          }\n          onClick={() => {\n            const i = CONTROLLED_STEPS.findIndex((s) => s.value === step);\n            if (i < CONTROLLED_STEPS.length - 1)\n              setStep(CONTROLLED_STEPS[i + 1].value);\n          }}\n        >\n          Next\n        </Button>\n      </div>\n    </Stepper>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TreeView demo\n// ---------------------------------------------------------------------------\n\ninterface DemoData extends Record<string, unknown> {\n  label: string;\n}\n\nconst TREE_NODES: TreeNode<DemoData>[] = [\n  {\n    id: \"fruits\",\n    data: { label: \"Fruits\" },\n    hasChildren: true,\n    children: [\n      {\n        id: \"citrus\",\n        data: { label: \"Citrus\" },\n        hasChildren: true,\n        children: [\n          { id: \"lemon\", data: { label: \"Lemon\" }, hasChildren: false },\n          { id: \"orange\", data: { label: \"Orange\" }, hasChildren: false },\n        ],\n      },\n      { id: \"apple\", data: { label: \"Apple\" }, hasChildren: false },\n      { id: \"banana\", data: { label: \"Banana\" }, hasChildren: false },\n    ],\n  },\n  {\n    id: \"vegetables\",\n    data: { label: \"Vegetables\" },\n    hasChildren: true,\n    children: [\n      { id: \"carrot\", data: { label: \"Carrot\" }, hasChildren: false },\n      { id: \"broccoli\", data: { label: \"Broccoli\" }, hasChildren: false },\n    ],\n  },\n  {\n    id: \"grains\",\n    data: { label: \"Grains\" },\n    hasChildren: false,\n  },\n];\n\nfunction TreeViewDemo() {\n  const { expandedIds, onExpand, onCollapse } = useTreeExpansion();\n  const [selectedIds, setSelectedIds] = useState<Set<string>>(new Set());\n  const [lastClicked, setLastClicked] = useState<string | null>(null);\n\n  const handleSelectionChange = (id: string, selected: boolean) =>\n    setSelectedIds((prev) => {\n      const next = new Set(prev);\n      if (selected) next.add(id);\n      else next.delete(id);\n      return next;\n    });\n\n  return (\n    <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n      {/* Without selection */}\n      <div>\n        <h4 className=\"mb-3\">Default (click to activate)</h4>\n        <p className=\"text-sm text-muted-foreground mb-3\">\n          Keyboard: ArrowUp/Down to move, ArrowRight to expand, ArrowLeft to\n          collapse or go to parent, Enter/Space to activate.\n        </p>\n        <TreeView<DemoData>\n          nodes={TREE_NODES}\n          expandedIds={expandedIds}\n          onExpand={onExpand}\n          onCollapse={onCollapse}\n          onNodeClick={(node) => setLastClicked(node.id)}\n          onNodeActivate={(node) => setLastClicked(node.id)}\n          renderNode={(node) => (\n            <span className=\"text-sm\">{node.data.label}</span>\n          )}\n          className=\"max-w-xs\"\n        />\n        {lastClicked && (\n          <p className=\"mt-3 text-xs text-muted-foreground\">\n            Last activated: <span className=\"font-mono\">{lastClicked}</span>\n          </p>\n        )}\n      </div>\n\n      {/* With row selection */}\n      <div>\n        <h4 className=\"mb-3\">With row selection</h4>\n        <p className=\"text-sm text-muted-foreground mb-3\">\n          Checkboxes appear when onSelectionChange is provided. State is\n          independent of expand/collapse.\n        </p>\n        <TreeView<DemoData>\n          nodes={TREE_NODES}\n          expandedIds={expandedIds}\n          onExpand={onExpand}\n          onCollapse={onCollapse}\n          selectedIds={selectedIds}\n          onSelectionChange={handleSelectionChange}\n          renderNode={(node) => (\n            <span className=\"text-sm\">{node.data.label}</span>\n          )}\n          className=\"max-w-xs\"\n        />\n        {selectedIds.size > 0 && (\n          <p className=\"mt-3 text-xs text-muted-foreground\">\n            Selected:{\" \"}\n            <span className=\"font-mono\">{[...selectedIds].join(\", \")}</span>\n          </p>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-6WI3N7JI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/pages/PlayCoreComponents.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { toast } from \"sonner\";\nimport { PlaygroundSection } from \"../PlaygroundSection\";\nimport {\n  Spinner,\n  Button,\n  IconButton,\n  Badge,\n  Alert,\n  AlertDescription,\n  AlertTitle,\n  Separator,\n  ResizeHandle,\n  Input,\n  Textarea,\n  Checkbox,\n  Label,\n  DateInput,\n  TimeInput,\n  DateTimeInput,\n  Select,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectItem,\n  SelectGroup,\n  SelectLabel,\n  SelectSeparator,\n  Avatar,\n  AvatarImage,\n  AvatarFallback,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@petrarca/sonnet-ui\";\nimport { useClipboard, useDisclosure } from \"@petrarca/sonnet-core/hooks\";\nimport {\n  Info,\n  AlertTriangle,\n  CheckCircle,\n  Pencil,\n  Trash2,\n  Plus,\n  Copy,\n} from \"lucide-react\";\n\n/** SelectSection — showcase for the Select primitive. */\nfunction SelectSection() {\n  const [fruit, setFruit] = useState(\"\");\n  const [tz, setTz] = useState(\"cet\");\n\n  return (\n    <PlaygroundSection\n      title=\"Select\"\n      description=\"Single-value dropdown built on Radix Select. Styled trigger, keyboard navigable, with optional groups and labels. For searchable or entity-backed selection use FormSelect / EntitySelect instead.\"\n      variant=\"card\"\n    >\n      <div className=\"grid grid-cols-1 gap-6 md:grid-cols-3\">\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"select-fruit\">Basic (with placeholder)</Label>\n          <Select value={fruit} onValueChange={setFruit}>\n            <SelectTrigger id=\"select-fruit\">\n              <SelectValue placeholder=\"Select a fruit\" />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"apple\">Apple</SelectItem>\n              <SelectItem value=\"banana\">Banana</SelectItem>\n              <SelectItem value=\"cherry\">Cherry</SelectItem>\n              <SelectItem value=\"durian\" disabled>\n                Durian (out of stock)\n              </SelectItem>\n            </SelectContent>\n          </Select>\n          <p className=\"text-xs text-tertiary-foreground\">\n            Value: <span className=\"font-mono\">{fruit || \"(none)\"}</span>\n          </p>\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"select-tz\">Grouped options</Label>\n          <Select value={tz} onValueChange={setTz}>\n            <SelectTrigger id=\"select-tz\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectGroup>\n                <SelectLabel>Europe</SelectLabel>\n                <SelectItem value=\"cet\">Central European</SelectItem>\n                <SelectItem value=\"gmt\">Greenwich Mean</SelectItem>\n              </SelectGroup>\n              <SelectSeparator />\n              <SelectGroup>\n                <SelectLabel>Americas</SelectLabel>\n                <SelectItem value=\"est\">Eastern</SelectItem>\n                <SelectItem value=\"pst\">Pacific</SelectItem>\n              </SelectGroup>\n            </SelectContent>\n          </Select>\n          <p className=\"text-xs text-tertiary-foreground\">\n            Value: <span className=\"font-mono\">{tz}</span>\n          </p>\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"select-disabled\">Disabled</Label>\n          <Select disabled value=\"apple\">\n            <SelectTrigger id=\"select-disabled\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"apple\">Apple</SelectItem>\n            </SelectContent>\n          </Select>\n        </div>\n      </div>\n    </PlaygroundSection>\n  );\n}\n\n/** DateInputSection — showcase for the DateInput primitive across precisions. */\nfunction DateInputSection() {\n  const [dateDay, setDateDay] = useState(\"2026-06-15\");\n  const [dateMonth, setDateMonth] = useState(\"1980-06\");\n  const [dateYear, setDateYear] = useState(\"1980\");\n  const [dateEmpty, setDateEmpty] = useState(\"\");\n\n  return (\n    <PlaygroundSection\n      title=\"Date Input\"\n      description=\"Text input with a calendar popover. Value is a partial ISO 8601 date string (YYYY, YYYY-MM, or YYYY-MM-DD depending on precision). Display and parsing follow the playground locale (gear icon, top-right of the Overview page); values stay ISO. Supports typed entry, calendar drill-down, and quick entry ('t', 'today', '.').\"\n      variant=\"card\"\n    >\n      <div className=\"grid grid-cols-1 gap-6 md:grid-cols-2\">\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"date-day\">Day precision (YYYY-MM-DD)</Label>\n          <DateInput id=\"date-day\" value={dateDay} onChange={setDateDay} />\n          <p className=\"text-xs text-tertiary-foreground\">\n            Value: <span className=\"font-mono\">{dateDay || \"(empty)\"}</span>\n          </p>\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"date-month\">Month precision (YYYY-MM)</Label>\n          <DateInput\n            id=\"date-month\"\n            precision=\"month\"\n            value={dateMonth}\n            onChange={setDateMonth}\n          />\n          <p className=\"text-xs text-tertiary-foreground\">\n            Value: <span className=\"font-mono\">{dateMonth || \"(empty)\"}</span>\n          </p>\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"date-year\">Year precision (YYYY)</Label>\n          <DateInput\n            id=\"date-year\"\n            precision=\"year\"\n            value={dateYear}\n            onChange={setDateYear}\n          />\n          <p className=\"text-xs text-tertiary-foreground\">\n            Value: <span className=\"font-mono\">{dateYear || \"(empty)\"}</span>\n          </p>\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"date-empty\">Empty + clearable</Label>\n          <DateInput\n            id=\"date-empty\"\n            value={dateEmpty}\n            onChange={setDateEmpty}\n            placeholder=\"Pick or type a date\"\n          />\n          <p className=\"text-xs text-tertiary-foreground\">\n            Value: <span className=\"font-mono\">{dateEmpty || \"(empty)\"}</span>\n          </p>\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"date-disabled\">Disabled</Label>\n          <DateInput\n            id=\"date-disabled\"\n            value=\"2026-01-01\"\n            onChange={() => {}}\n            disabled\n          />\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"date-error\">With error</Label>\n          <DateInput\n            id=\"date-error\"\n            value=\"\"\n            onChange={() => {}}\n            error=\"This date is required\"\n          />\n        </div>\n      </div>\n    </PlaygroundSection>\n  );\n}\n\n/** TimeInputSection — showcase for the zone-free TimeInput primitive. */\nfunction TimeInputSection() {\n  const [timeMin, setTimeMin] = useState(\"09:30\");\n  const [timeSec, setTimeSec] = useState(\"21:05:07\");\n  const [timeEmpty, setTimeEmpty] = useState(\"\");\n\n  return (\n    <PlaygroundSection\n      title=\"Time Input\"\n      description=\"Zone-free time of day. Value is a normalized ISO time string (HH:mm or HH:mm:ss). No timezone. Supports lenient typed entry ('9', '930', '9:30') and quick entry (type 'n', 'now', or '.' for the current time).\"\n      variant=\"card\"\n    >\n      <div className=\"grid grid-cols-1 gap-6 md:grid-cols-2\">\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"time-min\">Minute granularity (HH:mm)</Label>\n          <TimeInput id=\"time-min\" value={timeMin} onChange={setTimeMin} />\n          <p className=\"text-xs text-tertiary-foreground\">\n            Value: <span className=\"font-mono\">{timeMin || \"(empty)\"}</span>\n          </p>\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"time-sec\">Second granularity (HH:mm:ss)</Label>\n          <TimeInput\n            id=\"time-sec\"\n            granularity=\"second\"\n            value={timeSec}\n            onChange={setTimeSec}\n          />\n          <p className=\"text-xs text-tertiary-foreground\">\n            Value: <span className=\"font-mono\">{timeSec || \"(empty)\"}</span>\n          </p>\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"time-empty\">Empty + clearable</Label>\n          <TimeInput\n            id=\"time-empty\"\n            value={timeEmpty}\n            onChange={setTimeEmpty}\n          />\n          <p className=\"text-xs text-tertiary-foreground\">\n            Value: <span className=\"font-mono\">{timeEmpty || \"(empty)\"}</span>\n          </p>\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"time-error\">With error</Label>\n          <TimeInput\n            id=\"time-error\"\n            value=\"\"\n            onChange={() => {}}\n            error=\"This time is required\"\n          />\n        </div>\n      </div>\n    </PlaygroundSection>\n  );\n}\n\n/** DateTimeInputSection — showcase for the composed DateTimeInput primitive. */\nfunction DateTimeInputSection() {\n  const [dt, setDt] = useState(\"2026-06-15T09:30\");\n  const [dtZoned, setDtZoned] = useState(\"2026-11-02T10:00\");\n  const [dtEmpty, setDtEmpty] = useState(\"\");\n\n  return (\n    <PlaygroundSection\n      title=\"Date-Time Input\"\n      description=\"Combined date + time for a plain wall-clock datetime (YYYY-MM-DDTHH:mm[:ss]), no timezone. Resolving to an absolute instant is the consumer's job. The optional timeZone prop is a display-only hint, never applied or user-entered.\"\n      variant=\"card\"\n    >\n      <div className=\"grid grid-cols-1 gap-6 md:grid-cols-2\">\n        <div className=\"space-y-2\">\n          <Label>Plain wall-clock</Label>\n          <DateTimeInput idPrefix=\"dt\" value={dt} onChange={setDt} />\n          <p className=\"text-xs text-tertiary-foreground\">\n            Value: <span className=\"font-mono\">{dt || \"(empty)\"}</span>\n          </p>\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label>With timezone hint</Label>\n          <DateTimeInput\n            idPrefix=\"dt-zoned\"\n            value={dtZoned}\n            onChange={setDtZoned}\n            timeZone=\"Europe/Berlin\"\n          />\n          <p className=\"text-xs text-tertiary-foreground\">\n            Value: <span className=\"font-mono\">{dtZoned || \"(empty)\"}</span>\n          </p>\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label>Second granularity + empty</Label>\n          <DateTimeInput\n            idPrefix=\"dt-empty\"\n            granularity=\"second\"\n            value={dtEmpty}\n            onChange={setDtEmpty}\n          />\n          <p className=\"text-xs text-tertiary-foreground\">\n            Value: <span className=\"font-mono\">{dtEmpty || \"(empty)\"}</span>\n          </p>\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label>Disabled</Label>\n          <DateTimeInput\n            idPrefix=\"dt-disabled\"\n            value=\"2026-01-01T08:00\"\n            onChange={() => {}}\n            disabled\n          />\n        </div>\n      </div>\n    </PlaygroundSection>\n  );\n}\n\n/** PlayCoreComponents — showcase for all core UI primitives. */\nexport default function PlayCoreComponents() {\n  const [spinnerSize, setSpinnerSize] = useState<\"sm\" | \"md\" | \"lg\">(\"md\");\n  const clipboard = useClipboard({ timeout: 2000 });\n  const [disclosureOpened, disclosureHandlers] = useDisclosure(false);\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Header */}\n      <div>\n        <h1>Core UI Components</h1>\n        <p className=\"text-sm text-muted-foreground mt-1\">\n          Test all core UI components in isolation before production deployment.\n          Each component is verified here first.\n        </p>\n      </div>\n\n      {/* Components Grid */}\n      <div className=\"space-y-6\">\n        {/* Buttons */}\n        <PlaygroundSection\n          title=\"Buttons\"\n          description=\"shadcn/ui Button component with all variants and sizes.\"\n          variant=\"card\"\n        >\n          <div className=\"space-y-6\">\n            {/* Variants */}\n            <div>\n              <h4 className=\"mb-3\">Variants</h4>\n              <div className=\"flex flex-wrap gap-3\">\n                <Button>Default</Button>\n                <Button variant=\"secondary\">Secondary</Button>\n                <Button variant=\"destructive\">Destructive</Button>\n                <Button variant=\"outline\">Outline</Button>\n                <Button variant=\"ghost\">Ghost</Button>\n                <Button variant=\"link\">Link</Button>\n              </div>\n            </div>\n\n            <Separator />\n\n            {/* Sizes */}\n            <div>\n              <h4 className=\"mb-3\">Sizes</h4>\n              <div className=\"flex flex-wrap items-center gap-3\">\n                <Button size=\"sm\">Small</Button>\n                <Button size=\"default\">Default</Button>\n                <Button size=\"lg\">Large</Button>\n                <Button size=\"icon\">🔍</Button>\n              </div>\n            </div>\n\n            <Separator />\n\n            {/* States */}\n            <div>\n              <h4 className=\"mb-3\">States</h4>\n              <div className=\"flex flex-wrap gap-3\">\n                <Button disabled>Disabled</Button>\n                <Button variant=\"outline\" disabled>\n                  Disabled Outline\n                </Button>\n              </div>\n            </div>\n          </div>\n        </PlaygroundSection>\n\n        {/* Icon Buttons */}\n        <PlaygroundSection\n          title=\"Icon Button\"\n          description=\"Compact, square icon-only button with tooltip + accessible label. The house standard for inline affordances (edit/delete) and small toolbar actions.\"\n          variant=\"card\"\n        >\n          <div className=\"space-y-6\">\n            {/* Ghost (inline affordances) */}\n            <div>\n              <h4 className=\"mb-3\">Ghost (inline affordances)</h4>\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <IconButton label=\"Edit\">\n                  <Pencil />\n                </IconButton>\n                <IconButton label=\"Delete\" tone=\"destructive\">\n                  <Trash2 />\n                </IconButton>\n                <IconButton label=\"Copy\">\n                  <Copy />\n                </IconButton>\n              </div>\n            </div>\n\n            <Separator />\n\n            {/* Outline (toolbar actions) */}\n            <div>\n              <h4 className=\"mb-3\">Outline (toolbar actions)</h4>\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <IconButton label=\"Add node type\" variant=\"outline\">\n                  <Plus />\n                </IconButton>\n                <IconButton\n                  label=\"Delete (outline)\"\n                  variant=\"outline\"\n                  tone=\"destructive\"\n                >\n                  <Trash2 />\n                </IconButton>\n              </div>\n            </div>\n\n            <Separator />\n\n            {/* Disabled */}\n            <div>\n              <h4 className=\"mb-3\">Disabled</h4>\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <IconButton label=\"Edit (disabled)\" disabled>\n                  <Pencil />\n                </IconButton>\n                <IconButton label=\"Add (disabled)\" variant=\"outline\" disabled>\n                  <Plus />\n                </IconButton>\n              </div>\n            </div>\n          </div>\n        </PlaygroundSection>\n\n        {/* Badges */}\n        <PlaygroundSection\n          title=\"Badges\"\n          description=\"Badge component with different variants.\"\n          variant=\"card\"\n        >\n          <div className=\"space-y-4\">\n            <div className=\"flex flex-wrap items-center gap-3\">\n              <Badge>Default</Badge>\n              <Badge variant=\"secondary\">Secondary</Badge>\n              <Badge variant=\"destructive\">Destructive</Badge>\n              <Badge variant=\"outline\">Outline</Badge>\n            </div>\n\n            <div className=\"flex flex-wrap items-center gap-3\">\n              <span className=\"text-sm text-muted-foreground\">Status:</span>\n              <Badge variant=\"default\">Active</Badge>\n              <Badge variant=\"secondary\">Pending</Badge>\n              <Badge variant=\"destructive\">Error</Badge>\n            </div>\n          </div>\n        </PlaygroundSection>\n\n        {/* Alerts */}\n        <PlaygroundSection\n          title=\"Alerts\"\n          description=\"Alert component for important messages.\"\n          variant=\"card\"\n        >\n          <div className=\"space-y-4\">\n            <Alert>\n              <Info className=\"h-4 w-4\" />\n              <AlertTitle>Info</AlertTitle>\n              <AlertDescription>\n                This is an informational message.\n              </AlertDescription>\n            </Alert>\n\n            <Alert variant=\"default\">\n              <CheckCircle className=\"h-4 w-4\" />\n              <AlertTitle>Success</AlertTitle>\n              <AlertDescription>\n                Your operation completed successfully.\n              </AlertDescription>\n            </Alert>\n\n            <Alert variant=\"destructive\">\n              <AlertTriangle className=\"h-4 w-4\" />\n              <AlertTitle>Error</AlertTitle>\n              <AlertDescription>\n                There was a problem with your request.\n              </AlertDescription>\n            </Alert>\n          </div>\n        </PlaygroundSection>\n\n        {/* Cards */}\n        <PlaygroundSection\n          title=\"Cards\"\n          description=\"Card component for content containers.\"\n          variant=\"card\"\n        >\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            <Card>\n              <CardHeader>\n                <CardTitle>Simple Card</CardTitle>\n                <CardDescription>\n                  Basic card with header and content\n                </CardDescription>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-sm text-muted-foreground\">\n                  This is a simple card component with header and content\n                  sections.\n                </p>\n              </CardContent>\n            </Card>\n\n            <Card>\n              <CardHeader>\n                <CardTitle>Card with Footer</CardTitle>\n                <CardDescription>Includes footer with actions</CardDescription>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-sm text-muted-foreground\">\n                  This card has a footer section for actions.\n                </p>\n              </CardContent>\n              <CardFooter className=\"flex gap-2\">\n                <Button variant=\"outline\" size=\"sm\">\n                  Cancel\n                </Button>\n                <Button size=\"sm\">Save</Button>\n              </CardFooter>\n            </Card>\n\n            <Card className=\"col-span-1 md:col-span-2\">\n              <CardHeader>\n                <CardTitle>Full Width Card</CardTitle>\n                <CardDescription>\n                  This card spans the full width\n                </CardDescription>\n              </CardHeader>\n              <CardContent>\n                <div className=\"space-y-2\">\n                  <p className=\"text-sm text-muted-foreground\">\n                    Cards can be combined with other components for rich\n                    layouts.\n                  </p>\n                  <div className=\"flex gap-2\">\n                    <Badge>Feature</Badge>\n                    <Badge variant=\"secondary\">New</Badge>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          </div>\n        </PlaygroundSection>\n\n        {/* Separator */}\n        <PlaygroundSection\n          title=\"Separator\"\n          description=\"Visual separator for content sections.\"\n          variant=\"card\"\n        >\n          <div className=\"space-y-4\">\n            <div>\n              <p className=\"text-sm\">Content above separator</p>\n              <Separator className=\"my-4\" />\n              <p className=\"text-sm\">Content below separator</p>\n            </div>\n\n            <div className=\"flex items-center gap-4\">\n              <p className=\"text-sm\">Vertical separator</p>\n              <Separator orientation=\"vertical\" className=\"h-6\" />\n              <p className=\"text-sm\">Between items</p>\n            </div>\n          </div>\n        </PlaygroundSection>\n\n        {/* Resize handle */}\n        <PlaygroundSection\n          title=\"Resize Handle\"\n          description=\"Draggable divider between two resizable panes. Quiet centered grip, hover to emphasise; wider invisible hit-area. Orientation-aware (consumer owns the resize math).\"\n          variant=\"card\"\n        >\n          <div className=\"space-y-6\">\n            <div>\n              <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2\">\n                Vertical (left / right panes)\n              </p>\n              <div className=\"flex h-32 rounded-md border overflow-hidden\">\n                <div className=\"flex-1 bg-muted/30 flex items-center justify-center text-sm text-muted-foreground\">\n                  Left pane\n                </div>\n                <ResizeHandle orientation=\"vertical\" />\n                <div className=\"flex-1 bg-muted/30 flex items-center justify-center text-sm text-muted-foreground\">\n                  Right pane\n                </div>\n              </div>\n            </div>\n\n            <div>\n              <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2\">\n                Horizontal (top / bottom panes)\n              </p>\n              <div className=\"flex flex-col h-40 rounded-md border overflow-hidden\">\n                <div className=\"flex-1 bg-muted/30 flex items-center justify-center text-sm text-muted-foreground\">\n                  Top pane\n                </div>\n                <ResizeHandle orientation=\"horizontal\" />\n                <div className=\"flex-1 bg-muted/30 flex items-center justify-center text-sm text-muted-foreground\">\n                  Bottom pane\n                </div>\n              </div>\n            </div>\n          </div>\n        </PlaygroundSection>\n\n        {/* Tooltips */}\n        <PlaygroundSection\n          title=\"Tooltips\"\n          description=\"Tooltip component for additional information on hover.\"\n          variant=\"card\"\n        >\n          <TooltipProvider>\n            <div className=\"flex flex-wrap gap-6\">\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <Button variant=\"outline\">Hover me</Button>\n                </TooltipTrigger>\n                <TooltipContent>\n                  <p>This is a tooltip</p>\n                </TooltipContent>\n              </Tooltip>\n\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <Button>Top (default)</Button>\n                </TooltipTrigger>\n                <TooltipContent>\n                  <p>Tooltip positioned at top</p>\n                </TooltipContent>\n              </Tooltip>\n\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <Button variant=\"secondary\">With icon 🎯</Button>\n                </TooltipTrigger>\n                <TooltipContent>\n                  <p>Tooltips work with any trigger element</p>\n                </TooltipContent>\n              </Tooltip>\n            </div>\n          </TooltipProvider>\n        </PlaygroundSection>\n\n        {/* Dialogs & Modals */}\n        <PlaygroundSection\n          title=\"Dialogs\"\n          description=\"shadcn/ui Dialog component for modal interactions.\"\n          variant=\"card\"\n        >\n          <div className=\"space-y-6\">\n            {/* Basic Dialog */}\n            <div>\n              <h4 className=\"mb-3\">Basic Dialog</h4>\n              <Dialog>\n                <DialogTrigger asChild>\n                  <Button variant=\"outline\">Open Dialog</Button>\n                </DialogTrigger>\n                <DialogContent>\n                  <DialogHeader>\n                    <DialogTitle>Dialog Title</DialogTitle>\n                    <DialogDescription>\n                      This is a basic dialog with a title and description.\n                    </DialogDescription>\n                  </DialogHeader>\n                  <div className=\"py-4\">\n                    <p className=\"text-sm text-muted-foreground\">\n                      Dialog content goes here. You can add any components or\n                      text you need.\n                    </p>\n                  </div>\n                  <DialogFooter>\n                    <Button variant=\"outline\">Cancel</Button>\n                    <Button>Confirm</Button>\n                  </DialogFooter>\n                </DialogContent>\n              </Dialog>\n            </div>\n\n            <Separator />\n\n            {/* Confirmation Dialog */}\n            <div>\n              <h4 className=\"mb-3\">Confirmation Dialog</h4>\n              <Dialog>\n                <DialogTrigger asChild>\n                  <Button variant=\"destructive\">Delete Item</Button>\n                </DialogTrigger>\n                <DialogContent>\n                  <DialogHeader>\n                    <DialogTitle>Are you absolutely sure?</DialogTitle>\n                    <DialogDescription>\n                      This action cannot be undone. This will permanently delete\n                      your data from our servers.\n                    </DialogDescription>\n                  </DialogHeader>\n                  <DialogFooter>\n                    <Button variant=\"outline\">Cancel</Button>\n                    <Button\n                      variant=\"destructive\"\n                      onClick={() => {\n                        toast.success(\"Item deleted\");\n                      }}\n                    >\n                      Delete\n                    </Button>\n                  </DialogFooter>\n                </DialogContent>\n              </Dialog>\n            </div>\n\n            <Separator />\n\n            {/* Dialog with Form */}\n            <div>\n              <h4 className=\"mb-3\">Dialog with Form</h4>\n              <Dialog>\n                <DialogTrigger asChild>\n                  <Button>Add New Item</Button>\n                </DialogTrigger>\n                <DialogContent>\n                  <DialogHeader>\n                    <DialogTitle>Add New Item</DialogTitle>\n                    <DialogDescription>\n                      Fill in the details below to add a new item.\n                    </DialogDescription>\n                  </DialogHeader>\n                  <div className=\"grid gap-4 py-4\">\n                    <div className=\"grid gap-2\">\n                      <Label htmlFor=\"name\">Name</Label>\n                      <Input\n                        id=\"name\"\n                        type=\"text\"\n                        placeholder=\"Enter name...\"\n                      />\n                    </div>\n                    <div className=\"grid gap-2\">\n                      <Label htmlFor=\"description\">Description</Label>\n                      <Textarea\n                        id=\"description\"\n                        placeholder=\"Enter description...\"\n                        rows={3}\n                      />\n                    </div>\n                  </div>\n                  <DialogFooter>\n                    <Button variant=\"outline\">Cancel</Button>\n                    <Button\n                      onClick={() => {\n                        toast.success(\"Item added\");\n                      }}\n                    >\n                      Add Item\n                    </Button>\n                  </DialogFooter>\n                </DialogContent>\n              </Dialog>\n            </div>\n\n            <Separator />\n\n            {/* Information Dialog */}\n            <div>\n              <h4 className=\"mb-3\">Information Dialog</h4>\n              <Dialog>\n                <DialogTrigger asChild>\n                  <Button variant=\"secondary\">View Details</Button>\n                </DialogTrigger>\n                <DialogContent className=\"max-w-2xl\">\n                  <DialogHeader>\n                    <DialogTitle>System Information</DialogTitle>\n                    <DialogDescription>\n                      Detailed information about the current system status.\n                    </DialogDescription>\n                  </DialogHeader>\n                  <div className=\"space-y-4 py-4\">\n                    <div className=\"grid grid-cols-2 gap-4\">\n                      <div>\n                        <p className=\"text-sm font-medium text-foreground\">\n                          Status\n                        </p>\n                        <Badge variant=\"default\" className=\"mt-1\">\n                          Active\n                        </Badge>\n                      </div>\n                      <div>\n                        <p className=\"text-sm font-medium text-foreground\">\n                          Version\n                        </p>\n                        <p className=\"text-sm text-muted-foreground mt-1\">\n                          1.0.0\n                        </p>\n                      </div>\n                      <div>\n                        <p className=\"text-sm font-medium text-foreground\">\n                          Environment\n                        </p>\n                        <p className=\"text-sm text-muted-foreground mt-1\">\n                          Production\n                        </p>\n                      </div>\n                      <div>\n                        <p className=\"text-sm font-medium text-foreground\">\n                          Region\n                        </p>\n                        <p className=\"text-sm text-muted-foreground mt-1\">\n                          US-East\n                        </p>\n                      </div>\n                    </div>\n                    <Separator />\n                    <div>\n                      <p className=\"text-sm font-medium text-foreground mb-2\">\n                        Description\n                      </p>\n                      <p className=\"text-sm text-muted-foreground\">\n                        This is an example of an information dialog that\n                        displays system details. It can contain various types of\n                        content including badges, separators, and structured\n                        data.\n                      </p>\n                    </div>\n                  </div>\n                  <DialogFooter>\n                    <Button>Close</Button>\n                  </DialogFooter>\n                </DialogContent>\n              </Dialog>\n            </div>\n          </div>\n        </PlaygroundSection>\n\n        {/* Form Inputs */}\n        <PlaygroundSection\n          title=\"Form Inputs\"\n          description=\"shadcn/ui Input, Textarea, and Checkbox components.\"\n          variant=\"card\"\n        >\n          <div className=\"space-y-6\">\n            {/* Input */}\n            <div>\n              <h4 className=\"mb-3\">Input</h4>\n              <div className=\"space-y-4 max-w-md\">\n                <div>\n                  <Label htmlFor=\"input-default\">Default Input</Label>\n                  <Input\n                    id=\"input-default\"\n                    type=\"text\"\n                    placeholder=\"Enter text...\"\n                  />\n                </div>\n\n                <div>\n                  <Label htmlFor=\"input-email\">Email Input</Label>\n                  <Input\n                    id=\"input-email\"\n                    type=\"email\"\n                    placeholder=\"email@example.com\"\n                  />\n                </div>\n\n                <div>\n                  <Label htmlFor=\"input-password\">Password Input</Label>\n                  <Input\n                    id=\"input-password\"\n                    type=\"password\"\n                    placeholder=\"Enter password...\"\n                  />\n                </div>\n\n                <div>\n                  <Label htmlFor=\"input-disabled\">Disabled Input</Label>\n                  <Input\n                    id=\"input-disabled\"\n                    type=\"text\"\n                    placeholder=\"Disabled...\"\n                    disabled\n                  />\n                </div>\n\n                <div>\n                  <Label htmlFor=\"input-readonly\">Read-only Input</Label>\n                  <Input\n                    id=\"input-readonly\"\n                    type=\"text\"\n                    value=\"Read-only value\"\n                    readOnly\n                  />\n                </div>\n              </div>\n            </div>\n\n            <Separator />\n\n            {/* Textarea */}\n            <div>\n              <h4 className=\"mb-3\">Textarea</h4>\n              <div className=\"space-y-4 max-w-md\">\n                <div>\n                  <Label htmlFor=\"textarea-default\">Default Textarea</Label>\n                  <Textarea\n                    id=\"textarea-default\"\n                    placeholder=\"Enter multi-line text...\"\n                  />\n                </div>\n\n                <div>\n                  <Label htmlFor=\"textarea-rows\">\n                    Textarea with Custom Rows\n                  </Label>\n                  <Textarea\n                    id=\"textarea-rows\"\n                    placeholder=\"This has 5 rows...\"\n                    rows={5}\n                  />\n                </div>\n\n                <div>\n                  <Label htmlFor=\"textarea-disabled\">Disabled Textarea</Label>\n                  <Textarea\n                    id=\"textarea-disabled\"\n                    placeholder=\"Disabled...\"\n                    disabled\n                  />\n                </div>\n\n                <div>\n                  <Label htmlFor=\"textarea-value\">Textarea with Value</Label>\n                  <Textarea\n                    id=\"textarea-value\"\n                    value=\"This is some pre-filled text in the textarea.\"\n                    readOnly\n                  />\n                </div>\n              </div>\n            </div>\n\n            <Separator />\n\n            {/* Checkbox */}\n            <div>\n              <h4 className=\"mb-3\">Checkbox</h4>\n              <div className=\"space-y-4\">\n                <div className=\"flex items-center space-x-2\">\n                  <Checkbox id=\"checkbox-default\" />\n                  <Label htmlFor=\"checkbox-default\">Default Checkbox</Label>\n                </div>\n\n                <div className=\"flex items-center space-x-2\">\n                  <Checkbox id=\"checkbox-checked\" defaultChecked />\n                  <Label htmlFor=\"checkbox-checked\">Checked by Default</Label>\n                </div>\n\n                <div className=\"flex items-center space-x-2\">\n                  <Checkbox id=\"checkbox-disabled\" disabled />\n                  <Label htmlFor=\"checkbox-disabled\">Disabled Checkbox</Label>\n                </div>\n\n                <div className=\"flex items-center space-x-2\">\n                  <Checkbox id=\"checkbox-disabled-checked\" disabled checked />\n                  <Label htmlFor=\"checkbox-disabled-checked\">\n                    Disabled & Checked\n                  </Label>\n                </div>\n\n                <Separator className=\"my-4\" />\n\n                <div className=\"space-y-3\">\n                  <p className=\"text-sm font-medium\">\n                    Multiple Checkboxes Example:\n                  </p>\n                  <div className=\"flex items-center space-x-2\">\n                    <Checkbox id=\"terms\" />\n                    <Label htmlFor=\"terms\">Accept terms and conditions</Label>\n                  </div>\n                  <div className=\"flex items-center space-x-2\">\n                    <Checkbox id=\"marketing\" />\n                    <Label htmlFor=\"marketing\">Send me marketing emails</Label>\n                  </div>\n                  <div className=\"flex items-center space-x-2\">\n                    <Checkbox id=\"newsletter\" defaultChecked />\n                    <Label htmlFor=\"newsletter\">Subscribe to newsletter</Label>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </PlaygroundSection>\n\n        <SelectSection />\n\n        <DateInputSection />\n\n        <TimeInputSection />\n\n        <DateTimeInputSection />\n\n        {/* Label Component */}\n        <PlaygroundSection\n          title=\"Label\"\n          description=\"Label component for form fields with proper accessibility.\"\n          variant=\"card\"\n        >\n          <div className=\"space-y-6\">\n            {/* Basic Label */}\n            <div>\n              <h4 className=\"mb-3\">Basic Usage</h4>\n              <div className=\"space-y-4\">\n                <div className=\"space-y-2\">\n                  <Label htmlFor=\"email\">Email Address</Label>\n                  <Input\n                    id=\"email\"\n                    type=\"email\"\n                    placeholder=\"Enter your email\"\n                  />\n                </div>\n\n                <div className=\"space-y-2\">\n                  <Label htmlFor=\"username\">Username</Label>\n                  <Input id=\"username\" placeholder=\"Choose a username\" />\n                </div>\n\n                <div className=\"space-y-2\">\n                  <Label htmlFor=\"bio\">Bio</Label>\n                  <Textarea id=\"bio\" placeholder=\"Tell us about yourself\" />\n                </div>\n              </div>\n            </div>\n\n            <Separator />\n\n            {/* Label with Checkbox */}\n            <div>\n              <h4 className=\"mb-3\">With Checkbox</h4>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center space-x-2\">\n                  <Checkbox id=\"terms-label\" />\n                  <Label htmlFor=\"terms-label\">\n                    Accept terms and conditions\n                  </Label>\n                </div>\n\n                <div className=\"flex items-center space-x-2\">\n                  <Checkbox id=\"newsletter-label\" />\n                  <Label htmlFor=\"newsletter-label\">\n                    Subscribe to newsletter\n                  </Label>\n                </div>\n              </div>\n            </div>\n\n            <Separator />\n\n            {/* Disabled State */}\n            <div>\n              <h4 className=\"mb-3\">Disabled State</h4>\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"disabled-input\" className=\"opacity-50\">\n                  Disabled Field\n                </Label>\n                <Input\n                  id=\"disabled-input\"\n                  disabled\n                  placeholder=\"This field is disabled\"\n                />\n              </div>\n            </div>\n          </div>\n        </PlaygroundSection>\n\n        {/* Avatar Component */}\n        <PlaygroundSection\n          title=\"Avatar\"\n          description=\"Avatar component for displaying user profile images with fallback support.\"\n          variant=\"card\"\n        >\n          <div className=\"space-y-6\">\n            {/* Basic Avatars */}\n            <div>\n              <h4 className=\"mb-3\">Basic Avatars</h4>\n              <div className=\"flex items-center gap-4\">\n                <Avatar>\n                  <AvatarImage\n                    src=\"https://github.com/shadcn.png\"\n                    alt=\"@shadcn\"\n                  />\n                  <AvatarFallback>CN</AvatarFallback>\n                </Avatar>\n\n                <Avatar>\n                  <AvatarImage\n                    src=\"https://github.com/vercel.png\"\n                    alt=\"@vercel\"\n                  />\n                  <AvatarFallback>VC</AvatarFallback>\n                </Avatar>\n\n                <Avatar>\n                  <AvatarImage\n                    src=\"https://github.com/react.png\"\n                    alt=\"@react\"\n                  />\n                  <AvatarFallback>RC</AvatarFallback>\n                </Avatar>\n              </div>\n            </div>\n\n            <Separator />\n\n            {/* Fallback Only */}\n            <div>\n              <h4 className=\"mb-3\">Fallback Only (No Image)</h4>\n              <div className=\"flex items-center gap-4\">\n                <Avatar>\n                  <AvatarFallback>JD</AvatarFallback>\n                </Avatar>\n\n                <Avatar>\n                  <AvatarFallback>AB</AvatarFallback>\n                </Avatar>\n\n                <Avatar>\n                  <AvatarFallback>XY</AvatarFallback>\n                </Avatar>\n\n                <Avatar>\n                  <AvatarFallback className=\"bg-primary text-primary-foreground\">\n                    DB\n                  </AvatarFallback>\n                </Avatar>\n\n                <Avatar>\n                  <AvatarFallback className=\"bg-secondary text-secondary-foreground\">\n                    GH\n                  </AvatarFallback>\n                </Avatar>\n              </div>\n            </div>\n\n            <Separator />\n\n            {/* With User Info */}\n            <div>\n              <h4 className=\"mb-3\">With User Information</h4>\n              <div className=\"space-y-4\">\n                <div className=\"flex items-center gap-3\">\n                  <Avatar>\n                    <AvatarImage\n                      src=\"https://github.com/shadcn.png\"\n                      alt=\"@shadcn\"\n                    />\n                    <AvatarFallback>CN</AvatarFallback>\n                  </Avatar>\n                  <div>\n                    <p className=\"text-sm font-medium text-foreground\">\n                      John Doe\n                    </p>\n                    <p className=\"text-xs text-faint-foreground\">\n                      john.doe@example.com\n                    </p>\n                  </div>\n                </div>\n\n                <div className=\"flex items-center gap-3\">\n                  <Avatar>\n                    <AvatarFallback className=\"bg-primary text-primary-foreground\">\n                      JD\n                    </AvatarFallback>\n                  </Avatar>\n                  <div>\n                    <p className=\"text-sm font-medium text-foreground\">\n                      Jane Smith\n                    </p>\n                    <p className=\"text-xs text-faint-foreground\">\n                      jane.smith@example.com\n                    </p>\n                  </div>\n                </div>\n\n                <div className=\"flex items-center gap-3\">\n                  <Avatar>\n                    <AvatarFallback className=\"bg-destructive text-destructive-foreground\">\n                      AS\n                    </AvatarFallback>\n                  </Avatar>\n                  <div>\n                    <p className=\"text-sm font-medium text-foreground\">\n                      Alex Johnson\n                    </p>\n                    <p className=\"text-xs text-faint-foreground\">\n                      alex.j@example.com\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <Separator />\n\n            {/* Different Sizes */}\n            <div>\n              <h4 className=\"mb-3\">Custom Sizes</h4>\n              <div className=\"flex items-end gap-4\">\n                <div className=\"flex flex-col items-center gap-2\">\n                  <Avatar className=\"h-8 w-8\">\n                    <AvatarFallback className=\"text-xs\">SM</AvatarFallback>\n                  </Avatar>\n                  <span className=\"text-xs text-muted-foreground\">Small</span>\n                </div>\n\n                <div className=\"flex flex-col items-center gap-2\">\n                  <Avatar>\n                    <AvatarFallback>MD</AvatarFallback>\n                  </Avatar>\n                  <span className=\"text-xs text-muted-foreground\">Default</span>\n                </div>\n\n                <div className=\"flex flex-col items-center gap-2\">\n                  <Avatar className=\"h-16 w-16\">\n                    <AvatarFallback className=\"text-lg\">LG</AvatarFallback>\n                  </Avatar>\n                  <span className=\"text-xs text-muted-foreground\">Large</span>\n                </div>\n\n                <div className=\"flex flex-col items-center gap-2\">\n                  <Avatar className=\"h-20 w-20\">\n                    <AvatarFallback className=\"text-xl\">XL</AvatarFallback>\n                  </Avatar>\n                  <span className=\"text-xs text-muted-foreground\">\n                    Extra Large\n                  </span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </PlaygroundSection>\n\n        {/* Notifications */}\n        <PlaygroundSection\n          title=\"Notifications\"\n          description=\"Toast notifications using Sonner. Test all variants and behaviors.\"\n          variant=\"card\"\n        >\n          <div className=\"flex flex-wrap gap-3\">\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => toast.success(\"Success! Operation completed.\")}\n            >\n              Success\n            </Button>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => toast.error(\"Error! Something went wrong.\")}\n            >\n              Error\n            </Button>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => toast.warning(\"Warning! Please be careful.\")}\n            >\n              Warning\n            </Button>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => toast.info(\"Info: Here is some information.\")}\n            >\n              Info\n            </Button>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => {\n                toast.success(\"First notification\");\n                setTimeout(() => toast.info(\"Second notification\"), 500);\n                setTimeout(() => toast.warning(\"Third notification\"), 1000);\n              }}\n            >\n              Multiple\n            </Button>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() =>\n                toast(\"Custom message\", {\n                  description: \"This is a custom notification with description\",\n                  duration: 5000,\n                })\n              }\n            >\n              Custom\n            </Button>\n          </div>\n        </PlaygroundSection>\n\n        {/* Spinner */}\n        <PlaygroundSection\n          title=\"Spinner Component\"\n          description=\"Loading spinner with different sizes.\"\n          variant=\"card\"\n        >\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-sm font-medium text-muted-foreground\">\n                Size:\n              </span>\n              <Button\n                variant={spinnerSize === \"sm\" ? \"default\" : \"outline\"}\n                size=\"sm\"\n                onClick={() => setSpinnerSize(\"sm\")}\n              >\n                Small\n              </Button>\n              <Button\n                variant={spinnerSize === \"md\" ? \"default\" : \"outline\"}\n                size=\"sm\"\n                onClick={() => setSpinnerSize(\"md\")}\n              >\n                Medium\n              </Button>\n              <Button\n                variant={spinnerSize === \"lg\" ? \"default\" : \"outline\"}\n                size=\"sm\"\n                onClick={() => setSpinnerSize(\"lg\")}\n              >\n                Large\n              </Button>\n            </div>\n\n            <div className=\"flex items-center gap-8 p-6 bg-muted/50 rounded-md\">\n              <div className=\"flex flex-col items-center gap-2\">\n                <Spinner size=\"sm\" />\n                <span className=\"text-xs text-muted-foreground\">\n                  Small (16px)\n                </span>\n              </div>\n\n              <div className=\"flex flex-col items-center gap-2\">\n                <Spinner size=\"md\" />\n                <span className=\"text-xs text-muted-foreground\">\n                  Medium (24px)\n                </span>\n              </div>\n\n              <div className=\"flex flex-col items-center gap-2\">\n                <Spinner size=\"lg\" />\n                <span className=\"text-xs text-muted-foreground\">\n                  Large (32px)\n                </span>\n              </div>\n\n              <div className=\"flex flex-col items-center gap-2\">\n                <Spinner size={spinnerSize} />\n                <span className=\"text-xs text-muted-foreground\">\n                  Selected: {spinnerSize}\n                </span>\n              </div>\n            </div>\n          </div>\n        </PlaygroundSection>\n\n        {/* Custom Hooks */}\n        <PlaygroundSection\n          title=\"Custom Hooks\"\n          description=\"Test custom hooks from @petrarca/sonnet-core.\"\n          variant=\"card\"\n        >\n          {/* useClipboard */}\n          <div className=\"mb-6\">\n            <h4 className=\"mb-3\">useClipboard Hook</h4>\n            <div className=\"flex items-center gap-3\">\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={() => clipboard.copy(\"Hello from clipboard!\")}\n              >\n                {clipboard.copied ? \"✓ Copied!\" : \"Copy Text\"}\n              </Button>\n              <span className=\"text-sm text-muted-foreground\">\n                State: {clipboard.copied ? \"Copied\" : \"Ready\"}\n                {clipboard.error && ` (Error: ${clipboard.error.message})`}\n              </span>\n            </div>\n          </div>\n\n          {/* useDisclosure */}\n          <div>\n            <h4 className=\"mb-3\">useDisclosure Hook</h4>\n            <div className=\"space-y-3\">\n              <div className=\"flex items-center gap-3\">\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={disclosureHandlers.open}\n                >\n                  Open\n                </Button>\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={disclosureHandlers.close}\n                >\n                  Close\n                </Button>\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={disclosureHandlers.toggle}\n                >\n                  Toggle\n                </Button>\n                <span className=\"text-sm text-muted-foreground\">\n                  State: {disclosureOpened ? \"Open\" : \"Closed\"}\n                </span>\n              </div>\n\n              {disclosureOpened && (\n                <div className=\"p-4 bg-muted border rounded-md\">\n                  <p className=\"text-sm\">\n                    This content is visible when disclosure is open!\n                  </p>\n                </div>\n              )}\n            </div>\n          </div>\n        </PlaygroundSection>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-CQ6PGFRV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/pages/PlayShellApi.tsx"],"sourcesContent":["import { Button } from \"@petrarca/sonnet-ui\";\nimport {\n  notification,\n  dialog,\n  navigation,\n  panel,\n  sidePane,\n} from \"@petrarca/sonnet-shell\";\nimport { PlaygroundSection } from \"../PlaygroundSection\";\n\n/**\n * PlayShellApi -- playground page that exercises the shell API surface.\n *\n * Covers: notification, dialog, navigation, panel, sidePane,\n * and the command menu (Cmd+K).\n */\nexport default function PlayShellApi() {\n  return (\n    <div className=\"space-y-6\">\n      {/* ── notification ─────────────────────────────────────────── */}\n      <PlaygroundSection\n        title=\"notification\"\n        description=\"Toasts via the shell notification API — wraps Sonner.\"\n        variant=\"card\"\n      >\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => notification.success(\"Operation completed.\")}\n          >\n            success()\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => notification.error(\"Something went wrong.\")}\n          >\n            error()\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => notification.warning(\"Proceed with caution.\")}\n          >\n            warning()\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => notification.info(\"Here is some information.\")}\n          >\n            info()\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() =>\n              notification.promise(\n                new Promise((resolve) => setTimeout(resolve, 2000)),\n                {\n                  loading: \"Loading...\",\n                  success: \"Done!\",\n                  error: \"Failed.\",\n                },\n              )\n            }\n          >\n            promise()\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => notification.dismiss()}\n          >\n            dismiss()\n          </Button>\n        </div>\n      </PlaygroundSection>\n\n      {/* ── dialog ───────────────────────────────────────────────── */}\n      <PlaygroundSection\n        title=\"dialog\"\n        description=\"Confirmation dialog via the shell dialog API.\"\n        variant=\"card\"\n      >\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={async () => {\n              const confirmed = await dialog.confirm({\n                title: \"Delete Resource\",\n                description:\n                  \"This will permanently delete the resource. Are you sure?\",\n                confirmLabel: \"Delete\",\n                variant: \"destructive\",\n              });\n              notification.info(\n                confirmed ? \"User confirmed.\" : \"User cancelled.\",\n              );\n            }}\n          >\n            confirm() — destructive\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={async () => {\n              const confirmed = await dialog.confirm({\n                title: \"Save Changes\",\n                description: \"Do you want to save your changes?\",\n              });\n              notification.info(\n                confirmed ? \"User confirmed.\" : \"User cancelled.\",\n              );\n            }}\n          >\n            confirm() — default\n          </Button>\n        </div>\n      </PlaygroundSection>\n\n      {/* ── navigation ───────────────────────────────────────────── */}\n      <PlaygroundSection\n        title=\"navigation\"\n        description=\"Programmatic navigation via the shell navigation API.\"\n        variant=\"card\"\n      >\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => navigation.goTo(\"/home\")}\n          >\n            goTo(\"/home\")\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => navigation.goTo(\"/playground\")}\n          >\n            goTo(\"/playground\")\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => navigation.openCommandMenu()}\n          >\n            openCommandMenu()\n          </Button>\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigation.back()}>\n            back()\n          </Button>\n        </div>\n      </PlaygroundSection>\n\n      {/* ── panel ────────────────────────────────────────────────── */}\n      <PlaygroundSection\n        title=\"panel\"\n        description=\"Shell-managed slide-over panel — renders content inside a Sheet owned by the shell.\"\n        variant=\"card\"\n      >\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() =>\n              panel.open({\n                title: \"Panel Demo\",\n                description: \"This is a shell-managed slide-over panel.\",\n                content: (\n                  <div className=\"p-4 space-y-3\">\n                    <p className=\"text-sm\">\n                      This content is rendered inside the shell's Sheet\n                      component.\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      Use <code>panel.open()</code> to show any React content in\n                      a slide-over panel.\n                    </p>\n                  </div>\n                ),\n              })\n            }\n          >\n            open() — narrow\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() =>\n              panel.open({\n                title: \"Wide Panel\",\n                content: (\n                  <div className=\"p-4 space-y-3\">\n                    <p className=\"text-sm font-medium\">Wide panel (default)</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      width=\"default\" gives a wider panel for more complex\n                      content.\n                    </p>\n                  </div>\n                ),\n                width: \"default\",\n              })\n            }\n          >\n            open() — default width\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() =>\n              panel.open({\n                title: \"Full Coverage\",\n                content: (\n                  <div className=\"p-4 space-y-3\">\n                    <p className=\"text-sm font-medium\">Full coverage panel</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      coverage=\"full\" overlays the entire content area.\n                    </p>\n                  </div>\n                ),\n                width: \"default\",\n                coverage: \"full\",\n              })\n            }\n          >\n            open() — full coverage\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() =>\n              panel.open({\n                title: \"Resizable Panel\",\n                description:\n                  \"Drag the left edge to resize. Double-click to reset.\",\n                content: (\n                  <div className=\"p-4 space-y-3\">\n                    <p className=\"text-sm font-medium\">Resizable panel</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      resizable=true · defaultWidth=640 · minWidth=320 ·\n                      maxWidth=1000\n                    </p>\n                  </div>\n                ),\n                width: \"default\",\n                resizable: true,\n                minWidth: 320,\n                maxWidth: 1000,\n              })\n            }\n          >\n            open() — resizable\n          </Button>\n        </div>\n      </PlaygroundSection>\n\n      {/* ── sidePane ─────────────────────────────────────────────── */}\n      <PlaygroundSection\n        title=\"sidePane\"\n        description=\"Persistent inline resizable panel. Sits beside the content area — the main view shrinks rather than being overlaid. Drag the edge to resize; double-click to reset.\"\n        variant=\"card\"\n      >\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() =>\n              sidePane.open({\n                moduleId: \"shell-demo-narrow\",\n                defaultWidth: 240,\n                minWidth: 180,\n                maxWidth: 400,\n                content: (\n                  <div className=\"p-4 space-y-3\">\n                    <p className=\"text-sm font-medium\">Narrow pane (240px)</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      defaultWidth=240 minWidth=180 maxWidth=400\n                    </p>\n                  </div>\n                ),\n              })\n            }\n          >\n            open() — narrow\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() =>\n              sidePane.open({\n                moduleId: \"shell-demo-wide\",\n                defaultWidth: 480,\n                minWidth: 320,\n                maxWidth: 800,\n                content: (\n                  <div className=\"p-4 space-y-3\">\n                    <p className=\"text-sm font-medium\">Wide pane (480px)</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      defaultWidth=480 minWidth=320 maxWidth=800\n                    </p>\n                  </div>\n                ),\n              })\n            }\n          >\n            open() — wide\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() =>\n              sidePane.toggle({\n                moduleId: \"shell-demo-toggle\",\n                defaultWidth: 320,\n                content: (\n                  <div className=\"p-4 space-y-3\">\n                    <p className=\"text-sm font-medium\">Toggle pane</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      Click again to close. Same moduleId toggles.\n                    </p>\n                  </div>\n                ),\n              })\n            }\n          >\n            toggle()\n          </Button>\n          <Button variant=\"outline\" size=\"sm\" onClick={() => sidePane.close()}>\n            close()\n          </Button>\n        </div>\n      </PlaygroundSection>\n\n      {/* ── CommandMenu (Cmd+K) ──────────────────────────────────── */}\n      <PlaygroundSection\n        title=\"CommandMenu (Cmd+K)\"\n        description=\"Open the command palette programmatically. Modules can register commands that appear here via the commands array in their ShellModule definition.\"\n        variant=\"card\"\n      >\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => navigation.openCommandMenu()}\n        >\n          Open CommandMenu\n        </Button>\n      </PlaygroundSection>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAAA,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAkBC,SACE,KADF;AATO,SAAR,eAAgC;AACrC,SACE,qBAAC,SAAI,WAAU,aAEb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SAAQ;AAAA,QAER,+BAAC,SAAI,WAAU,wBACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,aAAa,QAAQ,sBAAsB;AAAA,cAC3D;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,aAAa,MAAM,uBAAuB;AAAA,cAC1D;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,aAAa,QAAQ,uBAAuB;AAAA,cAC5D;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,aAAa,KAAK,2BAA2B;AAAA,cAC7D;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MACP,aAAa;AAAA,gBACX,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,GAAI,CAAC;AAAA,gBAClD;AAAA,kBACE,SAAS;AAAA,kBACT,SAAS;AAAA,kBACT,OAAO;AAAA,gBACT;AAAA,cACF;AAAA,cAEH;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,aAAa,QAAQ;AAAA,cACrC;AAAA;AAAA,UAED;AAAA,WACF;AAAA;AAAA,IACF;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SAAQ;AAAA,QAER,+BAAC,SAAI,WAAU,wBACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,YAAY;AACnB,sBAAM,YAAY,MAAM,OAAO,QAAQ;AAAA,kBACrC,OAAO;AAAA,kBACP,aACE;AAAA,kBACF,cAAc;AAAA,kBACd,SAAS;AAAA,gBACX,CAAC;AACD,6BAAa;AAAA,kBACX,YAAY,oBAAoB;AAAA,gBAClC;AAAA,cACF;AAAA,cACD;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,YAAY;AACnB,sBAAM,YAAY,MAAM,OAAO,QAAQ;AAAA,kBACrC,OAAO;AAAA,kBACP,aAAa;AAAA,gBACf,CAAC;AACD,6BAAa;AAAA,kBACX,YAAY,oBAAoB;AAAA,gBAClC;AAAA,cACF;AAAA,cACD;AAAA;AAAA,UAED;AAAA,WACF;AAAA;AAAA,IACF;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SAAQ;AAAA,QAER,+BAAC,SAAI,WAAU,wBACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,WAAW,KAAK,OAAO;AAAA,cACvC;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,WAAW,KAAK,aAAa;AAAA,cAC7C;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,WAAW,gBAAgB;AAAA,cAC3C;AAAA;AAAA,UAED;AAAA,UACA,oBAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,MAAM,WAAW,KAAK,GAAG,oBAEtE;AAAA,WACF;AAAA;AAAA,IACF;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SAAQ;AAAA,QAER,+BAAC,SAAI,WAAU,wBACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MACP,MAAM,KAAK;AAAA,gBACT,OAAO;AAAA,gBACP,aAAa;AAAA,gBACb,SACE,qBAAC,SAAI,WAAU,iBACb;AAAA,sCAAC,OAAE,WAAU,WAAU,0EAGvB;AAAA,kBACA,qBAAC,OAAE,WAAU,iCAAgC;AAAA;AAAA,oBACvC,oBAAC,UAAK,0BAAY;AAAA,oBAAO;AAAA,qBAE/B;AAAA,mBACF;AAAA,cAEJ,CAAC;AAAA,cAEJ;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MACP,MAAM,KAAK;AAAA,gBACT,OAAO;AAAA,gBACP,SACE,qBAAC,SAAI,WAAU,iBACb;AAAA,sCAAC,OAAE,WAAU,uBAAsB,kCAAoB;AAAA,kBACvD,oBAAC,OAAE,WAAU,iCAAgC,2EAG7C;AAAA,mBACF;AAAA,gBAEF,OAAO;AAAA,cACT,CAAC;AAAA,cAEJ;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MACP,MAAM,KAAK;AAAA,gBACT,OAAO;AAAA,gBACP,SACE,qBAAC,SAAI,WAAU,iBACb;AAAA,sCAAC,OAAE,WAAU,uBAAsB,iCAAmB;AAAA,kBACtD,oBAAC,OAAE,WAAU,iCAAgC,+DAE7C;AAAA,mBACF;AAAA,gBAEF,OAAO;AAAA,gBACP,UAAU;AAAA,cACZ,CAAC;AAAA,cAEJ;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MACP,MAAM,KAAK;AAAA,gBACT,OAAO;AAAA,gBACP,aACE;AAAA,gBACF,SACE,qBAAC,SAAI,WAAU,iBACb;AAAA,sCAAC,OAAE,WAAU,uBAAsB,6BAAe;AAAA,kBAClD,oBAAC,OAAE,WAAU,iCAAgC,uFAG7C;AAAA,mBACF;AAAA,gBAEF,OAAO;AAAA,gBACP,WAAW;AAAA,gBACX,UAAU;AAAA,gBACV,UAAU;AAAA,cACZ,CAAC;AAAA,cAEJ;AAAA;AAAA,UAED;AAAA,WACF;AAAA;AAAA,IACF;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SAAQ;AAAA,QAER,+BAAC,SAAI,WAAU,wBACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MACP,SAAS,KAAK;AAAA,gBACZ,UAAU;AAAA,gBACV,cAAc;AAAA,gBACd,UAAU;AAAA,gBACV,UAAU;AAAA,gBACV,SACE,qBAAC,SAAI,WAAU,iBACb;AAAA,sCAAC,OAAE,WAAU,uBAAsB,iCAAmB;AAAA,kBACtD,oBAAC,OAAE,WAAU,iCAAgC,wDAE7C;AAAA,mBACF;AAAA,cAEJ,CAAC;AAAA,cAEJ;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MACP,SAAS,KAAK;AAAA,gBACZ,UAAU;AAAA,gBACV,cAAc;AAAA,gBACd,UAAU;AAAA,gBACV,UAAU;AAAA,gBACV,SACE,qBAAC,SAAI,WAAU,iBACb;AAAA,sCAAC,OAAE,WAAU,uBAAsB,+BAAiB;AAAA,kBACpD,oBAAC,OAAE,WAAU,iCAAgC,wDAE7C;AAAA,mBACF;AAAA,cAEJ,CAAC;AAAA,cAEJ;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MACP,SAAS,OAAO;AAAA,gBACd,UAAU;AAAA,gBACV,cAAc;AAAA,gBACd,SACE,qBAAC,SAAI,WAAU,iBACb;AAAA,sCAAC,OAAE,WAAU,uBAAsB,yBAAW;AAAA,kBAC9C,oBAAC,OAAE,WAAU,iCAAgC,0DAE7C;AAAA,mBACF;AAAA,cAEJ,CAAC;AAAA,cAEJ;AAAA;AAAA,UAED;AAAA,UACA,oBAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,MAAM,SAAS,MAAM,GAAG,qBAErE;AAAA,WACF;AAAA;AAAA,IACF;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SAAQ;AAAA,QAER;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS,MAAM,WAAW,gBAAgB;AAAA,YAC3C;AAAA;AAAA,QAED;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}