@noambz/ui 0.7.0

package/dist/components/molecules/theme-toggle/theme-toggle.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { useEffect, useState } from "react";
+import { cn } from "../../../utils/cn.js";
+import { ThemeValueEnum } from "./theme-toggle.type.js";
+const themeToggleVariants = cva(
+  "inline-flex items-center justify-center rounded-lg border border-border-strong transition-colors hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+  {
+    variants: {
+      size: {
+        sm: "h-7 w-7 p-1",
+        md: "h-9 w-9 p-1.5",
+        lg: "h-11 w-11 p-2"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+const DEFAULT_LABELS = {
+  [ThemeValueEnum.LIGHT]: "Light",
+  [ThemeValueEnum.DARK]: "Dark",
+  [ThemeValueEnum.SYSTEM]: "System"
+};
+const CYCLE = {
+  [ThemeValueEnum.LIGHT]: ThemeValueEnum.DARK,
+  [ThemeValueEnum.DARK]: ThemeValueEnum.SYSTEM,
+  [ThemeValueEnum.SYSTEM]: ThemeValueEnum.LIGHT
+};
+function MoonIcon() {
+  return /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M21.752 15.002A9.72 9.72 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z"
+    }
+  ) });
+}
+function SunIcon() {
+  return /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z"
+    }
+  ) });
+}
+function SystemIcon() {
+  return /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25z"
+    }
+  ) });
+}
+function iconFor(theme) {
+  if (theme === ThemeValueEnum.DARK) return /* @__PURE__ */ jsx(MoonIcon, {});
+  if (theme === ThemeValueEnum.LIGHT) return /* @__PURE__ */ jsx(SunIcon, {});
+  return /* @__PURE__ */ jsx(SystemIcon, {});
+}
+function ThemeToggle({
+  theme,
+  setTheme,
+  labels = DEFAULT_LABELS,
+  ariaLabel = "Toggle theme",
+  size,
+  className
+}) {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => setMounted(true), []);
+  const cycle = () => {
+    const next = theme ? CYCLE[theme] ?? ThemeValueEnum.LIGHT : ThemeValueEnum.LIGHT;
+    setTheme(next);
+  };
+  if (!mounted) {
+    return /* @__PURE__ */ jsx("button", { type: "button", className: cn(themeToggleVariants({ size }), className), "aria-label": ariaLabel, children: /* @__PURE__ */ jsx("div", { className: "h-4 w-4" }) });
+  }
+  const resolvedLabel = theme === ThemeValueEnum.LIGHT || theme === ThemeValueEnum.DARK || theme === ThemeValueEnum.SYSTEM ? labels[theme] : void 0;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: cycle,
+      className: cn(themeToggleVariants({ size }), className),
+      "aria-label": ariaLabel,
+      title: resolvedLabel,
+      children: iconFor(theme)
+    }
+  );
+}
+export {
+  ThemeToggle
+};
+//# sourceMappingURL=theme-toggle.js.map

package/dist/components/molecules/theme-toggle/theme-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/theme-toggle/theme-toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { useEffect, useState } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\nimport { ThemeValueEnum } from \"./theme-toggle.type.js\";\n\nexport interface IThemeToggleProps extends VariantProps<typeof themeToggleVariants> {\n  theme: string | undefined;\n  setTheme: (theme: string) => void;\n  labels?: Partial<Record<ThemeValueEnum, string>>;\n  ariaLabel?: string;\n  className?: string;\n}\n\nconst themeToggleVariants = cva(\n  \"inline-flex items-center justify-center rounded-lg border border-border-strong transition-colors hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n  {\n    variants: {\n      size: {\n        sm: \"h-7 w-7 p-1\",\n        md: \"h-9 w-9 p-1.5\",\n        lg: \"h-11 w-11 p-2\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nconst DEFAULT_LABELS: Record<ThemeValueEnum, string> = {\n  [ThemeValueEnum.LIGHT]: \"Light\",\n  [ThemeValueEnum.DARK]: \"Dark\",\n  [ThemeValueEnum.SYSTEM]: \"System\",\n};\n\nconst CYCLE: Record<string, string> = {\n  [ThemeValueEnum.LIGHT]: ThemeValueEnum.DARK,\n  [ThemeValueEnum.DARK]: ThemeValueEnum.SYSTEM,\n  [ThemeValueEnum.SYSTEM]: ThemeValueEnum.LIGHT,\n};\n\nfunction MoonIcon() {\n  return (\n    <svg className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={2} stroke=\"currentColor\" aria-hidden=\"true\">\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        d=\"M21.752 15.002A9.72 9.72 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z\"\n      />\n    </svg>\n  );\n}\n\nfunction SunIcon() {\n  return (\n    <svg className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={2} stroke=\"currentColor\" aria-hidden=\"true\">\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        d=\"M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z\"\n      />\n    </svg>\n  );\n}\n\nfunction SystemIcon() {\n  return (\n    <svg className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={2} stroke=\"currentColor\" aria-hidden=\"true\">\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        d=\"M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25A2.25 2.25 0 015.25 3h13.5A2.25 2.25 0 0121 5.25z\"\n      />\n    </svg>\n  );\n}\n\nfunction iconFor(theme: string | undefined) {\n  if (theme === ThemeValueEnum.DARK) return <MoonIcon />;\n  if (theme === ThemeValueEnum.LIGHT) return <SunIcon />;\n  return <SystemIcon />;\n}\n\n/**\n * Three-state theme cycler: light -> dark -> system -> light. Guards against\n * hydration mismatches by rendering a placeholder until mounted on the client.\n */\nexport function ThemeToggle({\n  theme,\n  setTheme,\n  labels = DEFAULT_LABELS,\n  ariaLabel = \"Toggle theme\",\n  size,\n  className,\n}: IThemeToggleProps) {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => setMounted(true), []);\n\n  const cycle = () => {\n    const next = theme ? CYCLE[theme] ?? ThemeValueEnum.LIGHT : ThemeValueEnum.LIGHT;\n    setTheme(next);\n  };\n\n  if (!mounted) {\n    return (\n      <button type=\"button\" className={cn(themeToggleVariants({ size }), className)} aria-label={ariaLabel}>\n        <div className=\"h-4 w-4\" />\n      </button>\n    );\n  }\n\n  const resolvedLabel =\n    theme === ThemeValueEnum.LIGHT || theme === ThemeValueEnum.DARK || theme === ThemeValueEnum.SYSTEM\n      ? labels[theme]\n      : undefined;\n\n  return (\n    <button\n      type=\"button\"\n      onClick={cycle}\n      className={cn(themeToggleVariants({ size }), className)}\n      aria-label={ariaLabel}\n      title={resolvedLabel}\n    >\n      {iconFor(theme)}\n    </button>\n  );\n}\n"],"mappings":";AA8CM;AA5CN,SAAS,WAA8B;AACvC,SAAS,WAAW,gBAAgB;AACpC,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAU/B,MAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,MAAM,iBAAiD;AAAA,EACrD,CAAC,eAAe,KAAK,GAAG;AAAA,EACxB,CAAC,eAAe,IAAI,GAAG;AAAA,EACvB,CAAC,eAAe,MAAM,GAAG;AAC3B;AAEA,MAAM,QAAgC;AAAA,EACpC,CAAC,eAAe,KAAK,GAAG,eAAe;AAAA,EACvC,CAAC,eAAe,IAAI,GAAG,eAAe;AAAA,EACtC,CAAC,eAAe,MAAM,GAAG,eAAe;AAC1C;AAEA,SAAS,WAAW;AAClB,SACE,oBAAC,SAAI,WAAU,WAAU,MAAK,QAAO,SAAQ,aAAY,aAAa,GAAG,QAAO,gBAAe,eAAY,QACzG;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,GAAE;AAAA;AAAA,EACJ,GACF;AAEJ;AAEA,SAAS,UAAU;AACjB,SACE,oBAAC,SAAI,WAAU,WAAU,MAAK,QAAO,SAAQ,aAAY,aAAa,GAAG,QAAO,gBAAe,eAAY,QACzG;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,GAAE;AAAA;AAAA,EACJ,GACF;AAEJ;AAEA,SAAS,aAAa;AACpB,SACE,oBAAC,SAAI,WAAU,WAAU,MAAK,QAAO,SAAQ,aAAY,aAAa,GAAG,QAAO,gBAAe,eAAY,QACzG;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,GAAE;AAAA;AAAA,EACJ,GACF;AAEJ;AAEA,SAAS,QAAQ,OAA2B;AAC1C,MAAI,UAAU,eAAe,KAAM,QAAO,oBAAC,YAAS;AACpD,MAAI,UAAU,eAAe,MAAO,QAAO,oBAAC,WAAQ;AACpD,SAAO,oBAAC,cAAW;AACrB;AAMO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,YAAU,MAAM,WAAW,IAAI,GAAG,CAAC,CAAC;AAEpC,QAAM,QAAQ,MAAM;AAClB,UAAM,OAAO,QAAQ,MAAM,KAAK,KAAK,eAAe,QAAQ,eAAe;AAC3E,aAAS,IAAI;AAAA,EACf;AAEA,MAAI,CAAC,SAAS;AACZ,WACE,oBAAC,YAAO,MAAK,UAAS,WAAW,GAAG,oBAAoB,EAAE,KAAK,CAAC,GAAG,SAAS,GAAG,cAAY,WACzF,8BAAC,SAAI,WAAU,WAAU,GAC3B;AAAA,EAEJ;AAEA,QAAM,gBACJ,UAAU,eAAe,SAAS,UAAU,eAAe,QAAQ,UAAU,eAAe,SACxF,OAAO,KAAK,IACZ;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,WAAW,GAAG,oBAAoB,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MACtD,cAAY;AAAA,MACZ,OAAO;AAAA,MAEN,kBAAQ,KAAK;AAAA;AAAA,EAChB;AAEJ;","names":[]}

package/dist/components/molecules/theme-toggle/theme-toggle.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { ThemeToggle } from "./theme-toggle.js";
+declare const meta: Meta<typeof ThemeToggle>;
+export default meta;
+type Story = StoryObj<typeof ThemeToggle>;
+export declare const Light: Story;
+export declare const Dark: Story;
+export declare const System: Story;
+export declare const AllSizes: Story;
+//# sourceMappingURL=theme-toggle.stories.d.ts.map

package/dist/components/molecules/theme-toggle/theme-toggle.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/theme-toggle/theme-toggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA4BlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAGlB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAGpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC"}

package/dist/components/molecules/theme-toggle/theme-toggle.type.d.ts

@@ -0,0 +1,11 @@
+export declare enum ThemeValueEnum {
+    LIGHT = "light",
+    DARK = "dark",
+    SYSTEM = "system"
+}
+export declare enum ThemeToggleSizeEnum {
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
+}
+//# sourceMappingURL=theme-toggle.type.d.ts.map

package/dist/components/molecules/theme-toggle/theme-toggle.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.type.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/theme-toggle/theme-toggle.type.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,oBAAY,mBAAmB;IAC7B,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV"}

package/dist/components/molecules/theme-toggle/theme-toggle.type.js

@@ -0,0 +1,17 @@
+var ThemeValueEnum = /* @__PURE__ */ ((ThemeValueEnum2) => {
+  ThemeValueEnum2["LIGHT"] = "light";
+  ThemeValueEnum2["DARK"] = "dark";
+  ThemeValueEnum2["SYSTEM"] = "system";
+  return ThemeValueEnum2;
+})(ThemeValueEnum || {});
+var ThemeToggleSizeEnum = /* @__PURE__ */ ((ThemeToggleSizeEnum2) => {
+  ThemeToggleSizeEnum2["SM"] = "sm";
+  ThemeToggleSizeEnum2["MD"] = "md";
+  ThemeToggleSizeEnum2["LG"] = "lg";
+  return ThemeToggleSizeEnum2;
+})(ThemeToggleSizeEnum || {});
+export {
+  ThemeToggleSizeEnum,
+  ThemeValueEnum
+};
+//# sourceMappingURL=theme-toggle.type.js.map

package/dist/components/molecules/theme-toggle/theme-toggle.type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/theme-toggle/theme-toggle.type.ts"],"sourcesContent":["export enum ThemeValueEnum {\n  LIGHT = \"light\",\n  DARK = \"dark\",\n  SYSTEM = \"system\",\n}\n\nexport enum ThemeToggleSizeEnum {\n  SM = \"sm\",\n  MD = \"md\",\n  LG = \"lg\",\n}\n"],"mappings":"AAAO,IAAK,iBAAL,kBAAKA,oBAAL;AACL,EAAAA,gBAAA,WAAQ;AACR,EAAAA,gBAAA,UAAO;AACP,EAAAA,gBAAA,YAAS;AAHC,SAAAA;AAAA,GAAA;AAML,IAAK,sBAAL,kBAAKC,yBAAL;AACL,EAAAA,qBAAA,QAAK;AACL,EAAAA,qBAAA,QAAK;AACL,EAAAA,qBAAA,QAAK;AAHK,SAAAA;AAAA,GAAA;","names":["ThemeValueEnum","ThemeToggleSizeEnum"]}

package/dist/components/molecules/tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export { Tooltip, TooltipProvider, TooltipRoot, TooltipTrigger, TooltipContent, TooltipPortal, TooltipPanel, } from "./tooltip.js";
+export type { ITooltipPanelProps } from "./tooltip.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,eAAe,EACf,WAAW,EACX,cAAc,EACd,cAAc,EACd,aAAa,EACb,YAAY,GACb,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/molecules/tooltip/index.js

@@ -0,0 +1,19 @@
+import {
+  Tooltip,
+  TooltipProvider,
+  TooltipRoot,
+  TooltipTrigger,
+  TooltipContent,
+  TooltipPortal,
+  TooltipPanel
+} from "./tooltip.js";
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipPanel,
+  TooltipPortal,
+  TooltipProvider,
+  TooltipRoot,
+  TooltipTrigger
+};
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/tooltip/index.ts"],"sourcesContent":["export {\n  Tooltip,\n  TooltipProvider,\n  TooltipRoot,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipPortal,\n  TooltipPanel,\n} from \"./tooltip.js\";\nexport type { ITooltipPanelProps } from \"./tooltip.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/components/molecules/tooltip/tooltip.d.ts

@@ -0,0 +1,27 @@
+import * as RadixTooltip from "@radix-ui/react-tooltip";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export declare const TooltipProvider: import("react").FC<RadixTooltip.TooltipProviderProps>;
+export declare const Tooltip: import("react").FC<RadixTooltip.TooltipProps>;
+export declare const TooltipRoot: import("react").FC<RadixTooltip.TooltipProps>;
+export declare const TooltipTrigger: import("react").ForwardRefExoticComponent<RadixTooltip.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TooltipPortal: import("react").FC<RadixTooltip.TooltipPortalProps>;
+export declare const TooltipContent: import("react").ForwardRefExoticComponent<Omit<RadixTooltip.TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface ITooltipPanelProps extends ComponentPropsWithoutRef<typeof RadixTooltip.Root> {
+    content: ReactNode;
+    side?: ComponentPropsWithoutRef<typeof RadixTooltip.Content>["side"];
+    align?: ComponentPropsWithoutRef<typeof RadixTooltip.Content>["align"];
+    children: ReactNode;
+}
+/**
+ * All-in-one tooltip preset. Mounts Provider + Root + Trigger + Content in a
+ * single usage. Use the primitives directly (`<TooltipProvider>`, `<Tooltip>`,
+ * `<TooltipTrigger>`, `<TooltipContent>`) when you need finer control (e.g.
+ * multiple tooltips sharing one provider, portalled custom content).
+ *
+ * @example
+ * <TooltipPanel content="Edit">
+ *   <Button variant="ghost">Pencil</Button>
+ * </TooltipPanel>
+ */
+export declare function TooltipPanel({ content, side, align, children, ...rootProps }: ITooltipPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/molecules/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tooltip/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAc,KAAK,wBAAwB,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnG,eAAO,MAAM,eAAe,uDAAwB,CAAC;AACrD,eAAO,MAAM,OAAO,+CAAoB,CAAC;AACzC,eAAO,MAAM,WAAW,+CAAoB,CAAC;AAC7C,eAAO,MAAM,cAAc,gIAAuB,CAAC;AACnD,eAAO,MAAM,aAAa,qDAAsB,CAAC;AAEjD,eAAO,MAAM,cAAc,0LAazB,CAAC;AAGH,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC;IAC5F,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,wBAAwB,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;IACrE,KAAK,CAAC,EAAE,wBAAwB,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC;IACvE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,IAAY,EAAE,KAAgB,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,kBAAkB,+BAanH"}

package/dist/components/molecules/tooltip/tooltip.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as RadixTooltip from "@radix-ui/react-tooltip";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const TooltipProvider = RadixTooltip.Provider;
+const Tooltip = RadixTooltip.Root;
+const TooltipRoot = RadixTooltip.Root;
+const TooltipTrigger = RadixTooltip.Trigger;
+const TooltipPortal = RadixTooltip.Portal;
+const TooltipContent = forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+  RadixTooltip.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md bg-zinc-900 px-2 py-1 text-xs text-white shadow-md data-[state=delayed-open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=delayed-open]:fade-in-0 dark:bg-zinc-100 dark:text-zinc-900",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = "TooltipContent";
+function TooltipPanel({ content, side = "top", align = "center", children, ...rootProps }) {
+  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(RadixTooltip.Root, { ...rootProps, children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipContent, { side, align, children: content }) })
+  ] }) });
+}
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipPanel,
+  TooltipPortal,
+  TooltipProvider,
+  TooltipRoot,
+  TooltipTrigger
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/components/molecules/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as RadixTooltip from \"@radix-ui/react-tooltip\";\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef, type ReactNode } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport const TooltipProvider = RadixTooltip.Provider;\nexport const Tooltip = RadixTooltip.Root;\nexport const TooltipRoot = RadixTooltip.Root;\nexport const TooltipTrigger = RadixTooltip.Trigger;\nexport const TooltipPortal = RadixTooltip.Portal;\n\nexport const TooltipContent = forwardRef<\n  ElementRef<typeof RadixTooltip.Content>,\n  ComponentPropsWithoutRef<typeof RadixTooltip.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <RadixTooltip.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      \"z-50 overflow-hidden rounded-md bg-zinc-900 px-2 py-1 text-xs text-white shadow-md data-[state=delayed-open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=delayed-open]:fade-in-0 dark:bg-zinc-100 dark:text-zinc-900\",\n      className,\n    )}\n    {...props}\n  />\n));\nTooltipContent.displayName = \"TooltipContent\";\n\nexport interface ITooltipPanelProps extends ComponentPropsWithoutRef<typeof RadixTooltip.Root> {\n  content: ReactNode;\n  side?: ComponentPropsWithoutRef<typeof RadixTooltip.Content>[\"side\"];\n  align?: ComponentPropsWithoutRef<typeof RadixTooltip.Content>[\"align\"];\n  children: ReactNode;\n}\n\n/**\n * All-in-one tooltip preset. Mounts Provider + Root + Trigger + Content in a\n * single usage. Use the primitives directly (`<TooltipProvider>`, `<Tooltip>`,\n * `<TooltipTrigger>`, `<TooltipContent>`) when you need finer control (e.g.\n * multiple tooltips sharing one provider, portalled custom content).\n *\n * @example\n * <TooltipPanel content=\"Edit\">\n *   <Button variant=\"ghost\">Pencil</Button>\n * </TooltipPanel>\n */\nexport function TooltipPanel({ content, side = \"top\", align = \"center\", children, ...rootProps }: ITooltipPanelProps) {\n  return (\n    <TooltipProvider delayDuration={200}>\n      <RadixTooltip.Root {...rootProps}>\n        <TooltipTrigger asChild>{children}</TooltipTrigger>\n        <TooltipPortal>\n          <TooltipContent side={side} align={align}>\n            {content}\n          </TooltipContent>\n        </TooltipPortal>\n      </RadixTooltip.Root>\n    </TooltipProvider>\n  );\n}\n"],"mappings":";AAgBE,cAiCI,YAjCJ;AAdF,YAAY,kBAAkB;AAC9B,SAAS,kBAAkF;AAC3F,SAAS,UAAU;AAEZ,MAAM,kBAAkB,aAAa;AACrC,MAAM,UAAU,aAAa;AAC7B,MAAM,cAAc,aAAa;AACjC,MAAM,iBAAiB,aAAa;AACpC,MAAM,gBAAgB,aAAa;AAEnC,MAAM,iBAAiB,WAG5B,CAAC,EAAE,WAAW,aAAa,GAAG,GAAG,MAAM,GAAG,QAC1C;AAAA,EAAC,aAAa;AAAA,EAAb;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAAc;AAoBtB,SAAS,aAAa,EAAE,SAAS,OAAO,OAAO,QAAQ,UAAU,UAAU,GAAG,UAAU,GAAuB;AACpH,SACE,oBAAC,mBAAgB,eAAe,KAC9B,+BAAC,aAAa,MAAb,EAAmB,GAAG,WACrB;AAAA,wBAAC,kBAAe,SAAO,MAAE,UAAS;AAAA,IAClC,oBAAC,iBACC,8BAAC,kBAAe,MAAY,OACzB,mBACH,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/molecules/tooltip/tooltip.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { TooltipPanel } from "./tooltip.js";
+declare const meta: Meta<typeof TooltipPanel>;
+export default meta;
+type Story = StoryObj<typeof TooltipPanel>;
+export declare const Default: Story;
+export declare const Sides: Story;
+//# sourceMappingURL=tooltip.stories.d.ts.map

package/dist/components/molecules/tooltip/tooltip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tooltip/tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAInC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAC"}

package/dist/components/organisms/app-shell/app-shell-layout.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from "react";
+export interface IAppShellLayoutProps {
+    header?: ReactNode;
+    sidebar?: ReactNode;
+    footer?: ReactNode;
+    children: ReactNode;
+    dir?: "ltr" | "rtl";
+    className?: string;
+    mainClassName?: string;
+    maxWidth?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full";
+}
+/**
+ * Unopinionated slot-based app shell: renders a sticky header, optional
+ * sidebar, main content, and footer. Contains no navigation, theming, or
+ * i18n concerns; those are the consumer's responsibility.
+ *
+ * For a flight-finder-shaped default (top-nav header with active links,
+ * mobile hamburger, locale/theme toggles), use AppShellPreset instead.
+ * For sidebar link lists and module sub top bars, use SidebarNav and
+ * ModuleSubnav with an injected LinkComponent.
+ */
+export declare function AppShellLayout({ header, sidebar, footer, children, dir, className, mainClassName, maxWidth, }: IAppShellLayoutProps): import("react").JSX.Element;
+//# sourceMappingURL=app-shell-layout.d.ts.map

package/dist/components/organisms/app-shell/app-shell-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/app-shell/app-shell-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;CAC/F;AAgBD;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,GAAG,EACH,SAAc,EACd,aAAkB,EAClB,QAAgB,GACjB,EAAE,oBAAoB,+BA8BtB"}

package/dist/components/organisms/app-shell/app-shell-layout.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+const MAX_WIDTH_CLASSES = {
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg",
+  xl: "max-w-xl",
+  "2xl": "max-w-2xl",
+  "3xl": "max-w-3xl",
+  "4xl": "max-w-4xl",
+  "5xl": "max-w-5xl",
+  "6xl": "max-w-6xl",
+  "7xl": "max-w-7xl",
+  full: "max-w-full"
+};
+function AppShellLayout({
+  header,
+  sidebar,
+  footer,
+  children,
+  dir,
+  className = "",
+  mainClassName = "",
+  maxWidth = "7xl"
+}) {
+  const containerClass = `${MAX_WIDTH_CLASSES[maxWidth]} mx-auto w-full`;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      dir,
+      className: `flex min-h-screen flex-col bg-background text-foreground ${className}`,
+      children: [
+        header && /* @__PURE__ */ jsx("header", { className: "sticky top-0 z-10 border-b border-border-base bg-background/80 backdrop-blur-sm", children: /* @__PURE__ */ jsx("div", { className: containerClass, children: header }) }),
+        /* @__PURE__ */ jsxs("div", { className: `flex flex-1 ${containerClass}`, children: [
+          sidebar && /* @__PURE__ */ jsx("aside", { className: "hidden w-64 shrink-0 border-e border-border-base py-6 md:block", children: sidebar }),
+          /* @__PURE__ */ jsx("main", { className: `flex-1 px-4 py-6 ${mainClassName}`, children })
+        ] }),
+        footer && /* @__PURE__ */ jsx("footer", { className: "border-t border-border-base py-4 text-center text-sm text-muted-foreground", children: footer })
+      ]
+    }
+  );
+}
+export {
+  AppShellLayout
+};
+//# sourceMappingURL=app-shell-layout.js.map

package/dist/components/organisms/app-shell/app-shell-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/organisms/app-shell/app-shell-layout.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\n\nexport interface IAppShellLayoutProps {\n  header?: ReactNode;\n  sidebar?: ReactNode;\n  footer?: ReactNode;\n  children: ReactNode;\n  dir?: \"ltr\" | \"rtl\";\n  className?: string;\n  mainClassName?: string;\n  maxWidth?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\" | \"full\";\n}\n\nconst MAX_WIDTH_CLASSES: Record<NonNullable<IAppShellLayoutProps[\"maxWidth\"]>, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-md\",\n  lg: \"max-w-lg\",\n  xl: \"max-w-xl\",\n  \"2xl\": \"max-w-2xl\",\n  \"3xl\": \"max-w-3xl\",\n  \"4xl\": \"max-w-4xl\",\n  \"5xl\": \"max-w-5xl\",\n  \"6xl\": \"max-w-6xl\",\n  \"7xl\": \"max-w-7xl\",\n  full: \"max-w-full\",\n};\n\n/**\n * Unopinionated slot-based app shell: renders a sticky header, optional\n * sidebar, main content, and footer. Contains no navigation, theming, or\n * i18n concerns; those are the consumer's responsibility.\n *\n * For a flight-finder-shaped default (top-nav header with active links,\n * mobile hamburger, locale/theme toggles), use AppShellPreset instead.\n * For sidebar link lists and module sub top bars, use SidebarNav and\n * ModuleSubnav with an injected LinkComponent.\n */\nexport function AppShellLayout({\n  header,\n  sidebar,\n  footer,\n  children,\n  dir,\n  className = \"\",\n  mainClassName = \"\",\n  maxWidth = \"7xl\",\n}: IAppShellLayoutProps) {\n  const containerClass = `${MAX_WIDTH_CLASSES[maxWidth]} mx-auto w-full`;\n\n  return (\n    <div\n      dir={dir}\n      className={`flex min-h-screen flex-col bg-background text-foreground ${className}`}\n    >\n      {header && (\n        <header className=\"sticky top-0 z-10 border-b border-border-base bg-background/80 backdrop-blur-sm\">\n          <div className={containerClass}>{header}</div>\n        </header>\n      )}\n\n      <div className={`flex flex-1 ${containerClass}`}>\n        {sidebar && (\n          <aside className=\"hidden w-64 shrink-0 border-e border-border-base py-6 md:block\">\n            {sidebar}\n          </aside>\n        )}\n        <main className={`flex-1 px-4 py-6 ${mainClassName}`}>{children}</main>\n      </div>\n\n      {footer && (\n        <footer className=\"border-t border-border-base py-4 text-center text-sm text-muted-foreground\">\n          {footer}\n        </footer>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA0DU,cAIJ,YAJI;AA3CV,MAAM,oBAAmF;AAAA,EACvF,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AACR;AAYO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,WAAW;AACb,GAAyB;AACvB,QAAM,iBAAiB,GAAG,kBAAkB,QAAQ,CAAC;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,4DAA4D,SAAS;AAAA,MAE/E;AAAA,kBACC,oBAAC,YAAO,WAAU,mFAChB,8BAAC,SAAI,WAAW,gBAAiB,kBAAO,GAC1C;AAAA,QAGF,qBAAC,SAAI,WAAW,eAAe,cAAc,IAC1C;AAAA,qBACC,oBAAC,WAAM,WAAU,kEACd,mBACH;AAAA,UAEF,oBAAC,UAAK,WAAW,oBAAoB,aAAa,IAAK,UAAS;AAAA,WAClE;AAAA,QAEC,UACC,oBAAC,YAAO,WAAU,8EACf,kBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/components/organisms/app-shell/app-shell-preset.d.ts

@@ -0,0 +1,44 @@
+import { type ComponentType, type ReactNode } from "react";
+export interface IAppShellNavItem {
+    href: string;
+    label: string;
+    visible?: boolean;
+}
+export interface IAppShellNavGroup {
+    label: string;
+    items: readonly IAppShellNavItem[];
+}
+export interface IAppShellLinkProps {
+    href: string;
+    className?: string;
+    onClick?: () => void;
+    children?: ReactNode;
+}
+export interface IAppShellPresetProps {
+    brand: ReactNode;
+    navItems: readonly IAppShellNavItem[];
+    overflowNavItems?: readonly IAppShellNavItem[];
+    overflowNavGroups?: readonly IAppShellNavGroup[];
+    overflowNavLabel?: string;
+    LinkComponent: ComponentType<IAppShellLinkProps>;
+    usePathname: () => string;
+    rightSlot?: ReactNode;
+    mobileRightSlot?: ReactNode;
+    /** Optional content below mobile nav links (e.g. signed-in user label). */
+    mobileNavFooter?: ReactNode;
+    footer?: ReactNode;
+    dir?: "ltr" | "rtl";
+    children: ReactNode;
+    mobileMenuAriaLabel?: string;
+}
+/**
+ * Opinionated top-nav app shell modeled on flight-finder's layout:
+ *  - Sticky header with brand on the start, nav + right slot on the end
+ *  - Active-link highlighting based on the injected usePathname()
+ *  - Mobile hamburger with collapsible nav panel
+ *  - Router-agnostic: consumer injects LinkComponent and usePathname so the
+ *    package does not depend on next/link or next/navigation at build time
+ *  - Session UI is not built-in; place any auth controls in rightSlot
+ */
+export declare function AppShellPreset({ brand, navItems, overflowNavItems, overflowNavGroups, overflowNavLabel, LinkComponent, usePathname, rightSlot, mobileRightSlot, mobileNavFooter, footer, dir, children, mobileMenuAriaLabel, }: IAppShellPresetProps): import("react").JSX.Element;
+//# sourceMappingURL=app-shell-preset.d.ts.map

package/dist/components/organisms/app-shell/app-shell-preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell-preset.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/app-shell/app-shell-preset.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYrE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,gBAAgB,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAC/C,iBAAiB,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACjD,WAAW,EAAE,MAAM,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,2EAA2E;IAC3E,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,gBAAqB,EACrB,iBAAsB,EACtB,gBAAyB,EACzB,aAAa,EACb,WAAW,EACX,SAAS,EACT,eAAe,EACf,eAAe,EACf,MAAM,EACN,GAAG,EACH,QAAQ,EACR,mBAAmC,GACpC,EAAE,oBAAoB,+BAqKtB"}

package/dist/components/organisms/app-shell/app-shell-preset.js

@@ -0,0 +1,137 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "../../molecules/dropdown-menu/dropdown-menu.js";
+import { AppShellLayout } from "./app-shell-layout.js";
+function AppShellPreset({
+  brand,
+  navItems,
+  overflowNavItems = [],
+  overflowNavGroups = [],
+  overflowNavLabel = "More",
+  LinkComponent,
+  usePathname,
+  rightSlot,
+  mobileRightSlot,
+  mobileNavFooter,
+  footer,
+  dir,
+  children,
+  mobileMenuAriaLabel = "Toggle menu"
+}) {
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+  const pathname = usePathname();
+  const visibleNavItems = navItems.filter((n) => n.visible !== false);
+  const visibleOverflowNavItems = overflowNavItems.filter((n) => n.visible !== false);
+  const visibleOverflowNavGroups = overflowNavGroups.map((group) => ({
+    ...group,
+    items: group.items.filter((item) => item.visible !== false)
+  })).filter((group) => group.items.length > 0);
+  const groupedOverflowNavItems = visibleOverflowNavGroups.flatMap((group) => group.items);
+  const effectiveOverflowNavItems = visibleOverflowNavGroups.length > 0 ? groupedOverflowNavItems : visibleOverflowNavItems;
+  const isActive = (href) => href === "/" ? pathname === "/" : pathname.startsWith(href);
+  const renderNavLink = ({ href, label }, onNavigate, mobile = false) => {
+    const active = isActive(href);
+    return /* @__PURE__ */ jsx(
+      LinkComponent,
+      {
+        href,
+        onClick: onNavigate,
+        className: mobile ? `block rounded-lg px-3 py-3 text-sm font-medium transition-colors ${active ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-surface-muted"}` : active ? "text-sm font-medium text-primary" : "text-sm font-medium text-muted-foreground transition-colors hover:text-foreground",
+        children: label
+      },
+      href
+    );
+  };
+  const header = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: brand }),
+      /* @__PURE__ */ jsxs("nav", { className: "hidden items-center gap-4 md:flex", children: [
+        visibleNavItems.map((item) => renderNavLink(item)),
+        effectiveOverflowNavItems.length > 0 ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx(DropdownMenuTrigger, { className: "text-sm font-medium text-muted-foreground transition-colors hover:text-foreground", children: overflowNavLabel }),
+          /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: visibleOverflowNavGroups.length > 0 ? visibleOverflowNavGroups.map((group, groupIndex) => /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(DropdownMenuLabel, { children: group.label }),
+            group.items.map((item) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx(LinkComponent, { href: item.href, className: "w-full", children: item.label }) }, item.href)),
+            groupIndex < visibleOverflowNavGroups.length - 1 ? /* @__PURE__ */ jsx(DropdownMenuSeparator, {}) : null
+          ] }, group.label)) : visibleOverflowNavItems.map((item) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx(LinkComponent, { href: item.href, className: "w-full", children: item.label }) }, item.href)) })
+        ] }) : null,
+        rightSlot
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 md:hidden", children: [
+        mobileRightSlot ?? rightSlot,
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setMobileMenuOpen((o) => !o),
+            className: "min-h-11 min-w-11 rounded-lg p-2 text-muted-foreground transition-colors hover:bg-surface-muted",
+            "aria-label": mobileMenuAriaLabel,
+            children: mobileMenuOpen ? /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: "h-5 w-5",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                strokeWidth: 2,
+                stroke: "currentColor",
+                children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
+              }
+            ) : /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: "h-5 w-5",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                strokeWidth: 2,
+                stroke: "currentColor",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ] })
+    ] }),
+    mobileMenuOpen && /* @__PURE__ */ jsxs("div", { className: "border-t border-border-base md:hidden", children: [
+      /* @__PURE__ */ jsxs("nav", { className: "bg-background px-4 py-2", children: [
+        visibleNavItems.map(
+          (item) => renderNavLink(item, () => setMobileMenuOpen(false), true)
+        ),
+        visibleOverflowNavGroups.length > 0 ? visibleOverflowNavGroups.flatMap((group) => [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "px-3 pt-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+              children: group.label
+            },
+            `group-${group.label}`
+          ),
+          ...group.items.map(
+            (item) => renderNavLink(item, () => setMobileMenuOpen(false), true)
+          )
+        ]) : effectiveOverflowNavItems.map(
+          (item) => renderNavLink(item, () => setMobileMenuOpen(false), true)
+        )
+      ] }),
+      mobileNavFooter ? /* @__PURE__ */ jsx("div", { className: "border-t border-border-base px-4 py-3 text-sm text-muted-foreground", children: mobileNavFooter }) : null
+    ] })
+  ] });
+  return /* @__PURE__ */ jsx(AppShellLayout, { header, footer, dir, children });
+}
+export {
+  AppShellPreset
+};
+//# sourceMappingURL=app-shell-preset.js.map

package/dist/components/organisms/app-shell/app-shell-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/organisms/app-shell/app-shell-preset.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, type ComponentType, type ReactNode } from \"react\";\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../../molecules/dropdown-menu/dropdown-menu.js\";\nimport { AppShellLayout } from \"./app-shell-layout.js\";\n\nexport interface IAppShellNavItem {\n  href: string;\n  label: string;\n  visible?: boolean;\n}\n\nexport interface IAppShellNavGroup {\n  label: string;\n  items: readonly IAppShellNavItem[];\n}\n\nexport interface IAppShellLinkProps {\n  href: string;\n  className?: string;\n  onClick?: () => void;\n  children?: ReactNode;\n}\n\nexport interface IAppShellPresetProps {\n  brand: ReactNode;\n  navItems: readonly IAppShellNavItem[];\n  overflowNavItems?: readonly IAppShellNavItem[];\n  overflowNavGroups?: readonly IAppShellNavGroup[];\n  overflowNavLabel?: string;\n  LinkComponent: ComponentType<IAppShellLinkProps>;\n  usePathname: () => string;\n  rightSlot?: ReactNode;\n  mobileRightSlot?: ReactNode;\n  /** Optional content below mobile nav links (e.g. signed-in user label). */\n  mobileNavFooter?: ReactNode;\n  footer?: ReactNode;\n  dir?: \"ltr\" | \"rtl\";\n  children: ReactNode;\n  mobileMenuAriaLabel?: string;\n}\n\n/**\n * Opinionated top-nav app shell modeled on flight-finder's layout:\n *  - Sticky header with brand on the start, nav + right slot on the end\n *  - Active-link highlighting based on the injected usePathname()\n *  - Mobile hamburger with collapsible nav panel\n *  - Router-agnostic: consumer injects LinkComponent and usePathname so the\n *    package does not depend on next/link or next/navigation at build time\n *  - Session UI is not built-in; place any auth controls in rightSlot\n */\nexport function AppShellPreset({\n  brand,\n  navItems,\n  overflowNavItems = [],\n  overflowNavGroups = [],\n  overflowNavLabel = \"More\",\n  LinkComponent,\n  usePathname,\n  rightSlot,\n  mobileRightSlot,\n  mobileNavFooter,\n  footer,\n  dir,\n  children,\n  mobileMenuAriaLabel = \"Toggle menu\",\n}: IAppShellPresetProps) {\n  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);\n  const pathname = usePathname();\n\n  const visibleNavItems = navItems.filter((n) => n.visible !== false);\n  const visibleOverflowNavItems = overflowNavItems.filter((n) => n.visible !== false);\n  const visibleOverflowNavGroups = overflowNavGroups\n    .map((group) => ({\n      ...group,\n      items: group.items.filter((item) => item.visible !== false),\n    }))\n    .filter((group) => group.items.length > 0);\n  const groupedOverflowNavItems = visibleOverflowNavGroups.flatMap((group) => group.items);\n  const effectiveOverflowNavItems =\n    visibleOverflowNavGroups.length > 0\n      ? groupedOverflowNavItems\n      : visibleOverflowNavItems;\n\n  const isActive = (href: string): boolean =>\n    href === \"/\" ? pathname === \"/\" : pathname.startsWith(href);\n\n  const renderNavLink = (\n    { href, label }: IAppShellNavItem,\n    onNavigate?: () => void,\n    mobile = false,\n  ) => {\n    const active = isActive(href);\n\n    return (\n      <LinkComponent\n        key={href}\n        href={href}\n        onClick={onNavigate}\n        className={\n          mobile\n            ? `block rounded-lg px-3 py-3 text-sm font-medium transition-colors ${\n                active\n                  ? \"bg-primary/10 text-primary\"\n                  : \"text-muted-foreground hover:bg-surface-muted\"\n              }`\n            : active\n              ? \"text-sm font-medium text-primary\"\n              : \"text-sm font-medium text-muted-foreground transition-colors hover:text-foreground\"\n        }\n      >\n        {label}\n      </LinkComponent>\n    );\n  };\n\n  const header = (\n    <>\n      <div className=\"flex items-center justify-between px-4 py-3\">\n        <div className=\"flex items-center gap-3\">{brand}</div>\n\n        <nav className=\"hidden items-center gap-4 md:flex\">\n          {visibleNavItems.map((item) => renderNavLink(item))}\n          {effectiveOverflowNavItems.length > 0 ? (\n            <DropdownMenu>\n              <DropdownMenuTrigger className=\"text-sm font-medium text-muted-foreground transition-colors hover:text-foreground\">\n                {overflowNavLabel}\n              </DropdownMenuTrigger>\n              <DropdownMenuContent align=\"end\">\n                {visibleOverflowNavGroups.length > 0\n                  ? visibleOverflowNavGroups.map((group, groupIndex) => (\n                      <div key={group.label}>\n                        <DropdownMenuLabel>{group.label}</DropdownMenuLabel>\n                        {group.items.map((item) => (\n                          <DropdownMenuItem key={item.href} asChild>\n                            <LinkComponent href={item.href} className=\"w-full\">\n                              {item.label}\n                            </LinkComponent>\n                          </DropdownMenuItem>\n                        ))}\n                        {groupIndex < visibleOverflowNavGroups.length - 1 ? (\n                          <DropdownMenuSeparator />\n                        ) : null}\n                      </div>\n                    ))\n                  : visibleOverflowNavItems.map((item) => (\n                      <DropdownMenuItem key={item.href} asChild>\n                        <LinkComponent href={item.href} className=\"w-full\">\n                          {item.label}\n                        </LinkComponent>\n                      </DropdownMenuItem>\n                    ))}\n              </DropdownMenuContent>\n            </DropdownMenu>\n          ) : null}\n          {rightSlot}\n        </nav>\n\n        <div className=\"flex items-center gap-2 md:hidden\">\n          {mobileRightSlot ?? rightSlot}\n          <button\n            onClick={() => setMobileMenuOpen((o) => !o)}\n            className=\"min-h-11 min-w-11 rounded-lg p-2 text-muted-foreground transition-colors hover:bg-surface-muted\"\n            aria-label={mobileMenuAriaLabel}\n          >\n            {mobileMenuOpen ? (\n              <svg\n                className=\"h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                strokeWidth={2}\n                stroke=\"currentColor\"\n              >\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n              </svg>\n            ) : (\n              <svg\n                className=\"h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                strokeWidth={2}\n                stroke=\"currentColor\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5\"\n                />\n              </svg>\n            )}\n          </button>\n        </div>\n      </div>\n\n      {mobileMenuOpen && (\n        <div className=\"border-t border-border-base md:hidden\">\n          <nav className=\"bg-background px-4 py-2\">\n            {visibleNavItems.map((item) =>\n              renderNavLink(item, () => setMobileMenuOpen(false), true),\n            )}\n            {visibleOverflowNavGroups.length > 0\n              ? visibleOverflowNavGroups.flatMap((group) => [\n                  <div\n                    key={`group-${group.label}`}\n                    className=\"px-3 pt-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground\"\n                  >\n                    {group.label}\n                  </div>,\n                  ...group.items.map((item) =>\n                    renderNavLink(item, () => setMobileMenuOpen(false), true),\n                  ),\n                ])\n              : effectiveOverflowNavItems.map((item) =>\n                  renderNavLink(item, () => setMobileMenuOpen(false), true),\n                )}\n          </nav>\n          {mobileNavFooter ? (\n            <div className=\"border-t border-border-base px-4 py-3 text-sm text-muted-foreground\">\n              {mobileNavFooter}\n            </div>\n          ) : null}\n        </div>\n      )}\n    </>\n  );\n\n  return (\n    <AppShellLayout header={header} footer={footer} dir={dir}>\n      {children}\n    </AppShellLayout>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/organisms/app-shell/app-shell.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { AppShellPreset } from "./app-shell-preset.js";
+declare const meta: Meta<typeof AppShellPreset>;
+export default meta;
+type Story = StoryObj<typeof AppShellPreset>;
+export declare const HomeActive: Story;
+export declare const AboutActive: Story;
+export declare const Static: Story;
+//# sourceMappingURL=app-shell.stories.d.ts.map

package/dist/components/organisms/app-shell/app-shell.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/app-shell/app-shell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,cAAc,EAA2B,MAAM,uBAAuB,CAAC;AAehF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAYrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAgD7C,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAiBpB,CAAC"}

package/dist/components/organisms/app-shell/index.d.ts

@@ -0,0 +1,9 @@
+export { AppShellLayout } from "./app-shell-layout.js";
+export type { IAppShellLayoutProps } from "./app-shell-layout.js";
+export { AppShellPreset } from "./app-shell-preset.js";
+export type { IAppShellPresetProps, IAppShellNavItem, IAppShellNavGroup, IAppShellLinkProps, } from "./app-shell-preset.js";
+export { SidebarNav } from "./sidebar-nav.js";
+export type { ISidebarNavProps, ISidebarNavItem } from "./sidebar-nav.js";
+export { ModuleSubnav } from "./module-subnav.js";
+export type { IModuleSubnavProps, IModuleSubnavItem } from "./module-subnav.js";
+//# sourceMappingURL=index.d.ts.map