@nextsparkjs/core 0.1.0-beta.185 → 0.1.0-beta.186

package/dist/components/dashboard/layouts/DashboardAuthLayout.js

@@ -3,7 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useAuth } from "../../../hooks/useAuth.js";
 import { useRouter } from "next/navigation";
 import { useEffect, Suspense } from "react";
-import { Loader2 } from "lucide-react";
+import { DashboardAuthSkeleton } from "./DashboardAuthSkeleton.js";
 import { DashboardTranslationPreloader } from "../../../lib/i18n/DashboardTranslationPreloader.js";
 import { TranslationDebugger } from "../../../utils/dev/TranslationDebugger.js";
 import { useEnsureUserMetadata } from "../../../hooks/useEnsureUserMetadata.js";
@@ -22,7 +22,7 @@ function DashboardLayoutContent({ children }) {
     }
   }, [user, isLoading, router]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin text-muted-foreground" }) });
+    return /* @__PURE__ */ jsx(DashboardAuthSkeleton, {});
   }
   if (!user) {
     return null;

package/dist/components/dashboard/layouts/DashboardAuthSkeleton.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Structural skeleton shown while the dashboard auth gate resolves the session.
+ *
+ * Replaces the bare centered spinner on a blank screen (see #91): a sidebar
+ * rail, a topbar strip and a content placeholder give users the shape of what
+ * is coming instead of an empty page. Built only from the existing Skeleton
+ * primitives (bg-muted + reduced pulse), so it inherits the active theme and
+ * stays deliberately restrained — this is seen many times a day.
+ *
+ * The sidebar rail collapses below the `md:` breakpoint, matching the real
+ * dashboard sidebar, so mobile never shows a phantom sidebar block.
+ *
+ * Shared by AuthGuard, DashboardAuthLayout and the generated
+ * app/dashboard/layout.tsx so the public API and the template cannot drift.
+ */
+export declare function DashboardAuthSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DashboardAuthSkeleton.d.ts.map

package/dist/components/dashboard/layouts/DashboardAuthSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardAuthSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/layouts/DashboardAuthSkeleton.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,qBAAqB,4CA2CpC"}

package/dist/components/dashboard/layouts/DashboardAuthSkeleton.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Skeleton, SkeletonContainer } from "../../ui/skeleton.js";
+function DashboardAuthSkeleton() {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "min-h-screen flex bg-background",
+      "data-cy": "dashboard-loading-skeleton",
+      role: "status",
+      "aria-busy": "true",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading" }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "hidden md:flex md:w-64 md:flex-col md:border-r md:border-border md:p-4 md:gap-3",
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-32" }),
+              /* @__PURE__ */ jsxs(SkeletonContainer, { className: "mt-4 flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full" }),
+                /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full" }),
+                /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full" }),
+                /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full" }),
+                /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex h-14 items-center gap-3 border-b border-border px-4", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-full" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 p-4 md:p-6", children: [
+            /* @__PURE__ */ jsxs(SkeletonContainer, { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-full rounded-xl" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-full rounded-xl" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-full rounded-xl" })
+            ] }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "mt-4 h-64 w-full rounded-xl" })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  DashboardAuthSkeleton
+};

package/dist/components/dashboard/layouts/Sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/layouts/Sidebar.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AAEnF,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,wBAAwB,EAAE,CAAA;CACrC;AAED,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAuG5D"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/layouts/Sidebar.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AAGnF,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,wBAAwB,EAAE,CAAA;CACrC;AAED,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAsG5D"}

package/dist/components/dashboard/layouts/Sidebar.js

@@ -2,16 +2,15 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 import { useState, useEffect } from "react";
-import { useTranslations } from "next-intl";
 import { cn } from "../../../lib/utils/index.js";
 import { useSidebar } from "../../../contexts/sidebar-context.js";
 import { sel } from "../../../lib/test/index.js";
 import { DynamicNavigation } from "../navigation/DynamicNavigation.js";
 import { TeamSwitcherCompact } from "../../teams/TeamSwitcherCompact.js";
+import { APP_NAME } from "../../../lib/config/index.js";
 function Sidebar({ className, entities }) {
   const { isCollapsed } = useSidebar();
-  const t = useTranslations("common");
-  const appName = t("appName");
+  const appName = APP_NAME;
   const [statusMessage, setStatusMessage] = useState("");
   useEffect(() => {
     if (isCollapsed) {

package/dist/components/dashboard/layouts/TopNavbar.js

@@ -26,7 +26,7 @@ import { useTranslations } from "next-intl";
 import { useIsSuperAdmin } from "../../app/guards/SuperAdminGuard.js";
 import { useIsDeveloper } from "../../app/guards/DeveloperGuard.js";
 import { DynamicNavigation } from "../navigation/DynamicNavigation.js";
-import { isTopbarFeatureEnabled, getTopbarFeatureConfig, TOPBAR_CONFIG } from "../../../lib/config/index.js";
+import { isTopbarFeatureEnabled, getTopbarFeatureConfig, TOPBAR_CONFIG, APP_NAME } from "../../../lib/config/index.js";
 function TopNavbar({ entities, className }) {
   var _a, _b, _c;
   const { user, signOut, isLoading } = useAuth();
@@ -145,7 +145,7 @@ function TopNavbar({ entities, className }) {
                   className: "text-xl font-bold text-foreground lg:hidden",
                   "aria-label": "Ir a la p\xE1gina principal",
                   "data-cy": sel("dashboard.topnav.logo"),
-                  children: t("appName")
+                  children: APP_NAME
                 }
               ),
               user && /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/components/dashboard/layouts/index.d.ts

@@ -1,5 +1,6 @@
 export { AuthGuard } from './AuthGuard';
 export { DashboardAuthLayout } from './DashboardAuthLayout';
+export { DashboardAuthSkeleton } from './DashboardAuthSkeleton';
 export { DashboardShell } from './DashboardShell';
 export { Sidebar } from './Sidebar';
 export { TopNavbar } from './TopNavbar';

package/dist/components/dashboard/layouts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/layouts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/layouts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}

package/dist/components/dashboard/layouts/index.js

@@ -1,11 +1,13 @@
 import { AuthGuard } from "./AuthGuard.js";
 import { DashboardAuthLayout } from "./DashboardAuthLayout.js";
+import { DashboardAuthSkeleton } from "./DashboardAuthSkeleton.js";
 import { DashboardShell } from "./DashboardShell.js";
 import { Sidebar } from "./Sidebar.js";
 import { TopNavbar } from "./TopNavbar.js";
 export {
   AuthGuard,
   DashboardAuthLayout,
+  DashboardAuthSkeleton,
   DashboardShell,
   Sidebar,
   TopNavbar

package/dist/components/entities/EntityFieldRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityFieldRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/entities/EntityFieldRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AA6CH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAK3D,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACnC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KACvB,CAAA;CACF;AAg0BD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,OAAO,GACR,EAAE,wBAAwB,2CAyC1B"}
+{"version":3,"file":"EntityFieldRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/entities/EntityFieldRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AA6CH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAK3D,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACnC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KACvB,CAAA;CACF;AAm0BD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,OAAO,GACR,EAAE,wBAAwB,2CAyC1B"}

package/dist/components/entities/EntityFieldRenderer.js

@@ -361,6 +361,7 @@ function renderFormField(field, value, onChange, error, disabled, required, test
       return /* @__PURE__ */ jsx(
         TimezoneSelect,
         {
+          id: baseProps.id,
           value,
           onChange,
           placeholder: field.display.placeholder,
@@ -371,6 +372,7 @@ function renderFormField(field, value, onChange, error, disabled, required, test
       return /* @__PURE__ */ jsx(
         CurrencySelect,
         {
+          id: baseProps.id,
           value,
           onChange,
           placeholder: field.display.placeholder,
@@ -381,6 +383,7 @@ function renderFormField(field, value, onChange, error, disabled, required, test
       return /* @__PURE__ */ jsx(
         CountrySelect,
         {
+          id: baseProps.id,
           value,
           onChange,
           placeholder: field.display.placeholder,

package/dist/components/entities/EntityTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTable.d.ts","sourceRoot":"","sources":["../../../src/components/entities/EntityTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AA+DH,OAAO,KAAK,EACV,gBAAgB,EAMjB,MAAM,sBAAsB,CAAA;AAE7B;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,EACrE,YAAY,EACZ,IAAI,EACJ,OAAO,EAAE,aAAa,EACtB,UAAkB,EAClB,WAAW,EAAE,qBAAqB,EAClC,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,YAAY,EAAE,kBAAkB,EAChC,eAAe,EAAE,qBAAqB,EACtC,iBAAwB,EACxB,UAAU,EACV,WAAW,EACX,MAAM,EACN,WAAgB,EAChB,QAAQ,EACR,YAAmB,EACnB,WAAW,EACX,UAAU,EACV,OAAe,EACf,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,SAAS,EACT,MAAM,EACN,aAAa,EACb,UAAiB,GAClB,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAuzBrB"}
+{"version":3,"file":"EntityTable.d.ts","sourceRoot":"","sources":["../../../src/components/entities/EntityTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AA+DH,OAAO,KAAK,EACV,gBAAgB,EAMjB,MAAM,sBAAsB,CAAA;AAE7B;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,EACrE,YAAY,EACZ,IAAI,EACJ,OAAO,EAAE,aAAa,EACtB,UAAkB,EAClB,WAAW,EAAE,qBAAqB,EAClC,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,YAAY,EAAE,kBAAkB,EAChC,eAAe,EAAE,qBAAqB,EACtC,iBAAwB,EACxB,UAAU,EACV,WAAW,EACX,MAAM,EACN,WAAgB,EAChB,QAAQ,EACR,YAAmB,EACnB,WAAW,EACX,UAAU,EACV,OAAe,EACf,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,SAAS,EACT,MAAM,EACN,aAAa,EACb,UAAiB,GAClB,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAwzBrB"}

package/dist/components/entities/EntityTable.js

@@ -433,7 +433,8 @@ function EntityTable({
           }
         ),
         displayData.length === 0 ? /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col items-center justify-center py-12", children: [
-          entityConfig.icon && typeof entityConfig.icon === "function" && entityConfig.icon({
+          entityConfig.icon && typeof entityConfig.icon === "function" && // @ts-expect-error — pre-existing type error, tracked in https://github.com/NextSpark-js/nextspark/issues/131
+          entityConfig.icon({
             className: "h-16 w-16 text-muted-foreground/50 mb-4"
           }),
           /* @__PURE__ */ jsxs("h3", { className: "text-lg font-medium mb-2", children: [

package/dist/components/entities/wrappers/EntityFormWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityFormWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/entities/wrappers/EntityFormWrapper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,OAAO,KAA2C,MAAM,OAAO,CAAA;AAU/D,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;IACvB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,IAAI,EACJ,EAAE,EACF,WAAW,EAAE,gBAAgB,EAC7B,SAAS,EACT,OAAO,EACP,SAAS,EACT,aAAa,EAAE,uBAAuB,EACvC,EAAE,sBAAsB,2CA6HxB"}
+{"version":3,"file":"EntityFormWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/entities/wrappers/EntityFormWrapper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,OAAO,KAA2C,MAAM,OAAO,CAAA;AAU/D,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;IACvB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,IAAI,EACJ,EAAE,EACF,WAAW,EAAE,gBAAgB,EAC7B,SAAS,EACT,OAAO,EACP,SAAS,EACT,aAAa,EAAE,uBAAuB,EACvC,EAAE,sBAAsB,2CAoIxB"}

package/dist/components/entities/wrappers/EntityFormWrapper.js

@@ -25,6 +25,7 @@ function EntityFormWrapper({
   const { teamId } = useTeam();
   const [initialData, setInitialData] = useState(propsInitialData || {});
   const [isLoadingData, setIsLoadingData] = useState(false);
+  const [submitError, setSubmitError] = useState(null);
   useEffect(() => {
     if (propsInitialData && Object.keys(propsInitialData).length > 0) {
       setInitialData(propsInitialData);
@@ -53,6 +54,7 @@ function EntityFormWrapper({
     loadInitialData();
   }, [mode, id, entityType, entityConfig, onError, isOverride, propsInitialData]);
   const handleSubmit = useCallback(async (data) => {
+    setSubmitError(null);
     try {
       console.log(`${mode === "create" ? "Creating" : "Updating"} ${entityType}:`, data);
       if (mode === "create") {
@@ -63,8 +65,10 @@ function EntityFormWrapper({
         onSuccess == null ? void 0 : onSuccess(id);
       }
     } catch (error) {
-      console.error(`\u274C Failed to ${mode} ${entityType}:`, error);
-      onError == null ? void 0 : onError(error instanceof Error ? error : new Error(`Failed to ${mode} ${entityType}`));
+      const failure = error instanceof Error ? error : new Error(`Failed to ${mode} ${entityType}`);
+      console.error(`\u274C Failed to ${mode} ${entityType}:`, failure);
+      setSubmitError(failure.message);
+      onError == null ? void 0 : onError(failure);
     }
   }, [entityType, mode, id, onSuccess, onError]);
   if (isLoadingConfig || isLoadingData) {
@@ -110,6 +114,7 @@ function EntityFormWrapper({
         mode,
         initialData,
         onSubmit: handleSubmit,
+        error: submitError,
         className,
         teamId
       }

package/dist/components/ui/combobox.d.ts

@@ -14,7 +14,14 @@ interface ComboboxProps {
     disabled?: boolean;
     clearable?: boolean;
     className?: string;
+    /**
+     * Id applied to the focusable trigger (role="combobox") so a `<label for>`
+     * can target it. Without it the label points at nothing (see #90).
+     */
+    id?: string;
+    /** Accessible name for the clear control. */
+    clearLabel?: string;
 }
-export declare function Combobox({ options, value, onChange, placeholder, searchPlaceholder, emptyMessage, disabled, clearable, className, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Combobox({ options, value, onChange, placeholder, searchPlaceholder, emptyMessage, disabled, clearable, className, id, clearLabel, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=combobox.d.ts.map

package/dist/components/ui/combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/combobox.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,aAAa;IACrB,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAqC,EACrC,iBAA+B,EAC/B,YAA4C,EAC5C,QAAgB,EAChB,SAAiB,EACjB,SAAS,GACV,EAAE,aAAa,2CAmGf"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/combobox.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,aAAa;IACrB,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAqC,EACrC,iBAA+B,EAC/B,YAA4C,EAC5C,QAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,EAAE,EACF,UAAgC,GACjC,EAAE,aAAa,2CAiGf"}

package/dist/components/ui/combobox.js

@@ -25,64 +25,57 @@ function Combobox({
   emptyMessage = "No se encontraron opciones.",
   disabled = false,
   clearable = false,
-  className
+  className,
+  id,
+  clearLabel = "Limpiar selecci\xF3n"
 }) {
   const [open, setOpen] = React.useState(false);
   const selectedOption = options.find((option) => option.value === value);
+  const showClear = clearable && !disabled && !!selectedOption;
   const handleSelect = (optionValue) => {
     if (disabled) return;
     const newValue = value === optionValue ? void 0 : optionValue;
     onChange(newValue);
     setOpen(false);
   };
-  const handleClear = (e) => {
-    e.stopPropagation();
+  const handleClear = () => {
     if (disabled) return;
     onChange(void 0);
   };
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "outline",
-        role: "combobox",
-        "aria-expanded": open,
-        className: cn(
-          "w-full justify-between",
-          disabled && "opacity-50 cursor-not-allowed",
-          className
-        ),
-        disabled,
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedOption ? selectedOption.label : placeholder }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-            clearable && selectedOption && /* @__PURE__ */ jsx(
-              "span",
-              {
-                role: "button",
-                tabIndex: 0,
-                onClick: handleClear,
-                onKeyDown: (e) => {
-                  if (e.key === "Enter" || e.key === " ") {
-                    e.preventDefault();
-                    const syntheticEvent = {
-                      preventDefault: () => {
-                      },
-                      stopPropagation: () => {
-                      }
-                    };
-                    handleClear(syntheticEvent);
-                  }
-                },
-                className: "h-4 w-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",
-                children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
-              }
-            ),
+    /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          id,
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": open,
+          className: cn(
+            "w-full justify-between",
+            showClear && "pr-14",
+            disabled && "opacity-50 cursor-not-allowed",
+            className
+          ),
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedOption ? selectedOption.label : placeholder }),
             /* @__PURE__ */ jsx(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50" })
-          ] })
-        ]
-      }
-    ) }),
+          ]
+        }
+      ) }),
+      showClear && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": clearLabel,
+          title: clearLabel,
+          onClick: handleClear,
+          className: "absolute right-7 top-1/2 inline-flex h-11 w-11 -translate-y-1/2 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring cursor-pointer",
+          children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx(
       PopoverContent,
       {

package/dist/components/ui/country-select.d.ts

@@ -5,7 +5,9 @@ interface CountrySelectProps {
     disabled?: boolean;
     className?: string;
     clearable?: boolean;
+    /** Forwarded to the combobox trigger so `<label for>` resolves (see #90) */
+    id?: string;
 }
-export declare function CountrySelect({ value, onChange, placeholder, disabled, className, clearable, }: CountrySelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function CountrySelect({ value, onChange, placeholder, disabled, className, clearable, id, }: CountrySelectProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=country-select.d.ts.map

package/dist/components/ui/country-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"country-select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/country-select.tsx"],"names":[],"mappings":"AAoHA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,WAAmC,EACnC,QAAgB,EAChB,SAAS,EACT,SAAgB,GACjB,EAAE,kBAAkB,2CAiBpB"}
+{"version":3,"file":"country-select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/country-select.tsx"],"names":[],"mappings":"AAoHA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4EAA4E;IAC5E,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,WAAmC,EACnC,QAAgB,EAChB,SAAS,EACT,SAAgB,EAChB,EAAE,GACH,EAAE,kBAAkB,2CAkBpB"}

package/dist/components/ui/country-select.js

@@ -116,7 +116,8 @@ function CountrySelect({
   placeholder = "Seleccionar pa\xEDs...",
   disabled = false,
   className,
-  clearable = true
+  clearable = true,
+  id
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsx(Globe2, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground z-10" }),
@@ -131,6 +132,7 @@ function CountrySelect({
         emptyMessage: "No se encontraron pa\xEDses.",
         disabled,
         clearable,
+        id,
         className: cn("pl-10", className)
       }
     )

package/dist/components/ui/currency-select.d.ts

@@ -5,7 +5,9 @@ interface CurrencySelectProps {
     disabled?: boolean;
     className?: string;
     clearable?: boolean;
+    /** Forwarded to the combobox trigger so `<label for>` resolves (see #90) */
+    id?: string;
 }
-export declare function CurrencySelect({ value, onChange, placeholder, disabled, className, clearable, }: CurrencySelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function CurrencySelect({ value, onChange, placeholder, disabled, className, clearable, id, }: CurrencySelectProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=currency-select.d.ts.map

package/dist/components/ui/currency-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"currency-select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/currency-select.tsx"],"names":[],"mappings":"AA6CA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAAqC,EACrC,QAAgB,EAChB,SAAS,EACT,SAAgB,GACjB,EAAE,mBAAmB,2CAiBrB"}
+{"version":3,"file":"currency-select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/currency-select.tsx"],"names":[],"mappings":"AA6CA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4EAA4E;IAC5E,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAAqC,EACrC,QAAgB,EAChB,SAAS,EACT,SAAgB,EAChB,EAAE,GACH,EAAE,mBAAmB,2CAkBrB"}

package/dist/components/ui/currency-select.js

@@ -45,7 +45,8 @@ function CurrencySelect({
   placeholder = "Seleccionar moneda...",
   disabled = false,
   className,
-  clearable = true
+  clearable = true,
+  id
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsx(DollarSign, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground z-10" }),
@@ -60,6 +61,7 @@ function CurrencySelect({
         emptyMessage: "No se encontraron monedas.",
         disabled,
         clearable,
+        id,
         className: cn("pl-10", className)
       }
     )

package/dist/components/ui/sheet.d.ts

@@ -10,6 +10,11 @@ declare const sheetVariants: (props?: {
     side?: "left" | "right" | "top" | "bottom";
 } & import("class-variance-authority/types").ClassProp) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+    /**
+     * Extra classes merged onto the built-in close button (position, size,
+     * colors...). The default already meets the 44x44px touch target.
+     */
+    closeButtonClassName?: string;
 }
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const SheetHeader: {

package/dist/components/ui/sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,KAAK,sCAAsB,CAAA;AAEjC,QAAA,MAAM,YAAY,6GAAyB,CAAA;AAE3C,QAAA,MAAM,UAAU,2GAAuB,CAAA;AAEvC,QAAA,MAAM,WAAW,4CAAwB,CAAA;AAEzC,QAAA,MAAM,YAAY,6JAYhB,CAAA;AAGF,QAAA,MAAM,aAAa;;iEAiBlB,CAAA;AAED,UAAU,iBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EACnE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,QAAA,MAAM,YAAY,0FAkBhB,CAAA;AAGF,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,UAAU,mKASd,CAAA;AAGF,QAAA,MAAM,gBAAgB,6KASpB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAA"}
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,KAAK,sCAAsB,CAAA;AAEjC,QAAA,MAAM,YAAY,6GAAyB,CAAA;AAE3C,QAAA,MAAM,UAAU,2GAAuB,CAAA;AAEvC,QAAA,MAAM,WAAW,4CAAwB,CAAA;AAEzC,QAAA,MAAM,YAAY,6JAYhB,CAAA;AAGF,QAAA,MAAM,aAAa;;iEAiBlB,CAAA;AA2BD,UAAU,iBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EACnE,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B;AAED,QAAA,MAAM,YAAY,0FAwChB,CAAA;AAGF,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,WAAW;8BAGd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,UAAU,mKASd,CAAA;AAGF,QAAA,MAAM,gBAAgB,6KAiBpB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAA"}

package/dist/components/ui/sheet.js

@@ -37,24 +37,40 @@ const sheetVariants = cva(
     }
   }
 );
-const SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
-  /* @__PURE__ */ jsx(SheetOverlay, {}),
-  /* @__PURE__ */ jsxs(
-    SheetPrimitive.Content,
-    {
-      ref,
-      className: cn(sheetVariants({ side }), className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent", children: [
-          /* @__PURE__ */ jsx(Cross2Icon, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-        ] }),
-        children
-      ]
-    }
-  )
-] }));
+const SheetDescriptionContext = React.createContext(null);
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+const sheetCloseButtonClassName = "absolute right-0.5 top-0.5 inline-flex h-11 w-11 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent";
+const SheetContent = React.forwardRef(({ side = "right", className, closeButtonClassName, children, ...props }, ref) => {
+  const [hasDescription, setHasDescription] = React.useState(false);
+  const descriptionCount = React.useRef(0);
+  const registerDescription = React.useCallback(() => {
+    descriptionCount.current += 1;
+    setHasDescription(true);
+    return () => {
+      descriptionCount.current -= 1;
+      if (descriptionCount.current === 0) setHasDescription(false);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsx(
+      SheetPrimitive.Content,
+      {
+        ref,
+        className: cn(sheetVariants({ side }), className),
+        ...props,
+        children: /* @__PURE__ */ jsxs(SheetDescriptionContext.Provider, { value: registerDescription, children: [
+          /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: cn(sheetCloseButtonClassName, closeButtonClassName), children: [
+            /* @__PURE__ */ jsx(Cross2Icon, { className: "h-4 w-4", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] }),
+          children,
+          !hasDescription && /* @__PURE__ */ jsx(SheetPrimitive.Description, { className: "sr-only" })
+        ] })
+      }
+    )
+  ] });
+});
 SheetContent.displayName = SheetPrimitive.Content.displayName;
 const SheetHeader = ({
   className,
@@ -93,14 +109,18 @@ const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SheetPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => {
+  const registerDescription = React.useContext(SheetDescriptionContext);
+  useIsomorphicLayoutEffect(() => registerDescription == null ? void 0 : registerDescription(), [registerDescription]);
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Description,
+    {
+      ref,
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+});
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 export {
   Sheet,

package/dist/components/ui/timezone-select.d.ts

@@ -5,7 +5,9 @@ interface TimezoneSelectProps {
     disabled?: boolean;
     className?: string;
     clearable?: boolean;
+    /** Forwarded to the combobox trigger so `<label for>` resolves (see #90) */
+    id?: string;
 }
-export declare function TimezoneSelect({ value, onChange, placeholder, disabled, className, clearable, }: TimezoneSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimezoneSelect({ value, onChange, placeholder, disabled, className, clearable, id, }: TimezoneSelectProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=timezone-select.d.ts.map

package/dist/components/ui/timezone-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timezone-select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/timezone-select.tsx"],"names":[],"mappings":"AAwCA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAA2C,EAC3C,QAAgB,EAChB,SAAS,EACT,SAAgB,GACjB,EAAE,mBAAmB,2CAiBrB"}
+{"version":3,"file":"timezone-select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/timezone-select.tsx"],"names":[],"mappings":"AAwCA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4EAA4E;IAC5E,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAA2C,EAC3C,QAAgB,EAChB,SAAS,EACT,SAAgB,EAChB,EAAE,GACH,EAAE,mBAAmB,2CAkBrB"}

package/dist/components/ui/timezone-select.js

@@ -40,7 +40,8 @@ function TimezoneSelect({
   placeholder = "Seleccionar zona horaria...",
   disabled = false,
   className,
-  clearable = true
+  clearable = true,
+  id
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsx(Globe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground z-10" }),
@@ -55,6 +56,7 @@ function TimezoneSelect({
         emptyMessage: "No se encontraron zonas horarias.",
         disabled,
         clearable,
+        id,
         className: cn("pl-10", className)
       }
     )

package/dist/contexts/TeamContext.d.ts

@@ -15,5 +15,11 @@ export declare function TeamProvider({ children }: {
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function useTeamContext(): TeamContextValue;
+/**
+ * Like useTeamContext(), but returns undefined instead of throwing when no
+ * TeamProvider is mounted above. Lets wrappers such as DashboardProviders skip
+ * mounting a second TeamProvider when the root layout already provides one.
+ */
+export declare function useOptionalTeamContext(): TeamContextValue | undefined;
 export {};
 //# sourceMappingURL=TeamContext.d.ts.map