@medialane/ui 0.101.2 → 0.103.0

package/dist/components/drop-countdown.cjs

@@ -0,0 +1,66 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var drop_countdown_exports = {};
+__export(drop_countdown_exports, {
+  DropCountdown: () => DropCountdown
+});
+module.exports = __toCommonJS(drop_countdown_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+function parts(totalSeconds) {
+  const s = Math.max(0, totalSeconds);
+  return {
+    d: Math.floor(s / 86400),
+    h: Math.floor(s % 86400 / 3600),
+    m: Math.floor(s % 3600 / 60),
+    s: Math.floor(s % 60)
+  };
+}
+function DropCountdown({ targetTs, label }) {
+  const [now, setNow] = (0, import_react.useState)(() => Math.floor(Date.now() / 1e3));
+  (0, import_react.useEffect)(() => {
+    const id = setInterval(() => setNow(Math.floor(Date.now() / 1e3)), 1e3);
+    return () => clearInterval(id);
+  }, []);
+  const { d, h, m, s } = parts(targetTs - now);
+  const cell = (value, unit) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-2xl font-black tabular-nums leading-none", children: String(value).padStart(2, "0") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[10px] uppercase tracking-widest text-muted-foreground mt-1", children: unit })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-semibold uppercase tracking-widest text-brand-orange", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
+      d > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        cell(d, "days"),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xl text-muted-foreground/40", children: ":" })
+      ] }),
+      cell(h, "hrs"),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xl text-muted-foreground/40", children: ":" }),
+      cell(m, "min"),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xl text-muted-foreground/40", children: ":" }),
+      cell(s, "sec")
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropCountdown
+});
+//# sourceMappingURL=drop-countdown.cjs.map

package/dist/components/drop-countdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/drop-countdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nfunction parts(totalSeconds: number) {\n  const s = Math.max(0, totalSeconds);\n  return {\n    d: Math.floor(s / 86400),\n    h: Math.floor((s % 86400) / 3600),\n    m: Math.floor((s % 3600) / 60),\n    s: Math.floor(s % 60),\n  };\n}\n\n// Counts down to a unix-seconds target (phase start when upcoming, phase end when live).\nexport function DropCountdown({ targetTs, label }: { targetTs: number; label: string }) {\n  const [now, setNow] = useState(() => Math.floor(Date.now() / 1000));\n\n  useEffect(() => {\n    const id = setInterval(() => setNow(Math.floor(Date.now() / 1000)), 1000);\n    return () => clearInterval(id);\n  }, []);\n\n  const { d, h, m, s } = parts(targetTs - now);\n  const cell = (value: number, unit: string) => (\n    <div className=\"flex flex-col items-center\">\n      <span className=\"text-2xl font-black tabular-nums leading-none\">{String(value).padStart(2, \"0\")}</span>\n      <span className=\"text-[10px] uppercase tracking-widest text-muted-foreground mt-1\">{unit}</span>\n    </div>\n  );\n\n  return (\n    <div className=\"space-y-2\">\n      <p className=\"text-xs font-semibold uppercase tracking-widest text-brand-orange\">{label}</p>\n      <div className=\"flex items-center gap-3\">\n        {d > 0 && (<>{cell(d, \"days\")}<span className=\"text-xl text-muted-foreground/40\">:</span></>)}\n        {cell(h, \"hrs\")}\n        <span className=\"text-xl text-muted-foreground/40\">:</span>\n        {cell(m, \"min\")}\n        <span className=\"text-xl text-muted-foreground/40\">:</span>\n        {cell(s, \"sec\")}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBI;AAvBJ,mBAAoC;AAEpC,SAAS,MAAM,cAAsB;AACnC,QAAM,IAAI,KAAK,IAAI,GAAG,YAAY;AAClC,SAAO;AAAA,IACL,GAAG,KAAK,MAAM,IAAI,KAAK;AAAA,IACvB,GAAG,KAAK,MAAO,IAAI,QAAS,IAAI;AAAA,IAChC,GAAG,KAAK,MAAO,IAAI,OAAQ,EAAE;AAAA,IAC7B,GAAG,KAAK,MAAM,IAAI,EAAE;AAAA,EACtB;AACF;AAGO,SAAS,cAAc,EAAE,UAAU,MAAM,GAAwC;AACtF,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,MAAM,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,CAAC;AAElE,8BAAU,MAAM;AACd,UAAM,KAAK,YAAY,MAAM,OAAO,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,CAAC,GAAG,GAAI;AACxE,WAAO,MAAM,cAAc,EAAE;AAAA,EAC/B,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,MAAM,WAAW,GAAG;AAC3C,QAAM,OAAO,CAAC,OAAe,SAC3B,6CAAC,SAAI,WAAU,8BACb;AAAA,gDAAC,UAAK,WAAU,iDAAiD,iBAAO,KAAK,EAAE,SAAS,GAAG,GAAG,GAAE;AAAA,IAChG,4CAAC,UAAK,WAAU,oEAAoE,gBAAK;AAAA,KAC3F;AAGF,SACE,6CAAC,SAAI,WAAU,aACb;AAAA,gDAAC,OAAE,WAAU,qEAAqE,iBAAM;AAAA,IACxF,6CAAC,SAAI,WAAU,2BACZ;AAAA,UAAI,KAAM,4EAAG;AAAA,aAAK,GAAG,MAAM;AAAA,QAAE,4CAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,SAAO;AAAA,MACxF,KAAK,GAAG,KAAK;AAAA,MACd,4CAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MACnD,KAAK,GAAG,KAAK;AAAA,MACd,4CAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MACnD,KAAK,GAAG,KAAK;AAAA,OAChB;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/drop-countdown.d.cts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function DropCountdown({ targetTs, label }: {
+    targetTs: number;
+    label: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { DropCountdown };

package/dist/components/drop-countdown.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function DropCountdown({ targetTs, label }: {
+    targetTs: number;
+    label: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { DropCountdown };

package/dist/components/drop-countdown.js

@@ -0,0 +1,42 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+function parts(totalSeconds) {
+  const s = Math.max(0, totalSeconds);
+  return {
+    d: Math.floor(s / 86400),
+    h: Math.floor(s % 86400 / 3600),
+    m: Math.floor(s % 3600 / 60),
+    s: Math.floor(s % 60)
+  };
+}
+function DropCountdown({ targetTs, label }) {
+  const [now, setNow] = useState(() => Math.floor(Date.now() / 1e3));
+  useEffect(() => {
+    const id = setInterval(() => setNow(Math.floor(Date.now() / 1e3)), 1e3);
+    return () => clearInterval(id);
+  }, []);
+  const { d, h, m, s } = parts(targetTs - now);
+  const cell = (value, unit) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-2xl font-black tabular-nums leading-none", children: String(value).padStart(2, "0") }),
+    /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-widest text-muted-foreground mt-1", children: unit })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-widest text-brand-orange", children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      d > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        cell(d, "days"),
+        /* @__PURE__ */ jsx("span", { className: "text-xl text-muted-foreground/40", children: ":" })
+      ] }),
+      cell(h, "hrs"),
+      /* @__PURE__ */ jsx("span", { className: "text-xl text-muted-foreground/40", children: ":" }),
+      cell(m, "min"),
+      /* @__PURE__ */ jsx("span", { className: "text-xl text-muted-foreground/40", children: ":" }),
+      cell(s, "sec")
+    ] })
+  ] });
+}
+export {
+  DropCountdown
+};
+//# sourceMappingURL=drop-countdown.js.map

package/dist/components/drop-countdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/drop-countdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nfunction parts(totalSeconds: number) {\n  const s = Math.max(0, totalSeconds);\n  return {\n    d: Math.floor(s / 86400),\n    h: Math.floor((s % 86400) / 3600),\n    m: Math.floor((s % 3600) / 60),\n    s: Math.floor(s % 60),\n  };\n}\n\n// Counts down to a unix-seconds target (phase start when upcoming, phase end when live).\nexport function DropCountdown({ targetTs, label }: { targetTs: number; label: string }) {\n  const [now, setNow] = useState(() => Math.floor(Date.now() / 1000));\n\n  useEffect(() => {\n    const id = setInterval(() => setNow(Math.floor(Date.now() / 1000)), 1000);\n    return () => clearInterval(id);\n  }, []);\n\n  const { d, h, m, s } = parts(targetTs - now);\n  const cell = (value: number, unit: string) => (\n    <div className=\"flex flex-col items-center\">\n      <span className=\"text-2xl font-black tabular-nums leading-none\">{String(value).padStart(2, \"0\")}</span>\n      <span className=\"text-[10px] uppercase tracking-widest text-muted-foreground mt-1\">{unit}</span>\n    </div>\n  );\n\n  return (\n    <div className=\"space-y-2\">\n      <p className=\"text-xs font-semibold uppercase tracking-widest text-brand-orange\">{label}</p>\n      <div className=\"flex items-center gap-3\">\n        {d > 0 && (<>{cell(d, \"days\")}<span className=\"text-xl text-muted-foreground/40\">:</span></>)}\n        {cell(h, \"hrs\")}\n        <span className=\"text-xl text-muted-foreground/40\">:</span>\n        {cell(m, \"min\")}\n        <span className=\"text-xl text-muted-foreground/40\">:</span>\n        {cell(s, \"sec\")}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAyBI,SAUe,UATb,KADF;AAvBJ,SAAS,WAAW,gBAAgB;AAEpC,SAAS,MAAM,cAAsB;AACnC,QAAM,IAAI,KAAK,IAAI,GAAG,YAAY;AAClC,SAAO;AAAA,IACL,GAAG,KAAK,MAAM,IAAI,KAAK;AAAA,IACvB,GAAG,KAAK,MAAO,IAAI,QAAS,IAAI;AAAA,IAChC,GAAG,KAAK,MAAO,IAAI,OAAQ,EAAE;AAAA,IAC7B,GAAG,KAAK,MAAM,IAAI,EAAE;AAAA,EACtB;AACF;AAGO,SAAS,cAAc,EAAE,UAAU,MAAM,GAAwC;AACtF,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,MAAM,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,CAAC;AAElE,YAAU,MAAM;AACd,UAAM,KAAK,YAAY,MAAM,OAAO,KAAK,MAAM,KAAK,IAAI,IAAI,GAAI,CAAC,GAAG,GAAI;AACxE,WAAO,MAAM,cAAc,EAAE;AAAA,EAC/B,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,MAAM,WAAW,GAAG;AAC3C,QAAM,OAAO,CAAC,OAAe,SAC3B,qBAAC,SAAI,WAAU,8BACb;AAAA,wBAAC,UAAK,WAAU,iDAAiD,iBAAO,KAAK,EAAE,SAAS,GAAG,GAAG,GAAE;AAAA,IAChG,oBAAC,UAAK,WAAU,oEAAoE,gBAAK;AAAA,KAC3F;AAGF,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,OAAE,WAAU,qEAAqE,iBAAM;AAAA,IACxF,qBAAC,SAAI,WAAU,2BACZ;AAAA,UAAI,KAAM,iCAAG;AAAA,aAAK,GAAG,MAAM;AAAA,QAAE,oBAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,SAAO;AAAA,MACxF,KAAK,GAAG,KAAK;AAAA,MACd,oBAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MACnD,KAAK,GAAG,KAAK;AAAA,MACd,oBAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MACnD,KAAK,GAAG,KAAK;AAAA,OAChB;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/empty-or-error.cjs

@@ -0,0 +1,88 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var empty_or_error_exports = {};
+__export(empty_or_error_exports, {
+  EmptyOrError: () => EmptyOrError
+});
+module.exports = __toCommonJS(empty_or_error_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_skeleton = require("./skeleton.js");
+var import_button = require("./button.js");
+var import_link = __toESM(require("next/link"), 1);
+var import_lucide_react = require("lucide-react");
+function EmptyOrError({
+  isLoading,
+  error,
+  isEmpty,
+  onRetry,
+  emptyTitle,
+  emptyDescription,
+  emptyCta,
+  emptyIcon,
+  skeletonCount = 4,
+  skeletonNode,
+  children
+}) {
+  if (isLoading) {
+    if (skeletonNode) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: skeletonNode });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-3", children: Array.from({ length: skeletonCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-20 w-full rounded-xl" }, i)) });
+  }
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "py-16 text-center space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-14 w-14 rounded-xl bg-destructive/10 flex items-center justify-center mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.AlertCircle, { className: "h-7 w-7 text-destructive" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-semibold text-lg", children: "Something went wrong" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground max-w-xs mx-auto", children: error instanceof Error ? error.message : "Failed to load data. Please try again." }),
+      onRetry && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.Button, { variant: "outline", size: "sm", onClick: onRetry, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.RefreshCw, { className: "h-3.5 w-3.5 mr-1.5" }),
+        "Try again"
+      ] })
+    ] });
+  }
+  if (isEmpty) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "py-16 text-center space-y-4", children: [
+      emptyIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-14 w-14 rounded-xl bg-muted flex items-center justify-center mx-auto", children: emptyIcon }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "font-semibold text-lg", children: emptyTitle }),
+      emptyDescription && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground max-w-xs mx-auto", children: emptyDescription }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
+        onRetry && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.Button, { variant: "outline", size: "sm", onClick: onRetry, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.RefreshCw, { className: "h-3.5 w-3.5 mr-1.5" }),
+          "Refresh"
+        ] }),
+        emptyCta && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { size: "sm", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: emptyCta.href, children: emptyCta.label }) })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EmptyOrError
+});
+//# sourceMappingURL=empty-or-error.cjs.map

package/dist/components/empty-or-error.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/empty-or-error.tsx"],"sourcesContent":["\"use client\";\n\nimport { Skeleton } from \"./skeleton.js\";\nimport { Button } from \"./button.js\";\nimport Link from \"next/link\";\nimport { RefreshCw, AlertCircle } from \"lucide-react\";\nimport { ReactNode } from \"react\";\n\ninterface EmptyOrErrorProps {\n  isLoading: boolean;\n  error?: unknown;\n  isEmpty: boolean;\n  onRetry?: () => void;\n  emptyTitle: string;\n  emptyDescription?: string;\n  emptyCta?: { label: string; href: string };\n  emptyIcon?: ReactNode;\n  skeletonCount?: number;\n  /** Optional custom skeleton renderer — replaces the default row skeletons */\n  skeletonNode?: ReactNode;\n  children?: ReactNode;\n}\n\nexport function EmptyOrError({\n  isLoading,\n  error,\n  isEmpty,\n  onRetry,\n  emptyTitle,\n  emptyDescription,\n  emptyCta,\n  emptyIcon,\n  skeletonCount = 4,\n  skeletonNode,\n  children,\n}: EmptyOrErrorProps) {\n  if (isLoading) {\n    if (skeletonNode) return <>{skeletonNode}</>;\n    return (\n      <div className=\"space-y-3\">\n        {Array.from({ length: skeletonCount }).map((_, i) => (\n          <Skeleton key={i} className=\"h-20 w-full rounded-xl\" />\n        ))}\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"py-16 text-center space-y-4\">\n        <div className=\"h-14 w-14 rounded-xl bg-destructive/10 flex items-center justify-center mx-auto\">\n          <AlertCircle className=\"h-7 w-7 text-destructive\" />\n        </div>\n        <p className=\"font-semibold text-lg\">Something went wrong</p>\n        <p className=\"text-sm text-muted-foreground max-w-xs mx-auto\">\n          {error instanceof Error ? error.message : \"Failed to load data. Please try again.\"}\n        </p>\n        {onRetry && (\n          <Button variant=\"outline\" size=\"sm\" onClick={onRetry}>\n            <RefreshCw className=\"h-3.5 w-3.5 mr-1.5\" />\n            Try again\n          </Button>\n        )}\n      </div>\n    );\n  }\n\n  if (isEmpty) {\n    return (\n      <div className=\"py-16 text-center space-y-4\">\n        {emptyIcon && (\n          <div className=\"h-14 w-14 rounded-xl bg-muted flex items-center justify-center mx-auto\">\n            {emptyIcon}\n          </div>\n        )}\n        <p className=\"font-semibold text-lg\">{emptyTitle}</p>\n        {emptyDescription && (\n          <p className=\"text-sm text-muted-foreground max-w-xs mx-auto\">{emptyDescription}</p>\n        )}\n        <div className=\"flex items-center justify-center gap-3\">\n          {onRetry && (\n            <Button variant=\"outline\" size=\"sm\" onClick={onRetry}>\n              <RefreshCw className=\"h-3.5 w-3.5 mr-1.5\" />\n              Refresh\n            </Button>\n          )}\n          {emptyCta && (\n            <Button size=\"sm\" asChild>\n              <Link href={emptyCta.href}>{emptyCta.label}</Link>\n            </Button>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return <>{children}</>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqC6B;AAnC7B,sBAAyB;AACzB,oBAAuB;AACvB,kBAAiB;AACjB,0BAAuC;AAkBhC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AACF,GAAsB;AACpB,MAAI,WAAW;AACb,QAAI,aAAc,QAAO,2EAAG,wBAAa;AACzC,WACE,4CAAC,SAAI,WAAU,aACZ,gBAAM,KAAK,EAAE,QAAQ,cAAc,CAAC,EAAE,IAAI,CAAC,GAAG,MAC7C,4CAAC,4BAAiB,WAAU,4BAAb,CAAsC,CACtD,GACH;AAAA,EAEJ;AAEA,MAAI,OAAO;AACT,WACE,6CAAC,SAAI,WAAU,+BACb;AAAA,kDAAC,SAAI,WAAU,mFACb,sDAAC,mCAAY,WAAU,4BAA2B,GACpD;AAAA,MACA,4CAAC,OAAE,WAAU,yBAAwB,kCAAoB;AAAA,MACzD,4CAAC,OAAE,WAAU,kDACV,2BAAiB,QAAQ,MAAM,UAAU,0CAC5C;AAAA,MACC,WACC,6CAAC,wBAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,SAC3C;AAAA,oDAAC,iCAAU,WAAU,sBAAqB;AAAA,QAAE;AAAA,SAE9C;AAAA,OAEJ;AAAA,EAEJ;AAEA,MAAI,SAAS;AACX,WACE,6CAAC,SAAI,WAAU,+BACZ;AAAA,mBACC,4CAAC,SAAI,WAAU,0EACZ,qBACH;AAAA,MAEF,4CAAC,OAAE,WAAU,yBAAyB,sBAAW;AAAA,MAChD,oBACC,4CAAC,OAAE,WAAU,kDAAkD,4BAAiB;AAAA,MAElF,6CAAC,SAAI,WAAU,0CACZ;AAAA,mBACC,6CAAC,wBAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,SAC3C;AAAA,sDAAC,iCAAU,WAAU,sBAAqB;AAAA,UAAE;AAAA,WAE9C;AAAA,QAED,YACC,4CAAC,wBAAO,MAAK,MAAK,SAAO,MACvB,sDAAC,YAAAA,SAAA,EAAK,MAAM,SAAS,MAAO,mBAAS,OAAM,GAC7C;AAAA,SAEJ;AAAA,OACF;AAAA,EAEJ;AAEA,SAAO,2EAAG,UAAS;AACrB;","names":["Link"]}

package/dist/components/empty-or-error.d.cts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface EmptyOrErrorProps {
+    isLoading: boolean;
+    error?: unknown;
+    isEmpty: boolean;
+    onRetry?: () => void;
+    emptyTitle: string;
+    emptyDescription?: string;
+    emptyCta?: {
+        label: string;
+        href: string;
+    };
+    emptyIcon?: ReactNode;
+    skeletonCount?: number;
+    /** Optional custom skeleton renderer — replaces the default row skeletons */
+    skeletonNode?: ReactNode;
+    children?: ReactNode;
+}
+declare function EmptyOrError({ isLoading, error, isEmpty, onRetry, emptyTitle, emptyDescription, emptyCta, emptyIcon, skeletonCount, skeletonNode, children, }: EmptyOrErrorProps): react_jsx_runtime.JSX.Element;
+
+export { EmptyOrError };

package/dist/components/empty-or-error.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface EmptyOrErrorProps {
+    isLoading: boolean;
+    error?: unknown;
+    isEmpty: boolean;
+    onRetry?: () => void;
+    emptyTitle: string;
+    emptyDescription?: string;
+    emptyCta?: {
+        label: string;
+        href: string;
+    };
+    emptyIcon?: ReactNode;
+    skeletonCount?: number;
+    /** Optional custom skeleton renderer — replaces the default row skeletons */
+    skeletonNode?: ReactNode;
+    children?: ReactNode;
+}
+declare function EmptyOrError({ isLoading, error, isEmpty, onRetry, emptyTitle, emptyDescription, emptyCta, emptyIcon, skeletonCount, skeletonNode, children, }: EmptyOrErrorProps): react_jsx_runtime.JSX.Element;
+
+export { EmptyOrError };

package/dist/components/empty-or-error.js

@@ -0,0 +1,54 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Skeleton } from "./skeleton.js";
+import { Button } from "./button.js";
+import Link from "next/link";
+import { RefreshCw, AlertCircle } from "lucide-react";
+function EmptyOrError({
+  isLoading,
+  error,
+  isEmpty,
+  onRetry,
+  emptyTitle,
+  emptyDescription,
+  emptyCta,
+  emptyIcon,
+  skeletonCount = 4,
+  skeletonNode,
+  children
+}) {
+  if (isLoading) {
+    if (skeletonNode) return /* @__PURE__ */ jsx(Fragment, { children: skeletonNode });
+    return /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Array.from({ length: skeletonCount }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-20 w-full rounded-xl" }, i)) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { className: "py-16 text-center space-y-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-14 w-14 rounded-xl bg-destructive/10 flex items-center justify-center mx-auto", children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-7 w-7 text-destructive" }) }),
+      /* @__PURE__ */ jsx("p", { className: "font-semibold text-lg", children: "Something went wrong" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground max-w-xs mx-auto", children: error instanceof Error ? error.message : "Failed to load data. Please try again." }),
+      onRetry && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onRetry, children: [
+        /* @__PURE__ */ jsx(RefreshCw, { className: "h-3.5 w-3.5 mr-1.5" }),
+        "Try again"
+      ] })
+    ] });
+  }
+  if (isEmpty) {
+    return /* @__PURE__ */ jsxs("div", { className: "py-16 text-center space-y-4", children: [
+      emptyIcon && /* @__PURE__ */ jsx("div", { className: "h-14 w-14 rounded-xl bg-muted flex items-center justify-center mx-auto", children: emptyIcon }),
+      /* @__PURE__ */ jsx("p", { className: "font-semibold text-lg", children: emptyTitle }),
+      emptyDescription && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground max-w-xs mx-auto", children: emptyDescription }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-3", children: [
+        onRetry && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onRetry, children: [
+          /* @__PURE__ */ jsx(RefreshCw, { className: "h-3.5 w-3.5 mr-1.5" }),
+          "Refresh"
+        ] }),
+        emptyCta && /* @__PURE__ */ jsx(Button, { size: "sm", asChild: true, children: /* @__PURE__ */ jsx(Link, { href: emptyCta.href, children: emptyCta.label }) })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+export {
+  EmptyOrError
+};
+//# sourceMappingURL=empty-or-error.js.map

package/dist/components/empty-or-error.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/empty-or-error.tsx"],"sourcesContent":["\"use client\";\n\nimport { Skeleton } from \"./skeleton.js\";\nimport { Button } from \"./button.js\";\nimport Link from \"next/link\";\nimport { RefreshCw, AlertCircle } from \"lucide-react\";\nimport { ReactNode } from \"react\";\n\ninterface EmptyOrErrorProps {\n  isLoading: boolean;\n  error?: unknown;\n  isEmpty: boolean;\n  onRetry?: () => void;\n  emptyTitle: string;\n  emptyDescription?: string;\n  emptyCta?: { label: string; href: string };\n  emptyIcon?: ReactNode;\n  skeletonCount?: number;\n  /** Optional custom skeleton renderer — replaces the default row skeletons */\n  skeletonNode?: ReactNode;\n  children?: ReactNode;\n}\n\nexport function EmptyOrError({\n  isLoading,\n  error,\n  isEmpty,\n  onRetry,\n  emptyTitle,\n  emptyDescription,\n  emptyCta,\n  emptyIcon,\n  skeletonCount = 4,\n  skeletonNode,\n  children,\n}: EmptyOrErrorProps) {\n  if (isLoading) {\n    if (skeletonNode) return <>{skeletonNode}</>;\n    return (\n      <div className=\"space-y-3\">\n        {Array.from({ length: skeletonCount }).map((_, i) => (\n          <Skeleton key={i} className=\"h-20 w-full rounded-xl\" />\n        ))}\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"py-16 text-center space-y-4\">\n        <div className=\"h-14 w-14 rounded-xl bg-destructive/10 flex items-center justify-center mx-auto\">\n          <AlertCircle className=\"h-7 w-7 text-destructive\" />\n        </div>\n        <p className=\"font-semibold text-lg\">Something went wrong</p>\n        <p className=\"text-sm text-muted-foreground max-w-xs mx-auto\">\n          {error instanceof Error ? error.message : \"Failed to load data. Please try again.\"}\n        </p>\n        {onRetry && (\n          <Button variant=\"outline\" size=\"sm\" onClick={onRetry}>\n            <RefreshCw className=\"h-3.5 w-3.5 mr-1.5\" />\n            Try again\n          </Button>\n        )}\n      </div>\n    );\n  }\n\n  if (isEmpty) {\n    return (\n      <div className=\"py-16 text-center space-y-4\">\n        {emptyIcon && (\n          <div className=\"h-14 w-14 rounded-xl bg-muted flex items-center justify-center mx-auto\">\n            {emptyIcon}\n          </div>\n        )}\n        <p className=\"font-semibold text-lg\">{emptyTitle}</p>\n        {emptyDescription && (\n          <p className=\"text-sm text-muted-foreground max-w-xs mx-auto\">{emptyDescription}</p>\n        )}\n        <div className=\"flex items-center justify-center gap-3\">\n          {onRetry && (\n            <Button variant=\"outline\" size=\"sm\" onClick={onRetry}>\n              <RefreshCw className=\"h-3.5 w-3.5 mr-1.5\" />\n              Refresh\n            </Button>\n          )}\n          {emptyCta && (\n            <Button size=\"sm\" asChild>\n              <Link href={emptyCta.href}>{emptyCta.label}</Link>\n            </Button>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return <>{children}</>;\n}\n"],"mappings":";AAqC6B,wBAqBnB,YArBmB;AAnC7B,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,OAAO,UAAU;AACjB,SAAS,WAAW,mBAAmB;AAkBhC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AACF,GAAsB;AACpB,MAAI,WAAW;AACb,QAAI,aAAc,QAAO,gCAAG,wBAAa;AACzC,WACE,oBAAC,SAAI,WAAU,aACZ,gBAAM,KAAK,EAAE,QAAQ,cAAc,CAAC,EAAE,IAAI,CAAC,GAAG,MAC7C,oBAAC,YAAiB,WAAU,4BAAb,CAAsC,CACtD,GACH;AAAA,EAEJ;AAEA,MAAI,OAAO;AACT,WACE,qBAAC,SAAI,WAAU,+BACb;AAAA,0BAAC,SAAI,WAAU,mFACb,8BAAC,eAAY,WAAU,4BAA2B,GACpD;AAAA,MACA,oBAAC,OAAE,WAAU,yBAAwB,kCAAoB;AAAA,MACzD,oBAAC,OAAE,WAAU,kDACV,2BAAiB,QAAQ,MAAM,UAAU,0CAC5C;AAAA,MACC,WACC,qBAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,SAC3C;AAAA,4BAAC,aAAU,WAAU,sBAAqB;AAAA,QAAE;AAAA,SAE9C;AAAA,OAEJ;AAAA,EAEJ;AAEA,MAAI,SAAS;AACX,WACE,qBAAC,SAAI,WAAU,+BACZ;AAAA,mBACC,oBAAC,SAAI,WAAU,0EACZ,qBACH;AAAA,MAEF,oBAAC,OAAE,WAAU,yBAAyB,sBAAW;AAAA,MAChD,oBACC,oBAAC,OAAE,WAAU,kDAAkD,4BAAiB;AAAA,MAElF,qBAAC,SAAI,WAAU,0CACZ;AAAA,mBACC,qBAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,SAC3C;AAAA,8BAAC,aAAU,WAAU,sBAAqB;AAAA,UAAE;AAAA,WAE9C;AAAA,QAED,YACC,oBAAC,UAAO,MAAK,MAAK,SAAO,MACvB,8BAAC,QAAK,MAAM,SAAS,MAAO,mBAAS,OAAM,GAC7C;AAAA,SAEJ;AAAA,OACF;AAAA,EAEJ;AAEA,SAAO,gCAAG,UAAS;AACrB;","names":[]}

package/dist/components/form.cjs

@@ -0,0 +1,150 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var form_exports = {};
+__export(form_exports, {
+  Form: () => Form,
+  FormControl: () => FormControl,
+  FormDescription: () => FormDescription,
+  FormField: () => FormField,
+  FormItem: () => FormItem,
+  FormLabel: () => FormLabel,
+  FormMessage: () => FormMessage,
+  useFormField: () => useFormField
+});
+module.exports = __toCommonJS(form_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_react_hook_form = require("react-hook-form");
+var import_cn = require("../utils/cn.js");
+var import_label = require("./label.js");
+const Form = import_react_hook_form.FormProvider;
+const FormFieldContext = React.createContext({});
+const FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, { ...props }) });
+};
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext);
+  const itemContext = React.useContext(FormItemContext);
+  const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+const FormItemContext = React.createContext({});
+const FormItem = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const id = React.useId();
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: (0, import_cn.cn)("space-y-2", className), ...props }) });
+  }
+);
+FormItem.displayName = "FormItem";
+const FormLabel = React.forwardRef(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_label.Label,
+    {
+      ref,
+      className: (0, import_cn.cn)(error && "text-destructive", className),
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+});
+FormLabel.displayName = "FormLabel";
+const FormControl = React.forwardRef(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_slot.Slot,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+const FormDescription = React.forwardRef(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "p",
+    {
+      ref,
+      id: formDescriptionId,
+      className: (0, import_cn.cn)("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+FormDescription.displayName = "FormDescription";
+const FormMessage = React.forwardRef(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message) : children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "p",
+    {
+      ref,
+      id: formMessageId,
+      className: (0, import_cn.cn)("text-sm font-medium text-destructive", className),
+      ...props,
+      children: body
+    }
+  );
+});
+FormMessage.displayName = "FormMessage";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  useFormField
+});
+//# sourceMappingURL=form.cjs.map

package/dist/components/form.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/form.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n  Controller,\n  ControllerProps,\n  FieldPath,\n  FieldValues,\n  FormProvider,\n  useFormContext,\n} from \"react-hook-form\";\nimport { cn } from \"../utils/cn.js\";\nimport { Label } from \"./label.js\";\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\");\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue);\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId();\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn(\"space-y-2\", className)} {...props} />\n      </FormItemContext.Provider>\n    );\n  }\n);\nFormItem.displayName = \"FormItem\";\n\nconst FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      ref={ref}\n      className={cn(error && \"text-destructive\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n});\nFormLabel.displayName = \"FormLabel\";\n\nconst FormControl = React.forwardRef<\n  React.ElementRef<typeof Slot>,\n  React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n});\nFormControl.displayName = \"FormControl\";\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n});\nFormDescription.displayName = \"FormDescription\";\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message) : children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn(\"text-sm font-medium text-destructive\", className)}\n      {...props}\n    >\n      {body}\n    </p>\n  );\n});\nFormMessage.displayName = \"FormMessage\";\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCM;AAjCN,YAAuB;AAEvB,wBAAqB;AACrB,6BAOO;AACP,gBAAmB;AACnB,mBAAsB;AAEtB,MAAM,OAAO;AASb,MAAM,mBAAmB,MAAM,cAAqC,CAAC,CAA0B;AAE/F,MAAM,YAAY,CAGhB;AAAA,EACA,GAAG;AACL,MAA4C;AAC1C,SACE,4CAAC,iBAAiB,UAAjB,EAA0B,OAAO,EAAE,MAAM,MAAM,KAAK,GACnD,sDAAC,qCAAY,GAAG,OAAO,GACzB;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,MAAM,WAAW,gBAAgB;AACtD,QAAM,cAAc,MAAM,WAAW,eAAe;AACpD,QAAM,EAAE,eAAe,UAAU,QAAI,uCAAe;AAEpD,QAAM,aAAa,cAAc,aAAa,MAAM,SAAS;AAE7D,MAAI,CAAC,cAAc;AACjB,UAAM,IAAI,MAAM,gDAAgD;AAAA,EAClE;AAEA,QAAM,EAAE,GAAG,IAAI;AAEf,SAAO;AAAA,IACL;AAAA,IACA,MAAM,aAAa;AAAA,IACnB,YAAY,GAAG,EAAE;AAAA,IACjB,mBAAmB,GAAG,EAAE;AAAA,IACxB,eAAe,GAAG,EAAE;AAAA,IACpB,GAAG;AAAA,EACL;AACF;AAMA,MAAM,kBAAkB,MAAM,cAAoC,CAAC,CAAyB;AAE5F,MAAM,WAAW,MAAM;AAAA,EACrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAChC,UAAM,KAAK,MAAM,MAAM;AAEvB,WACE,4CAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,GAAG,GACpC,sDAAC,SAAI,KAAU,eAAW,cAAG,aAAa,SAAS,GAAI,GAAG,OAAO,GACnE;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;AAEvB,MAAM,YAAY,MAAM,WAGtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,QAAM,EAAE,OAAO,WAAW,IAAI,aAAa;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,cAAG,SAAS,oBAAoB,SAAS;AAAA,MACpD,SAAS;AAAA,MACR,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,UAAU,cAAc;AAExB,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,GAAG,MAAM,GAAG,QAAQ;AACvB,QAAM,EAAE,OAAO,YAAY,mBAAmB,cAAc,IAAI,aAAa;AAE7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,oBAAkB,CAAC,QAAQ,GAAG,iBAAiB,KAAK,GAAG,iBAAiB,IAAI,aAAa;AAAA,MACzF,gBAAc,CAAC,CAAC;AAAA,MACf,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,YAAY,cAAc;AAE1B,MAAM,kBAAkB,MAAM,WAG5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,QAAM,EAAE,kBAAkB,IAAI,aAAa;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,eAAW,cAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,gBAAgB,cAAc;AAE9B,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC5C,QAAM,EAAE,OAAO,cAAc,IAAI,aAAa;AAC9C,QAAM,OAAO,QAAQ,OAAO,OAAO,OAAO,IAAI;AAE9C,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,eAAW,cAAG,wCAAwC,SAAS;AAAA,MAC9D,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,YAAY,cAAc;","names":[]}

package/dist/components/form.d.cts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError | undefined;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };

package/dist/components/form.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError | undefined;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };