@noambz/ui 0.7.0

package/dist/components/organisms/page-scaffolds/full-page-error.d.ts

@@ -0,0 +1,22 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface IFullPageErrorProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    title?: ReactNode;
+    description?: ReactNode;
+    /** Custom icon (defaults to an alert triangle). */
+    icon?: ReactNode;
+    /** Primary action, usually a "Try again" or "Go home" button. */
+    action?: ReactNode;
+    /** Secondary action. */
+    secondaryAction?: ReactNode;
+    /** Optional raw error to surface in a collapsible details block (dev only). */
+    error?: Error | string;
+    /** Fill the viewport vs. the parent. */
+    fill?: "viewport" | "parent";
+}
+/**
+ * Full-page error scaffold for error boundaries or fetch failures. Provides
+ * an icon, title, description, and up to two actions, plus an optional
+ * details block for raw `Error` objects.
+ */
+export declare const FullPageError: import("react").ForwardRefExoticComponent<IFullPageErrorProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=full-page-error.d.ts.map

package/dist/components/organisms/page-scaffolds/full-page-error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-page-error.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/page-scaffolds/full-page-error.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACxF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mDAAmD;IACnD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iEAAiE;IACjE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wBAAwB;IACxB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,+EAA+E;IAC/E,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,wCAAwC;IACxC,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;CAC9B;AAsBD;;;;GAIG;AACH,eAAO,MAAM,aAAa,gHAmDzB,CAAC"}

package/dist/components/organisms/page-scaffolds/full-page-error.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+function DefaultErrorIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.75",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "h-7 w-7",
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+      ]
+    }
+  );
+}
+const FullPageError = forwardRef(
+  ({
+    title = "Something went wrong",
+    description = "Please try again. If the problem persists, check back later.",
+    icon,
+    action,
+    secondaryAction,
+    error,
+    fill = "viewport",
+    className,
+    ...props
+  }, ref) => {
+    const detailText = typeof error === "string" ? error : error instanceof Error ? `${error.message}
+
+${error.stack ?? ""}` : void 0;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: cn(
+          "flex flex-col items-center justify-center gap-4 p-8 text-center",
+          fill === "viewport" ? "min-h-screen" : "min-h-full",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-red-50 text-red-600 dark:bg-red-950/50 dark:text-red-400", children: icon ?? /* @__PURE__ */ jsx(DefaultErrorIcon, {}) }),
+          /* @__PURE__ */ jsxs("div", { className: "max-w-md space-y-1", children: [
+            /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-foreground", children: title }),
+            description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description }) : null
+          ] }),
+          action || secondaryAction ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+            action,
+            secondaryAction
+          ] }) : null,
+          detailText ? /* @__PURE__ */ jsxs("details", { className: "mt-4 w-full max-w-xl rounded-lg border border-border-base bg-surface-muted/50 p-3 text-start text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("summary", { className: "cursor-pointer select-none font-medium text-foreground", children: "Error details" }),
+            /* @__PURE__ */ jsx("pre", { className: "mt-2 whitespace-pre-wrap break-words", children: detailText })
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+FullPageError.displayName = "FullPageError";
+export {
+  FullPageError
+};
+//# sourceMappingURL=full-page-error.js.map

package/dist/components/organisms/page-scaffolds/full-page-error.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/organisms/page-scaffolds/full-page-error.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport interface IFullPageErrorProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title?: ReactNode;\n  description?: ReactNode;\n  /** Custom icon (defaults to an alert triangle). */\n  icon?: ReactNode;\n  /** Primary action, usually a \"Try again\" or \"Go home\" button. */\n  action?: ReactNode;\n  /** Secondary action. */\n  secondaryAction?: ReactNode;\n  /** Optional raw error to surface in a collapsible details block (dev only). */\n  error?: Error | string;\n  /** Fill the viewport vs. the parent. */\n  fill?: \"viewport\" | \"parent\";\n}\n\nfunction DefaultErrorIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.75\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"h-7 w-7\"\n      aria-hidden\n    >\n      <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\" />\n      <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n      <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n    </svg>\n  );\n}\n\n/**\n * Full-page error scaffold for error boundaries or fetch failures. Provides\n * an icon, title, description, and up to two actions, plus an optional\n * details block for raw `Error` objects.\n */\nexport const FullPageError = forwardRef<HTMLDivElement, IFullPageErrorProps>(\n  (\n    {\n      title = \"Something went wrong\",\n      description = \"Please try again. If the problem persists, check back later.\",\n      icon,\n      action,\n      secondaryAction,\n      error,\n      fill = \"viewport\",\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const detailText =\n      typeof error === \"string\" ? error : error instanceof Error ? `${error.message}\\n\\n${error.stack ?? \"\"}` : undefined;\n\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        className={cn(\n          \"flex flex-col items-center justify-center gap-4 p-8 text-center\",\n          fill === \"viewport\" ? \"min-h-screen\" : \"min-h-full\",\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"flex h-14 w-14 items-center justify-center rounded-full bg-red-50 text-red-600 dark:bg-red-950/50 dark:text-red-400\">\n          {icon ?? <DefaultErrorIcon />}\n        </div>\n        <div className=\"max-w-md space-y-1\">\n          <h1 className=\"text-lg font-semibold text-foreground\">{title}</h1>\n          {description ? <p className=\"text-sm text-muted-foreground\">{description}</p> : null}\n        </div>\n        {action || secondaryAction ? (\n          <div className=\"flex flex-wrap items-center justify-center gap-2\">\n            {action}\n            {secondaryAction}\n          </div>\n        ) : null}\n        {detailText ? (\n          <details className=\"mt-4 w-full max-w-xl rounded-lg border border-border-base bg-surface-muted/50 p-3 text-start text-xs text-muted-foreground\">\n            <summary className=\"cursor-pointer select-none font-medium text-foreground\">Error details</summary>\n            <pre className=\"mt-2 whitespace-pre-wrap break-words\">{detailText}</pre>\n          </details>\n        ) : null}\n      </div>\n    );\n  },\n);\nFullPageError.displayName = \"FullPageError\";\n"],"mappings":";AAsBI,SAWE,KAXF;AApBJ,SAAS,kBAAuD;AAChE,SAAS,UAAU;AAiBnB,SAAS,mBAAmB;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAU;AAAA,MACV,eAAW;AAAA,MAEX;AAAA,4BAAC,UAAK,GAAE,4FAA2F;AAAA,QACnG,oBAAC,UAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK;AAAA,QACrC,oBAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,SAAQ,IAAG,MAAK;AAAA;AAAA;AAAA,EAC3C;AAEJ;AAOO,MAAM,gBAAgB;AAAA,EAC3B,CACE;AAAA,IACE,QAAQ;AAAA,IACR,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,aACJ,OAAO,UAAU,WAAW,QAAQ,iBAAiB,QAAQ,GAAG,MAAM,OAAO;AAAA;AAAA,EAAO,MAAM,SAAS,EAAE,KAAK;AAE5G,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,WAAW;AAAA,UACT;AAAA,UACA,SAAS,aAAa,iBAAiB;AAAA,UACvC;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,8BAAC,SAAI,WAAU,uHACZ,kBAAQ,oBAAC,oBAAiB,GAC7B;AAAA,UACA,qBAAC,SAAI,WAAU,sBACb;AAAA,gCAAC,QAAG,WAAU,yCAAyC,iBAAM;AAAA,YAC5D,cAAc,oBAAC,OAAE,WAAU,iCAAiC,uBAAY,IAAO;AAAA,aAClF;AAAA,UACC,UAAU,kBACT,qBAAC,SAAI,WAAU,oDACZ;AAAA;AAAA,YACA;AAAA,aACH,IACE;AAAA,UACH,aACC,qBAAC,aAAQ,WAAU,8HACjB;AAAA,gCAAC,aAAQ,WAAU,0DAAyD,2BAAa;AAAA,YACzF,oBAAC,SAAI,WAAU,wCAAwC,sBAAW;AAAA,aACpE,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;","names":[]}

package/dist/components/organisms/page-scaffolds/full-page-loading.d.ts

@@ -0,0 +1,13 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface IFullPageLoadingProps extends HTMLAttributes<HTMLDivElement> {
+    /** Message shown beneath the spinner. */
+    message?: ReactNode;
+    /** Fill the viewport (`min-h-screen`) vs. fill the parent (`min-h-full`). */
+    fill?: "viewport" | "parent";
+}
+/**
+ * Full-page loading state used as a Suspense fallback or during initial
+ * route hydration. Renders a centered spinner plus optional copy.
+ */
+export declare const FullPageLoading: import("react").ForwardRefExoticComponent<IFullPageLoadingProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=full-page-loading.d.ts.map

package/dist/components/organisms/page-scaffolds/full-page-loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-page-loading.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/page-scaffolds/full-page-loading.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxE,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,kHAiB3B,CAAC"}

package/dist/components/organisms/page-scaffolds/full-page-loading.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Spinner } from "../../atoms/spinner/spinner.js";
+import { cn } from "../../../utils/cn.js";
+const FullPageLoading = forwardRef(
+  ({ message, fill = "viewport", className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      role: "status",
+      "aria-live": "polite",
+      className: cn(
+        "flex flex-col items-center justify-center gap-4 p-8 text-muted-foreground",
+        fill === "viewport" ? "min-h-screen" : "min-h-full",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Spinner, { size: "lg", tone: "accent" }),
+        message ? /* @__PURE__ */ jsx("p", { className: "text-sm", children: message }) : null
+      ]
+    }
+  )
+);
+FullPageLoading.displayName = "FullPageLoading";
+export {
+  FullPageLoading
+};
+//# sourceMappingURL=full-page-loading.js.map

package/dist/components/organisms/page-scaffolds/full-page-loading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/organisms/page-scaffolds/full-page-loading.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { Spinner } from \"../../atoms/spinner/spinner.js\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport interface IFullPageLoadingProps extends HTMLAttributes<HTMLDivElement> {\n  /** Message shown beneath the spinner. */\n  message?: ReactNode;\n  /** Fill the viewport (`min-h-screen`) vs. fill the parent (`min-h-full`). */\n  fill?: \"viewport\" | \"parent\";\n}\n\n/**\n * Full-page loading state used as a Suspense fallback or during initial\n * route hydration. Renders a centered spinner plus optional copy.\n */\nexport const FullPageLoading = forwardRef<HTMLDivElement, IFullPageLoadingProps>(\n  ({ message, fill = \"viewport\", className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"status\"\n      aria-live=\"polite\"\n      className={cn(\n        \"flex flex-col items-center justify-center gap-4 p-8 text-muted-foreground\",\n        fill === \"viewport\" ? \"min-h-screen\" : \"min-h-full\",\n        className,\n      )}\n      {...props}\n    >\n      <Spinner size=\"lg\" tone=\"accent\" />\n      {message ? <p className=\"text-sm\">{message}</p> : null}\n    </div>\n  ),\n);\nFullPageLoading.displayName = \"FullPageLoading\";\n"],"mappings":";AAmBI,SAWE,KAXF;AAjBJ,SAAS,kBAAuD;AAChE,SAAS,eAAe;AACxB,SAAS,UAAU;AAaZ,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,SAAS,OAAO,YAAY,WAAW,GAAG,MAAM,GAAG,QACpD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA,SAAS,aAAa,iBAAiB;AAAA,QACvC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,WAAQ,MAAK,MAAK,MAAK,UAAS;AAAA,QAChC,UAAU,oBAAC,OAAE,WAAU,WAAW,mBAAQ,IAAO;AAAA;AAAA;AAAA,EACpD;AAEJ;AACA,gBAAgB,cAAc;","names":[]}

package/dist/components/organisms/page-scaffolds/index.d.ts

@@ -0,0 +1,4 @@
+export { FullPageLoading, type IFullPageLoadingProps, } from "./full-page-loading.js";
+export { FullPageError, type IFullPageErrorProps, } from "./full-page-error.js";
+export { NotFoundState, type INotFoundStateProps, } from "./not-found-state.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/page-scaffolds/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/page-scaffolds/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,qBAAqB,GAC3B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,aAAa,EACb,KAAK,mBAAmB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,aAAa,EACb,KAAK,mBAAmB,GACzB,MAAM,sBAAsB,CAAC"}

package/dist/components/organisms/page-scaffolds/index.js

@@ -0,0 +1,15 @@
+import {
+  FullPageLoading
+} from "./full-page-loading.js";
+import {
+  FullPageError
+} from "./full-page-error.js";
+import {
+  NotFoundState
+} from "./not-found-state.js";
+export {
+  FullPageError,
+  FullPageLoading,
+  NotFoundState
+};
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/page-scaffolds/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/organisms/page-scaffolds/index.ts"],"sourcesContent":["export {\n  FullPageLoading,\n  type IFullPageLoadingProps,\n} from \"./full-page-loading.js\";\nexport {\n  FullPageError,\n  type IFullPageErrorProps,\n} from \"./full-page-error.js\";\nexport {\n  NotFoundState,\n  type INotFoundStateProps,\n} from \"./not-found-state.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;","names":[]}

package/dist/components/organisms/page-scaffolds/not-found-state.d.ts

@@ -0,0 +1,17 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface INotFoundStateProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Headline code, e.g. "404". Pass `null` to hide. */
+    code?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    action?: ReactNode;
+    secondaryAction?: ReactNode;
+    /** Fill the viewport vs. the parent. */
+    fill?: "viewport" | "parent";
+}
+/**
+ * 404 / not-found scaffold. A large display code over a short explanation,
+ * with an optional primary and secondary action (e.g. "Go home", "Go back").
+ */
+export declare const NotFoundState: import("react").ForwardRefExoticComponent<INotFoundStateProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=not-found-state.d.ts.map

package/dist/components/organisms/page-scaffolds/not-found-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"not-found-state.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/page-scaffolds/not-found-state.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACxF,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,wCAAwC;IACxC,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,gHAsCzB,CAAC"}

package/dist/components/organisms/page-scaffolds/not-found-state.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const NotFoundState = forwardRef(
+  ({
+    code = "404",
+    title = "Page not found",
+    description = "The page you're looking for doesn't exist or has been moved.",
+    action,
+    secondaryAction,
+    fill = "viewport",
+    className,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex flex-col items-center justify-center gap-4 p-8 text-center",
+        fill === "viewport" ? "min-h-screen" : "min-h-full",
+        className
+      ),
+      ...props,
+      children: [
+        code ? /* @__PURE__ */ jsx("div", { className: "text-6xl font-semibold tracking-tight text-muted-foreground sm:text-7xl", children: code }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "max-w-md space-y-1", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-foreground", children: title }),
+          description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description }) : null
+        ] }),
+        action || secondaryAction ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+          action,
+          secondaryAction
+        ] }) : null
+      ]
+    }
+  )
+);
+NotFoundState.displayName = "NotFoundState";
+export {
+  NotFoundState
+};
+//# sourceMappingURL=not-found-state.js.map

package/dist/components/organisms/page-scaffolds/not-found-state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/organisms/page-scaffolds/not-found-state.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport interface INotFoundStateProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  /** Headline code, e.g. \"404\". Pass `null` to hide. */\n  code?: ReactNode;\n  title?: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n  secondaryAction?: ReactNode;\n  /** Fill the viewport vs. the parent. */\n  fill?: \"viewport\" | \"parent\";\n}\n\n/**\n * 404 / not-found scaffold. A large display code over a short explanation,\n * with an optional primary and secondary action (e.g. \"Go home\", \"Go back\").\n */\nexport const NotFoundState = forwardRef<HTMLDivElement, INotFoundStateProps>(\n  (\n    {\n      code = \"404\",\n      title = \"Page not found\",\n      description = \"The page you're looking for doesn't exist or has been moved.\",\n      action,\n      secondaryAction,\n      fill = \"viewport\",\n      className,\n      ...props\n    },\n    ref,\n  ) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-col items-center justify-center gap-4 p-8 text-center\",\n        fill === \"viewport\" ? \"min-h-screen\" : \"min-h-full\",\n        className,\n      )}\n      {...props}\n    >\n      {code ? (\n        <div className=\"text-6xl font-semibold tracking-tight text-muted-foreground sm:text-7xl\">{code}</div>\n      ) : null}\n      <div className=\"max-w-md space-y-1\">\n        <h1 className=\"text-lg font-semibold text-foreground\">{title}</h1>\n        {description ? <p className=\"text-sm text-muted-foreground\">{description}</p> : null}\n      </div>\n      {action || secondaryAction ? (\n        <div className=\"flex flex-wrap items-center justify-center gap-2\">\n          {action}\n          {secondaryAction}\n        </div>\n      ) : null}\n    </div>\n  ),\n);\nNotFoundState.displayName = \"NotFoundState\";\n"],"mappings":";AA4CQ,cAEF,YAFE;AA1CR,SAAS,kBAAuD;AAChE,SAAS,UAAU;AAiBZ,MAAM,gBAAgB;AAAA,EAC3B,CACE;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,GACA,QAEA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,SAAS,aAAa,iBAAiB;AAAA,QACvC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,eACC,oBAAC,SAAI,WAAU,2EAA2E,gBAAK,IAC7F;AAAA,QACJ,qBAAC,SAAI,WAAU,sBACb;AAAA,8BAAC,QAAG,WAAU,yCAAyC,iBAAM;AAAA,UAC5D,cAAc,oBAAC,OAAE,WAAU,iCAAiC,uBAAY,IAAO;AAAA,WAClF;AAAA,QACC,UAAU,kBACT,qBAAC,SAAI,WAAU,oDACZ;AAAA;AAAA,UACA;AAAA,WACH,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AACA,cAAc,cAAc;","names":[]}

package/dist/components/organisms/page-scaffolds/page-scaffolds.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Loading: Story;
+export declare const ErrorState: Story;
+export declare const NotFound: Story;
+//# sourceMappingURL=page-scaffolds.stories.d.ts.map

package/dist/components/organisms/page-scaffolds/page-scaffolds.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-scaffolds.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/page-scaffolds/page-scaffolds.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC"}

package/dist/components/organisms/paginated-data-grid/index.d.ts

@@ -0,0 +1,2 @@
+export { PaginatedDataGrid, type IPaginatedDataGridProps, } from "./paginated-data-grid.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/paginated-data-grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/paginated-data-grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,KAAK,uBAAuB,GAC7B,MAAM,0BAA0B,CAAC"}

package/dist/components/organisms/paginated-data-grid/index.js

@@ -0,0 +1,7 @@
+import {
+  PaginatedDataGrid
+} from "./paginated-data-grid.js";
+export {
+  PaginatedDataGrid
+};
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/paginated-data-grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/organisms/paginated-data-grid/index.ts"],"sourcesContent":["export {\n  PaginatedDataGrid,\n  type IPaginatedDataGridProps,\n} from \"./paginated-data-grid.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,OAEK;","names":[]}

package/dist/components/organisms/paginated-data-grid/paginated-data-grid.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from "react";
+import { type IDataGridColumn, type IDataGridProps, type IDataGridSort } from "../data-grid/data-grid.js";
+import { type IPaginationLabels } from "../../molecules/pagination/pagination.js";
+export interface IPaginatedDataGridProps<TRow, TKey extends string = string> extends Omit<IDataGridProps<TRow, TKey>, "className"> {
+    page: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    /** Override pagination labels for i18n. */
+    paginationLabels?: Partial<IPaginationLabels>;
+    /** Content rendered above the grid (filters, search, export buttons, etc). */
+    toolbar?: ReactNode;
+    /** Content rendered alongside the pagination (counts, bulk actions). */
+    footerLeading?: ReactNode;
+    className?: string;
+}
+/**
+ * Opinionated composition of `DataGrid` + `Pagination` with a shared frame,
+ * optional toolbar, and optional footer leading slot. Use when you want a
+ * batteries-included table layout; use `DataGrid` + `Pagination` directly
+ * when you need custom layout.
+ */
+export declare function PaginatedDataGrid<TRow, TKey extends string = string>({ page, totalPages, onPageChange, paginationLabels, toolbar, footerLeading, className, columns, ...gridProps }: IPaginatedDataGridProps<TRow, TKey>): import("react").JSX.Element;
+export type { IDataGridColumn, IDataGridSort };
+//# sourceMappingURL=paginated-data-grid.d.ts.map

package/dist/components/organisms/paginated-data-grid/paginated-data-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginated-data-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/paginated-data-grid/paginated-data-grid.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,aAAa,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAG9F,MAAM,WAAW,uBAAuB,CAAC,IAAI,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,CACzE,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,WAAW,CAAC;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC9C,8EAA8E;IAC9E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wEAAwE;IACxE,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,EAAE,EACpE,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,SAAS,EACT,OAAO,EACP,GAAG,SAAS,EACb,EAAE,uBAAuB,CAAC,IAAI,EAAE,IAAI,CAAC,+BAkBrC;AAED,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/organisms/paginated-data-grid/paginated-data-grid.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {} from "react";
+import {
+  DataGrid
+} from "../data-grid/data-grid.js";
+import { Pagination } from "../../molecules/pagination/pagination.js";
+import { cn } from "../../../utils/cn.js";
+function PaginatedDataGrid({
+  page,
+  totalPages,
+  onPageChange,
+  paginationLabels,
+  toolbar,
+  footerLeading,
+  className,
+  columns,
+  ...gridProps
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3", className), children: [
+    toolbar ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: toolbar }) : null,
+    /* @__PURE__ */ jsx(DataGrid, { columns, ...gridProps }),
+    totalPages > 1 || footerLeading ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: footerLeading }),
+      /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          page,
+          totalPages,
+          onPageChange,
+          labels: paginationLabels
+        }
+      )
+    ] }) : null
+  ] });
+}
+export {
+  PaginatedDataGrid
+};
+//# sourceMappingURL=paginated-data-grid.js.map

package/dist/components/organisms/paginated-data-grid/paginated-data-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/organisms/paginated-data-grid/paginated-data-grid.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode } from \"react\";\nimport {\n  DataGrid,\n  type IDataGridColumn,\n  type IDataGridProps,\n  type IDataGridSort,\n} from \"../data-grid/data-grid.js\";\nimport { Pagination, type IPaginationLabels } from \"../../molecules/pagination/pagination.js\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport interface IPaginatedDataGridProps<TRow, TKey extends string = string>\n  extends Omit<IDataGridProps<TRow, TKey>, \"className\"> {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  /** Override pagination labels for i18n. */\n  paginationLabels?: Partial<IPaginationLabels>;\n  /** Content rendered above the grid (filters, search, export buttons, etc). */\n  toolbar?: ReactNode;\n  /** Content rendered alongside the pagination (counts, bulk actions). */\n  footerLeading?: ReactNode;\n  className?: string;\n}\n\n/**\n * Opinionated composition of `DataGrid` + `Pagination` with a shared frame,\n * optional toolbar, and optional footer leading slot. Use when you want a\n * batteries-included table layout; use `DataGrid` + `Pagination` directly\n * when you need custom layout.\n */\nexport function PaginatedDataGrid<TRow, TKey extends string = string>({\n  page,\n  totalPages,\n  onPageChange,\n  paginationLabels,\n  toolbar,\n  footerLeading,\n  className,\n  columns,\n  ...gridProps\n}: IPaginatedDataGridProps<TRow, TKey>) {\n  return (\n    <div className={cn(\"flex flex-col gap-3\", className)}>\n      {toolbar ? <div className=\"flex flex-wrap items-center gap-2\">{toolbar}</div> : null}\n      <DataGrid<TRow, TKey> columns={columns as ReadonlyArray<IDataGridColumn<TRow, TKey>>} {...gridProps} />\n      {totalPages > 1 || footerLeading ? (\n        <div className=\"flex flex-wrap items-center justify-between gap-2\">\n          <div className=\"text-xs text-muted-foreground\">{footerLeading}</div>\n          <Pagination\n            page={page}\n            totalPages={totalPages}\n            onPageChange={onPageChange}\n            labels={paginationLabels}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport type { IDataGridColumn, IDataGridSort };\n"],"mappings":";AA6CiB,cAGT,YAHS;AA3CjB,eAA+B;AAC/B;AAAA,EACE;AAAA,OAIK;AACP,SAAS,kBAA0C;AACnD,SAAS,UAAU;AAsBZ,SAAS,kBAAsD;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE,qBAAC,SAAI,WAAW,GAAG,uBAAuB,SAAS,GAChD;AAAA,cAAU,oBAAC,SAAI,WAAU,qCAAqC,mBAAQ,IAAS;AAAA,IAChF,oBAAC,YAAqB,SAAiE,GAAG,WAAW;AAAA,IACpG,aAAa,KAAK,gBACjB,qBAAC,SAAI,WAAU,qDACb;AAAA,0BAAC,SAAI,WAAU,iCAAiC,yBAAc;AAAA,MAC9D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,QAAQ;AAAA;AAAA,MACV;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/components/organisms/paginated-data-grid/paginated-data-grid.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { PaginatedDataGrid } from "./paginated-data-grid.js";
+interface ISignalRow {
+    id: string;
+    ticker: string;
+    analyzer: string;
+    confidence: number;
+    firedAt: string;
+}
+declare const meta: Meta<typeof PaginatedDataGrid<ISignalRow>>;
+export default meta;
+type Story = StoryObj<typeof PaginatedDataGrid<ISignalRow>>;
+export declare const Default: Story;
+//# sourceMappingURL=paginated-data-grid.stories.d.ts.map

package/dist/components/organisms/paginated-data-grid/paginated-data-grid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginated-data-grid.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/paginated-data-grid/paginated-data-grid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAM7D,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAsCD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAAC,UAAU,CAAC,CAIpD,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC;AAE5D,eAAO,MAAM,OAAO,EAAE,KAsDrB,CAAC"}

package/dist/components/organisms/select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, } from "./select.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,GAChB,MAAM,aAAa,CAAC"}

package/dist/components/organisms/select/index.js

@@ -0,0 +1,21 @@
+import {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator
+} from "./select.js";
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue
+};
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/organisms/select/index.ts"],"sourcesContent":["export {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n} from \"./select.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/components/organisms/select/select.d.ts

@@ -0,0 +1,10 @@
+import * as RadixSelect from "@radix-ui/react-select";
+export declare const Select: import("react").FC<RadixSelect.SelectProps>;
+export declare const SelectGroup: import("react").ForwardRefExoticComponent<RadixSelect.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectValue: import("react").ForwardRefExoticComponent<RadixSelect.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const SelectTrigger: import("react").ForwardRefExoticComponent<Omit<RadixSelect.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SelectContent: import("react").ForwardRefExoticComponent<Omit<RadixSelect.SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectLabel: import("react").ForwardRefExoticComponent<Omit<RadixSelect.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<RadixSelect.SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectSeparator: import("react").ForwardRefExoticComponent<Omit<RadixSelect.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=select.d.ts.map

package/dist/components/organisms/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAItD,eAAO,MAAM,MAAM,6CAAmB,CAAC;AACvC,eAAO,MAAM,WAAW,yHAAoB,CAAC;AAC7C,eAAO,MAAM,WAAW,0HAAoB,CAAC;AAkB7C,eAAO,MAAM,aAAa,8LAiBxB,CAAC;AAGH,eAAO,MAAM,aAAa,wLAyBxB,CAAC;AAGH,eAAO,MAAM,WAAW,sLAKtB,CAAC;AAGH,eAAO,MAAM,UAAU,qLAmBrB,CAAC;AAGH,eAAO,MAAM,eAAe,0LAK1B,CAAC"}

package/dist/components/organisms/select/select.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as RadixSelect from "@radix-ui/react-select";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const Select = RadixSelect.Root;
+const SelectGroup = RadixSelect.Group;
+const SelectValue = RadixSelect.Value;
+function ChevronDownIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4 opacity-50", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) });
+}
+function CheckIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) });
+}
+const SelectTrigger = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  RadixSelect.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-9 w-full items-center justify-between gap-2 rounded-lg border border-border-strong bg-background px-3 text-sm text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(RadixSelect.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) })
+    ]
+  }
+));
+SelectTrigger.displayName = "SelectTrigger";
+const SelectContent = forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(RadixSelect.Portal, { children: /* @__PURE__ */ jsx(
+  RadixSelect.Content,
+  {
+    ref,
+    position,
+    className: cn(
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-lg border border-border-base bg-surface text-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      RadixSelect.Viewport,
+      {
+        className: cn(
+          "p-1",
+          position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+        ),
+        children
+      }
+    )
+  }
+) }));
+SelectContent.displayName = "SelectContent";
+const SelectLabel = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixSelect.Label, { ref, className: cn("px-2 py-1.5 text-xs font-semibold text-muted-foreground", className), ...props }));
+SelectLabel.displayName = "SelectLabel";
+const SelectItem = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  RadixSelect.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center gap-2 rounded-md py-1.5 ps-8 pe-2 text-sm outline-none focus:bg-surface-muted data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(RadixSelect.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }),
+      /* @__PURE__ */ jsx(RadixSelect.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = "SelectItem";
+const SelectSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixSelect.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border-base", className), ...props }));
+SelectSeparator.displayName = "SelectSeparator";
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue
+};
+//# sourceMappingURL=select.js.map

package/dist/components/organisms/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/organisms/select/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as RadixSelect from \"@radix-ui/react-select\";\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport const Select = RadixSelect.Root;\nexport const SelectGroup = RadixSelect.Group;\nexport const SelectValue = RadixSelect.Value;\n\nfunction ChevronDownIcon() {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} className=\"h-4 w-4 opacity-50\" aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon() {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} className=\"h-4 w-4\" aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n    </svg>\n  );\n}\n\nexport const SelectTrigger = forwardRef<\n  ElementRef<typeof RadixSelect.Trigger>,\n  ComponentPropsWithoutRef<typeof RadixSelect.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <RadixSelect.Trigger\n    ref={ref}\n    className={cn(\n      \"flex h-9 w-full items-center justify-between gap-2 rounded-lg border border-border-strong bg-background px-3 text-sm text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <RadixSelect.Icon asChild>\n      <ChevronDownIcon />\n    </RadixSelect.Icon>\n  </RadixSelect.Trigger>\n));\nSelectTrigger.displayName = \"SelectTrigger\";\n\nexport const SelectContent = forwardRef<\n  ElementRef<typeof RadixSelect.Content>,\n  ComponentPropsWithoutRef<typeof RadixSelect.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <RadixSelect.Portal>\n    <RadixSelect.Content\n      ref={ref}\n      position={position}\n      className={cn(\n        \"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-lg border border-border-base bg-surface text-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n        position === \"popper\" && \"data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1\",\n        className,\n      )}\n      {...props}\n    >\n      <RadixSelect.Viewport\n        className={cn(\n          \"p-1\",\n          position === \"popper\" && \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\n        )}\n      >\n        {children}\n      </RadixSelect.Viewport>\n    </RadixSelect.Content>\n  </RadixSelect.Portal>\n));\nSelectContent.displayName = \"SelectContent\";\n\nexport const SelectLabel = forwardRef<\n  ElementRef<typeof RadixSelect.Label>,\n  ComponentPropsWithoutRef<typeof RadixSelect.Label>\n>(({ className, ...props }, ref) => (\n  <RadixSelect.Label ref={ref} className={cn(\"px-2 py-1.5 text-xs font-semibold text-muted-foreground\", className)} {...props} />\n));\nSelectLabel.displayName = \"SelectLabel\";\n\nexport const SelectItem = forwardRef<\n  ElementRef<typeof RadixSelect.Item>,\n  ComponentPropsWithoutRef<typeof RadixSelect.Item>\n>(({ className, children, ...props }, ref) => (\n  <RadixSelect.Item\n    ref={ref}\n    className={cn(\n      \"relative flex w-full cursor-default select-none items-center gap-2 rounded-md py-1.5 ps-8 pe-2 text-sm outline-none focus:bg-surface-muted data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute start-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <RadixSelect.ItemIndicator>\n        <CheckIcon />\n      </RadixSelect.ItemIndicator>\n    </span>\n    <RadixSelect.ItemText>{children}</RadixSelect.ItemText>\n  </RadixSelect.Item>\n));\nSelectItem.displayName = \"SelectItem\";\n\nexport const SelectSeparator = forwardRef<\n  ElementRef<typeof RadixSelect.Separator>,\n  ComponentPropsWithoutRef<typeof RadixSelect.Separator>\n>(({ className, ...props }, ref) => (\n  <RadixSelect.Separator ref={ref} className={cn(\"-mx-1 my-1 h-px bg-border-base\", className)} {...props} />\n));\nSelectSeparator.displayName = \"SelectSeparator\";\n"],"mappings":";AAaM,cAiBJ,YAjBI;AAXN,YAAY,iBAAiB;AAC7B,SAAS,kBAAkE;AAC3E,SAAS,UAAU;AAEZ,MAAM,SAAS,YAAY;AAC3B,MAAM,cAAc,YAAY;AAChC,MAAM,cAAc,YAAY;AAEvC,SAAS,kBAAkB;AACzB,SACE,oBAAC,SAAI,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAa,GAAG,WAAU,sBAAqB,eAAY,QACpH,8BAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,kBAAiB,GACxE;AAEJ;AAEA,SAAS,YAAY;AACnB,SACE,oBAAC,SAAI,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAa,GAAG,WAAU,WAAU,eAAY,QACzG,8BAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,kBAAiB,GACxE;AAEJ;AAEO,MAAM,gBAAgB,WAG3B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAC,YAAY;AAAA,EAAZ;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH;AAAA;AAAA,MACD,oBAAC,YAAY,MAAZ,EAAiB,SAAO,MACvB,8BAAC,mBAAgB,GACnB;AAAA;AAAA;AACF,CACD;AACD,cAAc,cAAc;AAErB,MAAM,gBAAgB,WAG3B,CAAC,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,MAAM,GAAG,QACzD,oBAAC,YAAY,QAAZ,EACC;AAAA,EAAC,YAAY;AAAA,EAAZ;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,aAAa,YAAY;AAAA,MACzB;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,MAAC,YAAY;AAAA,MAAZ;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,aAAa,YAAY;AAAA,QAC3B;AAAA,QAEC;AAAA;AAAA,IACH;AAAA;AACF,GACF,CACD;AACD,cAAc,cAAc;AAErB,MAAM,cAAc,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,YAAY,OAAZ,EAAkB,KAAU,WAAW,GAAG,2DAA2D,SAAS,GAAI,GAAG,OAAO,CAC9H;AACD,YAAY,cAAc;AAEnB,MAAM,aAAa,WAGxB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAC,YAAY;AAAA,EAAZ;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,0BAAC,UAAK,WAAU,iEACd,8BAAC,YAAY,eAAZ,EACC,8BAAC,aAAU,GACb,GACF;AAAA,MACA,oBAAC,YAAY,UAAZ,EAAsB,UAAS;AAAA;AAAA;AAClC,CACD;AACD,WAAW,cAAc;AAElB,MAAM,kBAAkB,WAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,YAAY,WAAZ,EAAsB,KAAU,WAAW,GAAG,kCAAkC,SAAS,GAAI,GAAG,OAAO,CACzG;AACD,gBAAgB,cAAc;","names":[]}

package/dist/components/organisms/select/select.stories.d.ts

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

package/dist/components/organisms/select/select.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/select/select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EACL,MAAM,EAQP,MAAM,aAAa,CAAC;AAErB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAI7B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAC"}

package/dist/components/organisms/shortcut-help-overlay/index.d.ts

@@ -0,0 +1,3 @@
+export { ShortcutHelpOverlay } from "./shortcut-help-overlay.js";
+export type { IShortcutHelpEntry, IShortcutHelpOverlayProps } from "./shortcut-help-overlay.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/shortcut-help-overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/shortcut-help-overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/components/organisms/shortcut-help-overlay/index.js

@@ -0,0 +1,5 @@
+import { ShortcutHelpOverlay } from "./shortcut-help-overlay.js";
+export {
+  ShortcutHelpOverlay
+};
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/shortcut-help-overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/organisms/shortcut-help-overlay/index.ts"],"sourcesContent":["export { ShortcutHelpOverlay } from \"./shortcut-help-overlay.js\";\nexport type { IShortcutHelpEntry, IShortcutHelpOverlayProps } from \"./shortcut-help-overlay.js\";\n"],"mappings":"AAAA,SAAS,2BAA2B;","names":[]}