@fluid-app/rep-core 0.1.9 → 0.1.11

package/dist/{chunk-LVLNO2YQ.cjs.map → chunk-U3CQLX2Z.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/data-sources/registry.ts"],"names":["apiFetcher","customFetcher","staticFetcher","WIDGET_TRANSFORMERS"],"mappings":";;;;;;;;AAsBO,SAAS,yBACd,OAAA,EACoB;AACpB,EAAA,OAAO;AAAA,IACL,QAAA,EAAU;AAAA,MACR,GAAA,EAAKA,4BAAA;AAAA,MACL,MAAA,EAAQC,+BAAA;AAAA,MACR,MAAA,EAAQC,+BAAA;AAAA,MACR,GAAG,OAAA,EAAS;AAAA,KACd;AAAA,IACA,YAAA,EAAc;AAAA,MACZ,GAAGC,qCAAA;AAAA,MACH,GAAG,OAAA,EAAS;AAAA;AACd,GACF;AACF;AAGO,IAAM,+BAA+B,wBAAA","file":"chunk-LVLNO2YQ.cjs","sourcesContent":["import type {\n  DataSourceRegistry,\n  DataFetcher,\n  DataTransformer,\n  DataSourceType,\n} from \"./types\";\nimport { apiFetcher } from \"./fetchers/api\";\nimport { customFetcher } from \"./fetchers/custom\";\nimport { staticFetcher } from \"./fetchers/static\";\nimport { WIDGET_TRANSFORMERS } from \"./transformers\";\n\nexport interface CreateDataSourceRegistryOptions {\n  /** Custom fetchers to add or override */\n  fetchers?: Partial<Record<DataSourceType, DataFetcher>>;\n  /** Custom transform functions */\n  transformers?: Record<string, DataTransformer>;\n}\n\n/**\n * Creates a data source registry with default fetchers.\n * Users can extend this with custom fetchers and transformers.\n */\nexport function createDataSourceRegistry(\n  options?: CreateDataSourceRegistryOptions,\n): DataSourceRegistry {\n  return {\n    fetchers: {\n      api: apiFetcher,\n      custom: customFetcher,\n      static: staticFetcher,\n      ...options?.fetchers,\n    } as Record<DataSourceType, DataFetcher>,\n    transformers: {\n      ...WIDGET_TRANSFORMERS,\n      ...options?.transformers,\n    },\n  };\n}\n\n/** Default registry instance */\nexport const DEFAULT_DATA_SOURCE_REGISTRY = createDataSourceRegistry();\n"]}
+{"version":3,"sources":["../src/data-sources/registry.ts"],"names":["apiFetcher","customFetcher","staticFetcher","WIDGET_TRANSFORMERS"],"mappings":";;;;;;;;AAsBO,SAAS,yBACd,OAAA,EACoB;AACpB,EAAA,OAAO;AAAA,IACL,QAAA,EAAU;AAAA,MACR,GAAA,EAAKA,4BAAA;AAAA,MACL,MAAA,EAAQC,+BAAA;AAAA,MACR,MAAA,EAAQC,+BAAA;AAAA,MACR,GAAG,OAAA,EAAS;AAAA,KACd;AAAA,IACA,YAAA,EAAc;AAAA,MACZ,GAAGC,qCAAA;AAAA,MACH,GAAG,OAAA,EAAS;AAAA;AACd,GACF;AACF;AAGO,IAAM,+BAA+B,wBAAA","file":"chunk-U3CQLX2Z.cjs","sourcesContent":["import type {\n  DataSourceRegistry,\n  DataFetcher,\n  DataTransformer,\n  DataSourceType,\n} from \"./types\";\nimport { apiFetcher } from \"./fetchers/api\";\nimport { customFetcher } from \"./fetchers/custom\";\nimport { staticFetcher } from \"./fetchers/static\";\nimport { WIDGET_TRANSFORMERS } from \"./transformers\";\n\nexport interface CreateDataSourceRegistryOptions {\n  /** Custom fetchers to add or override */\n  fetchers?: Partial<Record<DataSourceType, DataFetcher>>;\n  /** Custom transform functions */\n  transformers?: Record<string, DataTransformer>;\n}\n\n/**\n * Creates a data source registry with default fetchers.\n * Users can extend this with custom fetchers and transformers.\n */\nexport function createDataSourceRegistry(\n  options?: CreateDataSourceRegistryOptions,\n): DataSourceRegistry {\n  return {\n    fetchers: {\n      api: apiFetcher,\n      custom: customFetcher,\n      static: staticFetcher,\n      ...options?.fetchers,\n    } as Record<DataSourceType, DataFetcher>,\n    transformers: {\n      ...WIDGET_TRANSFORMERS,\n      ...options?.transformers,\n    },\n  };\n}\n\n/** Default registry instance */\nexport const DEFAULT_DATA_SOURCE_REGISTRY = createDataSourceRegistry();\n"]}

package/dist/{chunk-KZHNZ2NG.js → chunk-UUNEVOA5.js}

@@ -1,4 +1,4 @@
-import { SidebarProvider, Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarInset } from './chunk-4NBPTMT4.js';
+import { SidebarProvider, Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarInset } from './chunk-3ZRE7GX6.js';
 import 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -11,7 +11,7 @@ function AppShellLayout({
   afterContent,
   useBottomNav = false
 }) {
-  return /* @__PURE__ */ jsx(SidebarProvider, { useBottomNav, children: /* @__PURE__ */ jsxs("div", { className: "relative flex max-h-dvh w-full overflow-hidden bg-muted", children: [
+  return /* @__PURE__ */ jsx(SidebarProvider, { useBottomNav, children: /* @__PURE__ */ jsxs("div", { className: "bg-muted relative flex max-h-dvh w-full overflow-hidden", children: [
     /* @__PURE__ */ jsxs(Sidebar, { children: [
       sidebarHeader && /* @__PURE__ */ jsx(SidebarHeader, { children: sidebarHeader }),
       /* @__PURE__ */ jsx(SidebarContent, { className: "p-4", children: sidebarContent }),
@@ -22,8 +22,8 @@ function AppShellLayout({
       /* @__PURE__ */ jsx(
         "div",
         {
-          className: `flex-1 overflow-hidden bg-muted md:pr-4 md:pb-4 ${useBottomNav ? "max-md:pb-[calc(4rem+env(safe-area-inset-bottom))]" : ""}`,
-          children: /* @__PURE__ */ jsx("div", { className: "scrollbar-none h-full overflow-auto rounded-xl bg-background text-foreground shadow-lg", children })
+          className: `bg-muted flex-1 overflow-hidden md:pr-4 md:pb-4 ${useBottomNav ? "max-md:pb-[calc(4rem+env(safe-area-inset-bottom))]" : ""}`,
+          children: /* @__PURE__ */ jsx("div", { className: "scrollbar-none bg-background text-foreground h-full overflow-auto rounded-xl shadow-lg", children })
         }
       )
     ] }),
@@ -32,5 +32,5 @@ function AppShellLayout({
 }
 
 export { AppShellLayout };
-//# sourceMappingURL=chunk-KZHNZ2NG.js.map
-//# sourceMappingURL=chunk-KZHNZ2NG.js.map
+//# sourceMappingURL=chunk-UUNEVOA5.js.map
+//# sourceMappingURL=chunk-UUNEVOA5.js.map

package/dist/{chunk-KZHNZ2NG.js.map → chunk-UUNEVOA5.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/shell/AppShellLayout.tsx"],"names":[],"mappings":";;;;AAqCO,SAAS,cAAA,CAAe;AAAA,EAC7B,cAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA,GAAe;AACjB,CAAA,EAAwB;AACtB,EAAA,2BACG,eAAA,EAAA,EAAgB,YAAA,EACf,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yDAAA,EAEb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,OAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,aAAA,oBAAiB,GAAA,CAAC,iBAAe,QAAA,EAAA,aAAA,EAAc,CAAA;AAAA,sBAChD,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,KAAA,EAAO,QAAA,EAAA,cAAA,EAAe,CAAA;AAAA,MAC/C,aAAA,oBAAiB,GAAA,CAAC,aAAA,EAAA,EAAe,QAAA,EAAA,aAAA,EAAc;AAAA,KAAA,EAClD,CAAA;AAAA,oBAGA,IAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,sCAAA,EAErB,QAAA,EAAA;AAAA,MAAA,aAAA;AAAA,sBAGD,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,CAAA,gDAAA,EAAmD,YAAA,GAAe,oDAAA,GAAuD,EAAE,CAAA,CAAA;AAAA,UAEtI,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wFAAA,EACZ,QAAA,EACH;AAAA;AAAA;AACF,KAAA,EACF,CAAA;AAAA,IAGC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ","file":"chunk-KZHNZ2NG.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarInset,\n  SidebarProvider,\n} from \"./sidebar\";\n\nexport interface AppShellLayoutProps {\n  /** Navigation content rendered inside the sidebar's scrollable area */\n  sidebarContent: React.ReactNode;\n  /** Header content rendered above the main content area */\n  headerContent: React.ReactNode;\n  /** Main page content */\n  children: React.ReactNode;\n  /** Optional slot at the top of the sidebar (e.g. logo, search) */\n  sidebarHeader?: React.ReactNode;\n  /** Optional slot at the bottom of the sidebar (e.g. user info) */\n  sidebarFooter?: React.ReactNode;\n  /** Content rendered after SidebarInset (e.g. MobileBottomNav) */\n  afterContent?: React.ReactNode;\n  /** Enable bottom nav mode (hides sidebar on mobile, adds bottom padding) */\n  useBottomNav?: boolean;\n}\n\n/**\n * Pure visual frame that replicates the RepApp layout:\n * - 13rem collapsible sidebar\n * - 52px header area\n * - rounded-xl bg-background shadow-lg content area with bg-muted gutters\n *\n * This component handles zero business logic — it simply provides the visual shell.\n */\nexport function AppShellLayout({\n  sidebarContent,\n  headerContent,\n  children,\n  sidebarHeader,\n  sidebarFooter,\n  afterContent,\n  useBottomNav = false,\n}: AppShellLayoutProps) {\n  return (\n    <SidebarProvider useBottomNav={useBottomNav}>\n      <div className=\"relative flex max-h-dvh w-full overflow-hidden bg-muted\">\n        {/* Navigation Sidebar */}\n        <Sidebar>\n          {sidebarHeader && <SidebarHeader>{sidebarHeader}</SidebarHeader>}\n          <SidebarContent className=\"p-4\">{sidebarContent}</SidebarContent>\n          {sidebarFooter && <SidebarFooter>{sidebarFooter}</SidebarFooter>}\n        </Sidebar>\n\n        {/* Main Content Area */}\n        <SidebarInset className=\"flex flex-1 flex-col overflow-hidden\">\n          {/* Header */}\n          {headerContent}\n\n          {/* Screen Content */}\n          <div\n            className={`flex-1 overflow-hidden bg-muted md:pr-4 md:pb-4 ${useBottomNav ? \"max-md:pb-[calc(4rem+env(safe-area-inset-bottom))]\" : \"\"}`}\n          >\n            <div className=\"scrollbar-none h-full overflow-auto rounded-xl bg-background text-foreground shadow-lg\">\n              {children}\n            </div>\n          </div>\n        </SidebarInset>\n\n        {/* After content (e.g. MobileBottomNav) */}\n        {afterContent}\n      </div>\n    </SidebarProvider>\n  );\n}\n"]}
+{"version":3,"sources":["../src/shell/AppShellLayout.tsx"],"names":[],"mappings":";;;;AAqCO,SAAS,cAAA,CAAe;AAAA,EAC7B,cAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA,GAAe;AACjB,CAAA,EAAwB;AACtB,EAAA,2BACG,eAAA,EAAA,EAAgB,YAAA,EACf,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yDAAA,EAEb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,OAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,aAAA,oBAAiB,GAAA,CAAC,iBAAe,QAAA,EAAA,aAAA,EAAc,CAAA;AAAA,sBAChD,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,KAAA,EAAO,QAAA,EAAA,cAAA,EAAe,CAAA;AAAA,MAC/C,aAAA,oBAAiB,GAAA,CAAC,aAAA,EAAA,EAAe,QAAA,EAAA,aAAA,EAAc;AAAA,KAAA,EAClD,CAAA;AAAA,oBAGA,IAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,sCAAA,EAErB,QAAA,EAAA;AAAA,MAAA,aAAA;AAAA,sBAGD,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,CAAA,gDAAA,EAAmD,YAAA,GAAe,oDAAA,GAAuD,EAAE,CAAA,CAAA;AAAA,UAEtI,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wFAAA,EACZ,QAAA,EACH;AAAA;AAAA;AACF,KAAA,EACF,CAAA;AAAA,IAGC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ","file":"chunk-UUNEVOA5.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarInset,\n  SidebarProvider,\n} from \"./sidebar\";\n\nexport interface AppShellLayoutProps {\n  /** Navigation content rendered inside the sidebar's scrollable area */\n  sidebarContent: React.ReactNode;\n  /** Header content rendered above the main content area */\n  headerContent: React.ReactNode;\n  /** Main page content */\n  children: React.ReactNode;\n  /** Optional slot at the top of the sidebar (e.g. logo, search) */\n  sidebarHeader?: React.ReactNode;\n  /** Optional slot at the bottom of the sidebar (e.g. user info) */\n  sidebarFooter?: React.ReactNode;\n  /** Content rendered after SidebarInset (e.g. MobileBottomNav) */\n  afterContent?: React.ReactNode;\n  /** Enable bottom nav mode (hides sidebar on mobile, adds bottom padding) */\n  useBottomNav?: boolean;\n}\n\n/**\n * Pure visual frame that replicates the RepApp layout:\n * - 13rem collapsible sidebar\n * - 52px header area\n * - rounded-xl bg-background shadow-lg content area with bg-muted gutters\n *\n * This component handles zero business logic — it simply provides the visual shell.\n */\nexport function AppShellLayout({\n  sidebarContent,\n  headerContent,\n  children,\n  sidebarHeader,\n  sidebarFooter,\n  afterContent,\n  useBottomNav = false,\n}: AppShellLayoutProps) {\n  return (\n    <SidebarProvider useBottomNav={useBottomNav}>\n      <div className=\"bg-muted relative flex max-h-dvh w-full overflow-hidden\">\n        {/* Navigation Sidebar */}\n        <Sidebar>\n          {sidebarHeader && <SidebarHeader>{sidebarHeader}</SidebarHeader>}\n          <SidebarContent className=\"p-4\">{sidebarContent}</SidebarContent>\n          {sidebarFooter && <SidebarFooter>{sidebarFooter}</SidebarFooter>}\n        </Sidebar>\n\n        {/* Main Content Area */}\n        <SidebarInset className=\"flex flex-1 flex-col overflow-hidden\">\n          {/* Header */}\n          {headerContent}\n\n          {/* Screen Content */}\n          <div\n            className={`bg-muted flex-1 overflow-hidden md:pr-4 md:pb-4 ${useBottomNav ? \"max-md:pb-[calc(4rem+env(safe-area-inset-bottom))]\" : \"\"}`}\n          >\n            <div className=\"scrollbar-none bg-background text-foreground h-full overflow-auto rounded-xl shadow-lg\">\n              {children}\n            </div>\n          </div>\n        </SidebarInset>\n\n        {/* After content (e.g. MobileBottomNav) */}\n        {afterContent}\n      </div>\n    </SidebarProvider>\n  );\n}\n"]}

package/dist/{chunk-XCNBVV4T.js → chunk-VSZWXSQA.js}

@@ -1,5 +1,5 @@
 import { DataSourceProvider } from './chunk-3I5Y3PEO.js';
-import { DEFAULT_DATA_SOURCE_REGISTRY } from './chunk-HUR3MSO4.js';
+import { DEFAULT_DATA_SOURCE_REGISTRY } from './chunk-LBLHDGMT.js';
 import { createContext, useMemo, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -34,5 +34,5 @@ function useDataSourceRegistryConfig() {
 }
 
 export { DataSourceRegistryProvider, useDataSourceRegistry, useDataSourceRegistryConfig };
-//# sourceMappingURL=chunk-XCNBVV4T.js.map
-//# sourceMappingURL=chunk-XCNBVV4T.js.map
+//# sourceMappingURL=chunk-VSZWXSQA.js.map
+//# sourceMappingURL=chunk-VSZWXSQA.js.map

package/dist/{chunk-XCNBVV4T.js.map → chunk-VSZWXSQA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/data-sources/registry-context.tsx"],"names":[],"mappings":";;;;;AAcA,IAAM,yBAAA,GAA4B,aAAA;AAAA,EAChC;AAAA,IACE,QAAA,EAAU;AAAA;AAEd,CAAA;AAqBO,SAAS,0BAAA,CAA2B;AAAA,EACzC,QAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,UAAU,QAAA,IAAY,4BAAA;AAAA,MACtB,OAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,OAAA,EAAS,aAAA,EAAe,SAAS;AAAA,GAC9C;AAEA,EAAA,uBACE,GAAA,CAAC,yBAAA,CAA0B,QAAA,EAA1B,EAAmC,KAAA,EAClC,8BAAC,kBAAA,EAAA,EAAmB,OAAA,EAAkB,aAAA,EACnC,QAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAKO,SAAS,qBAAA,GAA4C;AAC1D,EAAA,OAAO,UAAA,CAAW,yBAAyB,CAAA,CAAE,QAAA;AAC/C;AAKO,SAAS,2BAAA,GAA8D;AAC5E,EAAA,OAAO,WAAW,yBAAyB,CAAA;AAC7C","file":"chunk-XCNBVV4T.js","sourcesContent":["import { createContext, useContext, useMemo, type ReactNode } from \"react\";\nimport type { DataSourceRegistry } from \"./types\";\nimport { DEFAULT_DATA_SOURCE_REGISTRY } from \"./registry\";\nimport { DataSourceProvider } from \"./context\";\n\ninterface DataSourceRegistryContextValue {\n  registry: DataSourceRegistry;\n  baseUrl?: string | undefined;\n  /** Get API headers function */\n  getApiHeaders?: (() => Record<string, string>) | undefined;\n  /** Dynamic variables for endpoint path substitution (e.g., { rep_id: \"123\" }) */\n  variables?: Record<string, string> | undefined;\n}\n\nconst DataSourceRegistryContext = createContext<DataSourceRegistryContextValue>(\n  {\n    registry: DEFAULT_DATA_SOURCE_REGISTRY,\n  },\n);\n\nexport interface DataSourceRegistryProviderProps {\n  registry?: DataSourceRegistry | undefined;\n  /** Base URL for API calls (e.g., \"https://api.fluid.app/api\") */\n  baseUrl?: string | undefined;\n  /**\n   * Get API headers function\n   */\n  getApiHeaders?: (() => Record<string, string>) | undefined;\n  /** Dynamic variables for endpoint path substitution (e.g., { rep_id: \"123\" }) */\n  variables?: Record<string, string> | undefined;\n  children: ReactNode;\n}\n\n/**\n * Provides data source registry and configuration to all descendants.\n * If no registry is provided, uses the default.\n * Also provides the shared DataSourceProvider from rep-core so that\n * rep-widgets hooks can access baseUrl and getApiHeaders.\n */\nexport function DataSourceRegistryProvider({\n  registry,\n  baseUrl,\n  getApiHeaders,\n  variables,\n  children,\n}: DataSourceRegistryProviderProps) {\n  const value = useMemo(\n    () => ({\n      registry: registry ?? DEFAULT_DATA_SOURCE_REGISTRY,\n      baseUrl,\n      getApiHeaders,\n      variables,\n    }),\n    [registry, baseUrl, getApiHeaders, variables],\n  );\n\n  return (\n    <DataSourceRegistryContext.Provider value={value}>\n      <DataSourceProvider baseUrl={baseUrl} getApiHeaders={getApiHeaders}>\n        {children}\n      </DataSourceProvider>\n    </DataSourceRegistryContext.Provider>\n  );\n}\n\n/**\n * Hook to access the data source registry.\n */\nexport function useDataSourceRegistry(): DataSourceRegistry {\n  return useContext(DataSourceRegistryContext).registry;\n}\n\n/**\n * Hook to access the full data source registry context (registry + config).\n */\nexport function useDataSourceRegistryConfig(): DataSourceRegistryContextValue {\n  return useContext(DataSourceRegistryContext);\n}\n"]}
+{"version":3,"sources":["../src/data-sources/registry-context.tsx"],"names":[],"mappings":";;;;;AAcA,IAAM,yBAAA,GAA4B,aAAA;AAAA,EAChC;AAAA,IACE,QAAA,EAAU;AAAA;AAEd,CAAA;AAqBO,SAAS,0BAAA,CAA2B;AAAA,EACzC,QAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,UAAU,QAAA,IAAY,4BAAA;AAAA,MACtB,OAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,OAAA,EAAS,aAAA,EAAe,SAAS;AAAA,GAC9C;AAEA,EAAA,uBACE,GAAA,CAAC,yBAAA,CAA0B,QAAA,EAA1B,EAAmC,KAAA,EAClC,8BAAC,kBAAA,EAAA,EAAmB,OAAA,EAAkB,aAAA,EACnC,QAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAKO,SAAS,qBAAA,GAA4C;AAC1D,EAAA,OAAO,UAAA,CAAW,yBAAyB,CAAA,CAAE,QAAA;AAC/C;AAKO,SAAS,2BAAA,GAA8D;AAC5E,EAAA,OAAO,WAAW,yBAAyB,CAAA;AAC7C","file":"chunk-VSZWXSQA.js","sourcesContent":["import { createContext, useContext, useMemo, type ReactNode } from \"react\";\nimport type { DataSourceRegistry } from \"./types\";\nimport { DEFAULT_DATA_SOURCE_REGISTRY } from \"./registry\";\nimport { DataSourceProvider } from \"./context\";\n\ninterface DataSourceRegistryContextValue {\n  registry: DataSourceRegistry;\n  baseUrl?: string | undefined;\n  /** Get API headers function */\n  getApiHeaders?: (() => Record<string, string>) | undefined;\n  /** Dynamic variables for endpoint path substitution (e.g., { rep_id: \"123\" }) */\n  variables?: Record<string, string> | undefined;\n}\n\nconst DataSourceRegistryContext = createContext<DataSourceRegistryContextValue>(\n  {\n    registry: DEFAULT_DATA_SOURCE_REGISTRY,\n  },\n);\n\nexport interface DataSourceRegistryProviderProps {\n  registry?: DataSourceRegistry | undefined;\n  /** Base URL for API calls (e.g., \"https://api.fluid.app/api\") */\n  baseUrl?: string | undefined;\n  /**\n   * Get API headers function\n   */\n  getApiHeaders?: (() => Record<string, string>) | undefined;\n  /** Dynamic variables for endpoint path substitution (e.g., { rep_id: \"123\" }) */\n  variables?: Record<string, string> | undefined;\n  children: ReactNode;\n}\n\n/**\n * Provides data source registry and configuration to all descendants.\n * If no registry is provided, uses the default.\n * Also provides the shared DataSourceProvider from rep-core so that\n * rep-widgets hooks can access baseUrl and getApiHeaders.\n */\nexport function DataSourceRegistryProvider({\n  registry,\n  baseUrl,\n  getApiHeaders,\n  variables,\n  children,\n}: DataSourceRegistryProviderProps) {\n  const value = useMemo(\n    () => ({\n      registry: registry ?? DEFAULT_DATA_SOURCE_REGISTRY,\n      baseUrl,\n      getApiHeaders,\n      variables,\n    }),\n    [registry, baseUrl, getApiHeaders, variables],\n  );\n\n  return (\n    <DataSourceRegistryContext.Provider value={value}>\n      <DataSourceProvider baseUrl={baseUrl} getApiHeaders={getApiHeaders}>\n        {children}\n      </DataSourceProvider>\n    </DataSourceRegistryContext.Provider>\n  );\n}\n\n/**\n * Hook to access the data source registry.\n */\nexport function useDataSourceRegistry(): DataSourceRegistry {\n  return useContext(DataSourceRegistryContext).registry;\n}\n\n/**\n * Hook to access the full data source registry context (registry + config).\n */\nexport function useDataSourceRegistryConfig(): DataSourceRegistryContextValue {\n  return useContext(DataSourceRegistryContext);\n}\n"]}

package/dist/{chunk-V7D3QUE6.cjs → chunk-ZA4AE7KF.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
 var chunkSJQPHJL4_cjs = require('./chunk-SJQPHJL4.cjs');
-var chunkLVLNO2YQ_cjs = require('./chunk-LVLNO2YQ.cjs');
+var chunkU3CQLX2Z_cjs = require('./chunk-U3CQLX2Z.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DataSourceRegistryContext = react.createContext(
   {
-    registry: chunkLVLNO2YQ_cjs.DEFAULT_DATA_SOURCE_REGISTRY
+    registry: chunkU3CQLX2Z_cjs.DEFAULT_DATA_SOURCE_REGISTRY
   }
 );
 function DataSourceRegistryProvider({
@@ -19,7 +19,7 @@ function DataSourceRegistryProvider({
 }) {
   const value = react.useMemo(
     () => ({
-      registry: registry ?? chunkLVLNO2YQ_cjs.DEFAULT_DATA_SOURCE_REGISTRY,
+      registry: registry ?? chunkU3CQLX2Z_cjs.DEFAULT_DATA_SOURCE_REGISTRY,
       baseUrl,
       getApiHeaders,
       variables
@@ -38,5 +38,5 @@ function useDataSourceRegistryConfig() {
 exports.DataSourceRegistryProvider = DataSourceRegistryProvider;
 exports.useDataSourceRegistry = useDataSourceRegistry;
 exports.useDataSourceRegistryConfig = useDataSourceRegistryConfig;
-//# sourceMappingURL=chunk-V7D3QUE6.cjs.map
-//# sourceMappingURL=chunk-V7D3QUE6.cjs.map
+//# sourceMappingURL=chunk-ZA4AE7KF.cjs.map
+//# sourceMappingURL=chunk-ZA4AE7KF.cjs.map

package/dist/{chunk-V7D3QUE6.cjs.map → chunk-ZA4AE7KF.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/data-sources/registry-context.tsx"],"names":["createContext","DEFAULT_DATA_SOURCE_REGISTRY","useMemo","jsx","DataSourceProvider","useContext"],"mappings":";;;;;;;AAcA,IAAM,yBAAA,GAA4BA,mBAAA;AAAA,EAChC;AAAA,IACE,QAAA,EAAUC;AAAA;AAEd,CAAA;AAqBO,SAAS,0BAAA,CAA2B;AAAA,EACzC,QAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,MAAM,KAAA,GAAQC,aAAA;AAAA,IACZ,OAAO;AAAA,MACL,UAAU,QAAA,IAAYD,8CAAA;AAAA,MACtB,OAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,OAAA,EAAS,aAAA,EAAe,SAAS;AAAA,GAC9C;AAEA,EAAA,uBACEE,cAAA,CAAC,yBAAA,CAA0B,QAAA,EAA1B,EAAmC,KAAA,EAClC,yCAACC,oCAAA,EAAA,EAAmB,OAAA,EAAkB,aAAA,EACnC,QAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAKO,SAAS,qBAAA,GAA4C;AAC1D,EAAA,OAAOC,gBAAA,CAAW,yBAAyB,CAAA,CAAE,QAAA;AAC/C;AAKO,SAAS,2BAAA,GAA8D;AAC5E,EAAA,OAAOA,iBAAW,yBAAyB,CAAA;AAC7C","file":"chunk-V7D3QUE6.cjs","sourcesContent":["import { createContext, useContext, useMemo, type ReactNode } from \"react\";\nimport type { DataSourceRegistry } from \"./types\";\nimport { DEFAULT_DATA_SOURCE_REGISTRY } from \"./registry\";\nimport { DataSourceProvider } from \"./context\";\n\ninterface DataSourceRegistryContextValue {\n  registry: DataSourceRegistry;\n  baseUrl?: string | undefined;\n  /** Get API headers function */\n  getApiHeaders?: (() => Record<string, string>) | undefined;\n  /** Dynamic variables for endpoint path substitution (e.g., { rep_id: \"123\" }) */\n  variables?: Record<string, string> | undefined;\n}\n\nconst DataSourceRegistryContext = createContext<DataSourceRegistryContextValue>(\n  {\n    registry: DEFAULT_DATA_SOURCE_REGISTRY,\n  },\n);\n\nexport interface DataSourceRegistryProviderProps {\n  registry?: DataSourceRegistry | undefined;\n  /** Base URL for API calls (e.g., \"https://api.fluid.app/api\") */\n  baseUrl?: string | undefined;\n  /**\n   * Get API headers function\n   */\n  getApiHeaders?: (() => Record<string, string>) | undefined;\n  /** Dynamic variables for endpoint path substitution (e.g., { rep_id: \"123\" }) */\n  variables?: Record<string, string> | undefined;\n  children: ReactNode;\n}\n\n/**\n * Provides data source registry and configuration to all descendants.\n * If no registry is provided, uses the default.\n * Also provides the shared DataSourceProvider from rep-core so that\n * rep-widgets hooks can access baseUrl and getApiHeaders.\n */\nexport function DataSourceRegistryProvider({\n  registry,\n  baseUrl,\n  getApiHeaders,\n  variables,\n  children,\n}: DataSourceRegistryProviderProps) {\n  const value = useMemo(\n    () => ({\n      registry: registry ?? DEFAULT_DATA_SOURCE_REGISTRY,\n      baseUrl,\n      getApiHeaders,\n      variables,\n    }),\n    [registry, baseUrl, getApiHeaders, variables],\n  );\n\n  return (\n    <DataSourceRegistryContext.Provider value={value}>\n      <DataSourceProvider baseUrl={baseUrl} getApiHeaders={getApiHeaders}>\n        {children}\n      </DataSourceProvider>\n    </DataSourceRegistryContext.Provider>\n  );\n}\n\n/**\n * Hook to access the data source registry.\n */\nexport function useDataSourceRegistry(): DataSourceRegistry {\n  return useContext(DataSourceRegistryContext).registry;\n}\n\n/**\n * Hook to access the full data source registry context (registry + config).\n */\nexport function useDataSourceRegistryConfig(): DataSourceRegistryContextValue {\n  return useContext(DataSourceRegistryContext);\n}\n"]}
+{"version":3,"sources":["../src/data-sources/registry-context.tsx"],"names":["createContext","DEFAULT_DATA_SOURCE_REGISTRY","useMemo","jsx","DataSourceProvider","useContext"],"mappings":";;;;;;;AAcA,IAAM,yBAAA,GAA4BA,mBAAA;AAAA,EAChC;AAAA,IACE,QAAA,EAAUC;AAAA;AAEd,CAAA;AAqBO,SAAS,0BAAA,CAA2B;AAAA,EACzC,QAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,MAAM,KAAA,GAAQC,aAAA;AAAA,IACZ,OAAO;AAAA,MACL,UAAU,QAAA,IAAYD,8CAAA;AAAA,MACtB,OAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,OAAA,EAAS,aAAA,EAAe,SAAS;AAAA,GAC9C;AAEA,EAAA,uBACEE,cAAA,CAAC,yBAAA,CAA0B,QAAA,EAA1B,EAAmC,KAAA,EAClC,yCAACC,oCAAA,EAAA,EAAmB,OAAA,EAAkB,aAAA,EACnC,QAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAKO,SAAS,qBAAA,GAA4C;AAC1D,EAAA,OAAOC,gBAAA,CAAW,yBAAyB,CAAA,CAAE,QAAA;AAC/C;AAKO,SAAS,2BAAA,GAA8D;AAC5E,EAAA,OAAOA,iBAAW,yBAAyB,CAAA;AAC7C","file":"chunk-ZA4AE7KF.cjs","sourcesContent":["import { createContext, useContext, useMemo, type ReactNode } from \"react\";\nimport type { DataSourceRegistry } from \"./types\";\nimport { DEFAULT_DATA_SOURCE_REGISTRY } from \"./registry\";\nimport { DataSourceProvider } from \"./context\";\n\ninterface DataSourceRegistryContextValue {\n  registry: DataSourceRegistry;\n  baseUrl?: string | undefined;\n  /** Get API headers function */\n  getApiHeaders?: (() => Record<string, string>) | undefined;\n  /** Dynamic variables for endpoint path substitution (e.g., { rep_id: \"123\" }) */\n  variables?: Record<string, string> | undefined;\n}\n\nconst DataSourceRegistryContext = createContext<DataSourceRegistryContextValue>(\n  {\n    registry: DEFAULT_DATA_SOURCE_REGISTRY,\n  },\n);\n\nexport interface DataSourceRegistryProviderProps {\n  registry?: DataSourceRegistry | undefined;\n  /** Base URL for API calls (e.g., \"https://api.fluid.app/api\") */\n  baseUrl?: string | undefined;\n  /**\n   * Get API headers function\n   */\n  getApiHeaders?: (() => Record<string, string>) | undefined;\n  /** Dynamic variables for endpoint path substitution (e.g., { rep_id: \"123\" }) */\n  variables?: Record<string, string> | undefined;\n  children: ReactNode;\n}\n\n/**\n * Provides data source registry and configuration to all descendants.\n * If no registry is provided, uses the default.\n * Also provides the shared DataSourceProvider from rep-core so that\n * rep-widgets hooks can access baseUrl and getApiHeaders.\n */\nexport function DataSourceRegistryProvider({\n  registry,\n  baseUrl,\n  getApiHeaders,\n  variables,\n  children,\n}: DataSourceRegistryProviderProps) {\n  const value = useMemo(\n    () => ({\n      registry: registry ?? DEFAULT_DATA_SOURCE_REGISTRY,\n      baseUrl,\n      getApiHeaders,\n      variables,\n    }),\n    [registry, baseUrl, getApiHeaders, variables],\n  );\n\n  return (\n    <DataSourceRegistryContext.Provider value={value}>\n      <DataSourceProvider baseUrl={baseUrl} getApiHeaders={getApiHeaders}>\n        {children}\n      </DataSourceProvider>\n    </DataSourceRegistryContext.Provider>\n  );\n}\n\n/**\n * Hook to access the data source registry.\n */\nexport function useDataSourceRegistry(): DataSourceRegistry {\n  return useContext(DataSourceRegistryContext).registry;\n}\n\n/**\n * Hook to access the full data source registry context (registry + config).\n */\nexport function useDataSourceRegistryConfig(): DataSourceRegistryContextValue {\n  return useContext(DataSourceRegistryContext);\n}\n"]}

package/dist/data-sources/DataAwareWidget.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkESYAYVNK_cjs = require('../chunk-ESYAYVNK.cjs');
-var chunkOWU7MFJ2_cjs = require('../chunk-OWU7MFJ2.cjs');
-require('../chunk-V7D3QUE6.cjs');
+var chunkKTXGU7OP_cjs = require('../chunk-KTXGU7OP.cjs');
+var chunkMOTOSPAO_cjs = require('../chunk-MOTOSPAO.cjs');
+require('../chunk-ZA4AE7KF.cjs');
 require('../chunk-SJQPHJL4.cjs');
-require('../chunk-LVLNO2YQ.cjs');
+require('../chunk-U3CQLX2Z.cjs');
 require('../chunk-46PUWB7C.cjs');
 require('../chunk-HGVSPZEL.cjs');
 require('../chunk-N2K6W7FX.cjs');
-require('../chunk-2SIG55BD.cjs');
+require('../chunk-B2NTWEDF.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -22,7 +22,7 @@ function DataAwareWidgetImpl({
   baseUrl
 }) {
   const stableAdditionalProps = additionalProps ?? EMPTY_OBJECT;
-  const { data, isLoading, error } = chunkESYAYVNK_cjs.useWidgetData(widget, { baseUrl });
+  const { data, isLoading, error } = chunkKTXGU7OP_cjs.useWidgetData(widget, { baseUrl });
   const mergedProps = react.useMemo(
     () => ({
       ...widget.props,
@@ -38,7 +38,7 @@ function DataAwareWidgetImpl({
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: "animate-pulse rounded-md bg-muted",
+        className: "bg-muted animate-pulse rounded-md",
         style: { minHeight: 100 },
         children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Loading..." })
       }
@@ -48,7 +48,7 @@ function DataAwareWidgetImpl({
     if (errorComponent) {
       return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: errorComponent(error) });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkOWU7MFJ2_cjs.ErrorState, {});
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkMOTOSPAO_cjs.ErrorState, {});
   }
   return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...mergedProps });
 }

package/dist/data-sources/DataAwareWidget.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data-sources/DataAwareWidget.tsx"],"names":["useWidgetData","useMemo","jsx","Fragment","ErrorState","memo"],"mappings":";;;;;;;;;;;;;;AAoBA,IAAM,eAAwC,EAAC;AAM/C,SAAS,mBAAA,CAAoB;AAAA,EAC3B,MAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAyB;AAEvB,EAAA,MAAM,wBAAwB,eAAA,IAAmB,YAAA;AACjD,EAAA,MAAM,EAAE,MAAM,SAAA,EAAW,KAAA,KAAUA,+BAAA,CAAc,MAAA,EAAQ,EAAE,OAAA,EAAS,CAAA;AAMpE,EAAA,MAAM,WAAA,GAAcC,aAAA;AAAA,IAClB,OAAO;AAAA,MACL,GAAG,MAAA,CAAO,KAAA;AAAA,MACV,GAAG,IAAA;AAAA,MACH,GAAG;AAAA,KACL,CAAA;AAAA,IACA,CAAC,MAAA,CAAO,KAAA,EAAO,IAAA,EAAM,qBAAqB;AAAA,GAC5C;AAGA,EAAA,IAAI,SAAA,IAAa,MAAA,CAAO,UAAA,EAAY,OAAA,EAAS,iBAAiB,KAAA,EAAO;AACnE,IAAA,IAAI,gBAAA,EAAkB;AACpB,MAAA,6DAAU,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,IAC7B;AAEA,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,mCAAA;AAAA,QACV,KAAA,EAAO,EAAE,SAAA,EAAW,GAAA,EAAI;AAAA,QAExB,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,YAAA,EAAU;AAAA;AAAA,KACtC;AAAA,EAEJ;AAGA,EAAA,IAAI,KAAA,IAAS,CAAC,IAAA,EAAM;AAClB,IAAA,IAAI,cAAA,EAAgB;AAClB,MAAA,uBAAOA,cAAA,CAAAC,mBAAA,EAAA,EAAG,QAAA,EAAA,cAAA,CAAe,KAAK,CAAA,EAAE,CAAA;AAAA,IAClC;AAEA,IAAA,sCAAQC,4BAAA,EAAA,EAAW,CAAA;AAAA,EACrB;AAEA,EAAA,uBAAOF,cAAA,CAAC,SAAA,EAAA,EAAW,GAAG,WAAA,EAAa,CAAA;AACrC;AAMO,IAAM,eAAA,GAAkBG,WAAK,mBAAmB","file":"DataAwareWidget.cjs","sourcesContent":["import { memo, useMemo, type ComponentType, type ReactNode } from \"react\";\nimport type { WidgetSchema } from \"../types/widget-schema\";\nimport { useWidgetData } from \"./use-widget-data\";\nimport { ErrorState } from \"./ErrorState\";\n\nexport interface DataAwareWidgetProps {\n  widget: WidgetSchema;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  Component: ComponentType<any>;\n  /** Additional props to pass through (e.g., edit mode callbacks) */\n  additionalProps?: Record<string, unknown>;\n  /** Custom loading component */\n  loadingComponent?: ReactNode;\n  /** Custom error component */\n  errorComponent?: (error: Error) => ReactNode;\n  /** Base URL for API calls (e.g., \"https://api.fluid.app/api\") */\n  baseUrl?: string | undefined;\n}\n\n// Empty object constant to avoid creating new references\nconst EMPTY_OBJECT: Record<string, unknown> = {};\n\n/**\n * Wrapper component that resolves data sources before rendering the widget.\n * Merges resolved data with static props.\n */\nfunction DataAwareWidgetImpl({\n  widget,\n  Component,\n  additionalProps,\n  loadingComponent,\n  errorComponent,\n  baseUrl,\n}: DataAwareWidgetProps) {\n  // Use stable empty object if no additionalProps provided\n  const stableAdditionalProps = additionalProps ?? EMPTY_OBJECT;\n  const { data, isLoading, error } = useWidgetData(widget, { baseUrl });\n\n  // Merge static props with resolved data\n  // Data takes precedence (allows overriding defaults)\n  // Memoized to prevent unnecessary child re-renders\n  // Note: Must be called before any early returns to satisfy Rules of Hooks\n  const mergedProps = useMemo(\n    () => ({\n      ...widget.props,\n      ...data,\n      ...stableAdditionalProps,\n    }),\n    [widget.props, data, stableAdditionalProps],\n  );\n\n  // Show loading state\n  if (isLoading && widget.dataSource?.loading?.showSkeleton !== false) {\n    if (loadingComponent) {\n      return <>{loadingComponent}</>;\n    }\n    // Default skeleton - can be customized\n    return (\n      <div\n        className=\"animate-pulse rounded-md bg-muted\"\n        style={{ minHeight: 100 }}\n      >\n        <span className=\"sr-only\">Loading...</span>\n      </div>\n    );\n  }\n\n  // Show error state (if no fallback was applied)\n  if (error && !data) {\n    if (errorComponent) {\n      return <>{errorComponent(error)}</>;\n    }\n    // Default error display\n    return <ErrorState />;\n  }\n\n  return <Component {...mergedProps} />;\n}\n\n/**\n * Memoized wrapper component that resolves data sources before rendering the widget.\n * Prevents re-renders when parent re-renders but props haven't changed.\n */\nexport const DataAwareWidget = memo(DataAwareWidgetImpl);\n"]}
+{"version":3,"sources":["../../src/data-sources/DataAwareWidget.tsx"],"names":["useWidgetData","useMemo","jsx","Fragment","ErrorState","memo"],"mappings":";;;;;;;;;;;;;;AAoBA,IAAM,eAAwC,EAAC;AAM/C,SAAS,mBAAA,CAAoB;AAAA,EAC3B,MAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAyB;AAEvB,EAAA,MAAM,wBAAwB,eAAA,IAAmB,YAAA;AACjD,EAAA,MAAM,EAAE,MAAM,SAAA,EAAW,KAAA,KAAUA,+BAAA,CAAc,MAAA,EAAQ,EAAE,OAAA,EAAS,CAAA;AAMpE,EAAA,MAAM,WAAA,GAAcC,aAAA;AAAA,IAClB,OAAO;AAAA,MACL,GAAG,MAAA,CAAO,KAAA;AAAA,MACV,GAAG,IAAA;AAAA,MACH,GAAG;AAAA,KACL,CAAA;AAAA,IACA,CAAC,MAAA,CAAO,KAAA,EAAO,IAAA,EAAM,qBAAqB;AAAA,GAC5C;AAGA,EAAA,IAAI,SAAA,IAAa,MAAA,CAAO,UAAA,EAAY,OAAA,EAAS,iBAAiB,KAAA,EAAO;AACnE,IAAA,IAAI,gBAAA,EAAkB;AACpB,MAAA,6DAAU,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,IAC7B;AAEA,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,mCAAA;AAAA,QACV,KAAA,EAAO,EAAE,SAAA,EAAW,GAAA,EAAI;AAAA,QAExB,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,YAAA,EAAU;AAAA;AAAA,KACtC;AAAA,EAEJ;AAGA,EAAA,IAAI,KAAA,IAAS,CAAC,IAAA,EAAM;AAClB,IAAA,IAAI,cAAA,EAAgB;AAClB,MAAA,uBAAOA,cAAA,CAAAC,mBAAA,EAAA,EAAG,QAAA,EAAA,cAAA,CAAe,KAAK,CAAA,EAAE,CAAA;AAAA,IAClC;AAEA,IAAA,sCAAQC,4BAAA,EAAA,EAAW,CAAA;AAAA,EACrB;AAEA,EAAA,uBAAOF,cAAA,CAAC,SAAA,EAAA,EAAW,GAAG,WAAA,EAAa,CAAA;AACrC;AAMO,IAAM,eAAA,GAAkBG,WAAK,mBAAmB","file":"DataAwareWidget.cjs","sourcesContent":["import { memo, useMemo, type ComponentType, type ReactNode } from \"react\";\nimport type { WidgetSchema } from \"../types/widget-schema\";\nimport { useWidgetData } from \"./use-widget-data\";\nimport { ErrorState } from \"./ErrorState\";\n\nexport interface DataAwareWidgetProps {\n  widget: WidgetSchema;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  Component: ComponentType<any>;\n  /** Additional props to pass through (e.g., edit mode callbacks) */\n  additionalProps?: Record<string, unknown>;\n  /** Custom loading component */\n  loadingComponent?: ReactNode;\n  /** Custom error component */\n  errorComponent?: (error: Error) => ReactNode;\n  /** Base URL for API calls (e.g., \"https://api.fluid.app/api\") */\n  baseUrl?: string | undefined;\n}\n\n// Empty object constant to avoid creating new references\nconst EMPTY_OBJECT: Record<string, unknown> = {};\n\n/**\n * Wrapper component that resolves data sources before rendering the widget.\n * Merges resolved data with static props.\n */\nfunction DataAwareWidgetImpl({\n  widget,\n  Component,\n  additionalProps,\n  loadingComponent,\n  errorComponent,\n  baseUrl,\n}: DataAwareWidgetProps) {\n  // Use stable empty object if no additionalProps provided\n  const stableAdditionalProps = additionalProps ?? EMPTY_OBJECT;\n  const { data, isLoading, error } = useWidgetData(widget, { baseUrl });\n\n  // Merge static props with resolved data\n  // Data takes precedence (allows overriding defaults)\n  // Memoized to prevent unnecessary child re-renders\n  // Note: Must be called before any early returns to satisfy Rules of Hooks\n  const mergedProps = useMemo(\n    () => ({\n      ...widget.props,\n      ...data,\n      ...stableAdditionalProps,\n    }),\n    [widget.props, data, stableAdditionalProps],\n  );\n\n  // Show loading state\n  if (isLoading && widget.dataSource?.loading?.showSkeleton !== false) {\n    if (loadingComponent) {\n      return <>{loadingComponent}</>;\n    }\n    // Default skeleton - can be customized\n    return (\n      <div\n        className=\"bg-muted animate-pulse rounded-md\"\n        style={{ minHeight: 100 }}\n      >\n        <span className=\"sr-only\">Loading...</span>\n      </div>\n    );\n  }\n\n  // Show error state (if no fallback was applied)\n  if (error && !data) {\n    if (errorComponent) {\n      return <>{errorComponent(error)}</>;\n    }\n    // Default error display\n    return <ErrorState />;\n  }\n\n  return <Component {...mergedProps} />;\n}\n\n/**\n * Memoized wrapper component that resolves data sources before rendering the widget.\n * Prevents re-renders when parent re-renders but props haven't changed.\n */\nexport const DataAwareWidget = memo(DataAwareWidgetImpl);\n"]}

package/dist/data-sources/DataAwareWidget.js

@@ -1,12 +1,12 @@
-import { useWidgetData } from '../chunk-4WFDFEHC.js';
-import { ErrorState } from '../chunk-WASVMCZB.js';
-import '../chunk-XCNBVV4T.js';
+import { useWidgetData } from '../chunk-MNVDL4FX.js';
+import { ErrorState } from '../chunk-TML66UEU.js';
+import '../chunk-VSZWXSQA.js';
 import '../chunk-3I5Y3PEO.js';
-import '../chunk-HUR3MSO4.js';
+import '../chunk-LBLHDGMT.js';
 import '../chunk-VRF7QEID.js';
 import '../chunk-WYOHFNNW.js';
 import '../chunk-PVTQWD4I.js';
-import '../chunk-NAMNXRI5.js';
+import '../chunk-KW5E2H5T.js';
 import { memo, useMemo } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
@@ -36,7 +36,7 @@ function DataAwareWidgetImpl({
     return /* @__PURE__ */ jsx(
       "div",
       {
-        className: "animate-pulse rounded-md bg-muted",
+        className: "bg-muted animate-pulse rounded-md",
         style: { minHeight: 100 },
         children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading..." })
       }

package/dist/data-sources/DataAwareWidget.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data-sources/DataAwareWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAoBA,IAAM,eAAwC,EAAC;AAM/C,SAAS,mBAAA,CAAoB;AAAA,EAC3B,MAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAyB;AAEvB,EAAA,MAAM,wBAAwB,eAAA,IAAmB,YAAA;AACjD,EAAA,MAAM,EAAE,MAAM,SAAA,EAAW,KAAA,KAAU,aAAA,CAAc,MAAA,EAAQ,EAAE,OAAA,EAAS,CAAA;AAMpE,EAAA,MAAM,WAAA,GAAc,OAAA;AAAA,IAClB,OAAO;AAAA,MACL,GAAG,MAAA,CAAO,KAAA;AAAA,MACV,GAAG,IAAA;AAAA,MACH,GAAG;AAAA,KACL,CAAA;AAAA,IACA,CAAC,MAAA,CAAO,KAAA,EAAO,IAAA,EAAM,qBAAqB;AAAA,GAC5C;AAGA,EAAA,IAAI,SAAA,IAAa,MAAA,CAAO,UAAA,EAAY,OAAA,EAAS,iBAAiB,KAAA,EAAO;AACnE,IAAA,IAAI,gBAAA,EAAkB;AACpB,MAAA,uCAAU,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,IAC7B;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,mCAAA;AAAA,QACV,KAAA,EAAO,EAAE,SAAA,EAAW,GAAA,EAAI;AAAA,QAExB,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,YAAA,EAAU;AAAA;AAAA,KACtC;AAAA,EAEJ;AAGA,EAAA,IAAI,KAAA,IAAS,CAAC,IAAA,EAAM;AAClB,IAAA,IAAI,cAAA,EAAgB;AAClB,MAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,cAAA,CAAe,KAAK,CAAA,EAAE,CAAA;AAAA,IAClC;AAEA,IAAA,2BAAQ,UAAA,EAAA,EAAW,CAAA;AAAA,EACrB;AAEA,EAAA,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAW,GAAG,WAAA,EAAa,CAAA;AACrC;AAMO,IAAM,eAAA,GAAkB,KAAK,mBAAmB","file":"DataAwareWidget.js","sourcesContent":["import { memo, useMemo, type ComponentType, type ReactNode } from \"react\";\nimport type { WidgetSchema } from \"../types/widget-schema\";\nimport { useWidgetData } from \"./use-widget-data\";\nimport { ErrorState } from \"./ErrorState\";\n\nexport interface DataAwareWidgetProps {\n  widget: WidgetSchema;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  Component: ComponentType<any>;\n  /** Additional props to pass through (e.g., edit mode callbacks) */\n  additionalProps?: Record<string, unknown>;\n  /** Custom loading component */\n  loadingComponent?: ReactNode;\n  /** Custom error component */\n  errorComponent?: (error: Error) => ReactNode;\n  /** Base URL for API calls (e.g., \"https://api.fluid.app/api\") */\n  baseUrl?: string | undefined;\n}\n\n// Empty object constant to avoid creating new references\nconst EMPTY_OBJECT: Record<string, unknown> = {};\n\n/**\n * Wrapper component that resolves data sources before rendering the widget.\n * Merges resolved data with static props.\n */\nfunction DataAwareWidgetImpl({\n  widget,\n  Component,\n  additionalProps,\n  loadingComponent,\n  errorComponent,\n  baseUrl,\n}: DataAwareWidgetProps) {\n  // Use stable empty object if no additionalProps provided\n  const stableAdditionalProps = additionalProps ?? EMPTY_OBJECT;\n  const { data, isLoading, error } = useWidgetData(widget, { baseUrl });\n\n  // Merge static props with resolved data\n  // Data takes precedence (allows overriding defaults)\n  // Memoized to prevent unnecessary child re-renders\n  // Note: Must be called before any early returns to satisfy Rules of Hooks\n  const mergedProps = useMemo(\n    () => ({\n      ...widget.props,\n      ...data,\n      ...stableAdditionalProps,\n    }),\n    [widget.props, data, stableAdditionalProps],\n  );\n\n  // Show loading state\n  if (isLoading && widget.dataSource?.loading?.showSkeleton !== false) {\n    if (loadingComponent) {\n      return <>{loadingComponent}</>;\n    }\n    // Default skeleton - can be customized\n    return (\n      <div\n        className=\"animate-pulse rounded-md bg-muted\"\n        style={{ minHeight: 100 }}\n      >\n        <span className=\"sr-only\">Loading...</span>\n      </div>\n    );\n  }\n\n  // Show error state (if no fallback was applied)\n  if (error && !data) {\n    if (errorComponent) {\n      return <>{errorComponent(error)}</>;\n    }\n    // Default error display\n    return <ErrorState />;\n  }\n\n  return <Component {...mergedProps} />;\n}\n\n/**\n * Memoized wrapper component that resolves data sources before rendering the widget.\n * Prevents re-renders when parent re-renders but props haven't changed.\n */\nexport const DataAwareWidget = memo(DataAwareWidgetImpl);\n"]}
+{"version":3,"sources":["../../src/data-sources/DataAwareWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAoBA,IAAM,eAAwC,EAAC;AAM/C,SAAS,mBAAA,CAAoB;AAAA,EAC3B,MAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAyB;AAEvB,EAAA,MAAM,wBAAwB,eAAA,IAAmB,YAAA;AACjD,EAAA,MAAM,EAAE,MAAM,SAAA,EAAW,KAAA,KAAU,aAAA,CAAc,MAAA,EAAQ,EAAE,OAAA,EAAS,CAAA;AAMpE,EAAA,MAAM,WAAA,GAAc,OAAA;AAAA,IAClB,OAAO;AAAA,MACL,GAAG,MAAA,CAAO,KAAA;AAAA,MACV,GAAG,IAAA;AAAA,MACH,GAAG;AAAA,KACL,CAAA;AAAA,IACA,CAAC,MAAA,CAAO,KAAA,EAAO,IAAA,EAAM,qBAAqB;AAAA,GAC5C;AAGA,EAAA,IAAI,SAAA,IAAa,MAAA,CAAO,UAAA,EAAY,OAAA,EAAS,iBAAiB,KAAA,EAAO;AACnE,IAAA,IAAI,gBAAA,EAAkB;AACpB,MAAA,uCAAU,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,IAC7B;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,mCAAA;AAAA,QACV,KAAA,EAAO,EAAE,SAAA,EAAW,GAAA,EAAI;AAAA,QAExB,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,YAAA,EAAU;AAAA;AAAA,KACtC;AAAA,EAEJ;AAGA,EAAA,IAAI,KAAA,IAAS,CAAC,IAAA,EAAM;AAClB,IAAA,IAAI,cAAA,EAAgB;AAClB,MAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,cAAA,CAAe,KAAK,CAAA,EAAE,CAAA;AAAA,IAClC;AAEA,IAAA,2BAAQ,UAAA,EAAA,EAAW,CAAA;AAAA,EACrB;AAEA,EAAA,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAW,GAAG,WAAA,EAAa,CAAA;AACrC;AAMO,IAAM,eAAA,GAAkB,KAAK,mBAAmB","file":"DataAwareWidget.js","sourcesContent":["import { memo, useMemo, type ComponentType, type ReactNode } from \"react\";\nimport type { WidgetSchema } from \"../types/widget-schema\";\nimport { useWidgetData } from \"./use-widget-data\";\nimport { ErrorState } from \"./ErrorState\";\n\nexport interface DataAwareWidgetProps {\n  widget: WidgetSchema;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  Component: ComponentType<any>;\n  /** Additional props to pass through (e.g., edit mode callbacks) */\n  additionalProps?: Record<string, unknown>;\n  /** Custom loading component */\n  loadingComponent?: ReactNode;\n  /** Custom error component */\n  errorComponent?: (error: Error) => ReactNode;\n  /** Base URL for API calls (e.g., \"https://api.fluid.app/api\") */\n  baseUrl?: string | undefined;\n}\n\n// Empty object constant to avoid creating new references\nconst EMPTY_OBJECT: Record<string, unknown> = {};\n\n/**\n * Wrapper component that resolves data sources before rendering the widget.\n * Merges resolved data with static props.\n */\nfunction DataAwareWidgetImpl({\n  widget,\n  Component,\n  additionalProps,\n  loadingComponent,\n  errorComponent,\n  baseUrl,\n}: DataAwareWidgetProps) {\n  // Use stable empty object if no additionalProps provided\n  const stableAdditionalProps = additionalProps ?? EMPTY_OBJECT;\n  const { data, isLoading, error } = useWidgetData(widget, { baseUrl });\n\n  // Merge static props with resolved data\n  // Data takes precedence (allows overriding defaults)\n  // Memoized to prevent unnecessary child re-renders\n  // Note: Must be called before any early returns to satisfy Rules of Hooks\n  const mergedProps = useMemo(\n    () => ({\n      ...widget.props,\n      ...data,\n      ...stableAdditionalProps,\n    }),\n    [widget.props, data, stableAdditionalProps],\n  );\n\n  // Show loading state\n  if (isLoading && widget.dataSource?.loading?.showSkeleton !== false) {\n    if (loadingComponent) {\n      return <>{loadingComponent}</>;\n    }\n    // Default skeleton - can be customized\n    return (\n      <div\n        className=\"bg-muted animate-pulse rounded-md\"\n        style={{ minHeight: 100 }}\n      >\n        <span className=\"sr-only\">Loading...</span>\n      </div>\n    );\n  }\n\n  // Show error state (if no fallback was applied)\n  if (error && !data) {\n    if (errorComponent) {\n      return <>{errorComponent(error)}</>;\n    }\n    // Default error display\n    return <ErrorState />;\n  }\n\n  return <Component {...mergedProps} />;\n}\n\n/**\n * Memoized wrapper component that resolves data sources before rendering the widget.\n * Prevents re-renders when parent re-renders but props haven't changed.\n */\nexport const DataAwareWidget = memo(DataAwareWidgetImpl);\n"]}

package/dist/data-sources/ErrorState.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkOWU7MFJ2_cjs = require('../chunk-OWU7MFJ2.cjs');
+var chunkMOTOSPAO_cjs = require('../chunk-MOTOSPAO.cjs');
 
 
 
 Object.defineProperty(exports, "ErrorState", {
   enumerable: true,
-  get: function () { return chunkOWU7MFJ2_cjs.ErrorState; }
+  get: function () { return chunkMOTOSPAO_cjs.ErrorState; }
 });
 //# sourceMappingURL=ErrorState.cjs.map
 //# sourceMappingURL=ErrorState.cjs.map

package/dist/data-sources/ErrorState.js

@@ -1,3 +1,3 @@
-export { ErrorState } from '../chunk-WASVMCZB.js';
+export { ErrorState } from '../chunk-TML66UEU.js';
 //# sourceMappingURL=ErrorState.js.map
 //# sourceMappingURL=ErrorState.js.map

package/dist/data-sources/registry-context.cjs

@@ -1,26 +1,26 @@
 'use strict';
 
-var chunkV7D3QUE6_cjs = require('../chunk-V7D3QUE6.cjs');
+var chunkZA4AE7KF_cjs = require('../chunk-ZA4AE7KF.cjs');
 require('../chunk-SJQPHJL4.cjs');
-require('../chunk-LVLNO2YQ.cjs');
+require('../chunk-U3CQLX2Z.cjs');
 require('../chunk-46PUWB7C.cjs');
 require('../chunk-HGVSPZEL.cjs');
 require('../chunk-N2K6W7FX.cjs');
-require('../chunk-2SIG55BD.cjs');
+require('../chunk-B2NTWEDF.cjs');
 
 
 
 Object.defineProperty(exports, "DataSourceRegistryProvider", {
   enumerable: true,
-  get: function () { return chunkV7D3QUE6_cjs.DataSourceRegistryProvider; }
+  get: function () { return chunkZA4AE7KF_cjs.DataSourceRegistryProvider; }
 });
 Object.defineProperty(exports, "useDataSourceRegistry", {
   enumerable: true,
-  get: function () { return chunkV7D3QUE6_cjs.useDataSourceRegistry; }
+  get: function () { return chunkZA4AE7KF_cjs.useDataSourceRegistry; }
 });
 Object.defineProperty(exports, "useDataSourceRegistryConfig", {
   enumerable: true,
-  get: function () { return chunkV7D3QUE6_cjs.useDataSourceRegistryConfig; }
+  get: function () { return chunkZA4AE7KF_cjs.useDataSourceRegistryConfig; }
 });
 //# sourceMappingURL=registry-context.cjs.map
 //# sourceMappingURL=registry-context.cjs.map

package/dist/data-sources/registry-context.js

@@ -1,9 +1,9 @@
-export { DataSourceRegistryProvider, useDataSourceRegistry, useDataSourceRegistryConfig } from '../chunk-XCNBVV4T.js';
+export { DataSourceRegistryProvider, useDataSourceRegistry, useDataSourceRegistryConfig } from '../chunk-VSZWXSQA.js';
 import '../chunk-3I5Y3PEO.js';
-import '../chunk-HUR3MSO4.js';
+import '../chunk-LBLHDGMT.js';
 import '../chunk-VRF7QEID.js';
 import '../chunk-WYOHFNNW.js';
 import '../chunk-PVTQWD4I.js';
-import '../chunk-NAMNXRI5.js';
+import '../chunk-KW5E2H5T.js';
 //# sourceMappingURL=registry-context.js.map
 //# sourceMappingURL=registry-context.js.map

package/dist/data-sources/registry.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var chunkLVLNO2YQ_cjs = require('../chunk-LVLNO2YQ.cjs');
+var chunkU3CQLX2Z_cjs = require('../chunk-U3CQLX2Z.cjs');
 require('../chunk-46PUWB7C.cjs');
 require('../chunk-HGVSPZEL.cjs');
 require('../chunk-N2K6W7FX.cjs');
-require('../chunk-2SIG55BD.cjs');
+require('../chunk-B2NTWEDF.cjs');
 
 
 
 Object.defineProperty(exports, "DEFAULT_DATA_SOURCE_REGISTRY", {
   enumerable: true,
-  get: function () { return chunkLVLNO2YQ_cjs.DEFAULT_DATA_SOURCE_REGISTRY; }
+  get: function () { return chunkU3CQLX2Z_cjs.DEFAULT_DATA_SOURCE_REGISTRY; }
 });
 Object.defineProperty(exports, "createDataSourceRegistry", {
   enumerable: true,
-  get: function () { return chunkLVLNO2YQ_cjs.createDataSourceRegistry; }
+  get: function () { return chunkU3CQLX2Z_cjs.createDataSourceRegistry; }
 });
 //# sourceMappingURL=registry.cjs.map
 //# sourceMappingURL=registry.cjs.map

package/dist/data-sources/registry.js

@@ -1,7 +1,7 @@
-export { DEFAULT_DATA_SOURCE_REGISTRY, createDataSourceRegistry } from '../chunk-HUR3MSO4.js';
+export { DEFAULT_DATA_SOURCE_REGISTRY, createDataSourceRegistry } from '../chunk-LBLHDGMT.js';
 import '../chunk-VRF7QEID.js';
 import '../chunk-WYOHFNNW.js';
 import '../chunk-PVTQWD4I.js';
-import '../chunk-NAMNXRI5.js';
+import '../chunk-KW5E2H5T.js';
 //# sourceMappingURL=registry.js.map
 //# sourceMappingURL=registry.js.map

package/dist/data-sources/transformers.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunk2SIG55BD_cjs = require('../chunk-2SIG55BD.cjs');
+var chunkB2NTWEDF_cjs = require('../chunk-B2NTWEDF.cjs');
 
 
 
 Object.defineProperty(exports, "WIDGET_TRANSFORMERS", {
   enumerable: true,
-  get: function () { return chunk2SIG55BD_cjs.WIDGET_TRANSFORMERS; }
+  get: function () { return chunkB2NTWEDF_cjs.WIDGET_TRANSFORMERS; }
 });
 //# sourceMappingURL=transformers.cjs.map
 //# sourceMappingURL=transformers.cjs.map

package/dist/data-sources/transformers.js

@@ -1,3 +1,3 @@
-export { WIDGET_TRANSFORMERS } from '../chunk-NAMNXRI5.js';
+export { WIDGET_TRANSFORMERS } from '../chunk-KW5E2H5T.js';
 //# sourceMappingURL=transformers.js.map
 //# sourceMappingURL=transformers.js.map

package/dist/data-sources/use-widget-data.cjs

@@ -1,19 +1,19 @@
 'use strict';
 
-var chunkESYAYVNK_cjs = require('../chunk-ESYAYVNK.cjs');
-require('../chunk-V7D3QUE6.cjs');
+var chunkKTXGU7OP_cjs = require('../chunk-KTXGU7OP.cjs');
+require('../chunk-ZA4AE7KF.cjs');
 require('../chunk-SJQPHJL4.cjs');
-require('../chunk-LVLNO2YQ.cjs');
+require('../chunk-U3CQLX2Z.cjs');
 require('../chunk-46PUWB7C.cjs');
 require('../chunk-HGVSPZEL.cjs');
 require('../chunk-N2K6W7FX.cjs');
-require('../chunk-2SIG55BD.cjs');
+require('../chunk-B2NTWEDF.cjs');
 
 
 
 Object.defineProperty(exports, "useWidgetData", {
   enumerable: true,
-  get: function () { return chunkESYAYVNK_cjs.useWidgetData; }
+  get: function () { return chunkKTXGU7OP_cjs.useWidgetData; }
 });
 //# sourceMappingURL=use-widget-data.cjs.map
 //# sourceMappingURL=use-widget-data.cjs.map

package/dist/data-sources/use-widget-data.js

@@ -1,10 +1,10 @@
-export { useWidgetData } from '../chunk-4WFDFEHC.js';
-import '../chunk-XCNBVV4T.js';
+export { useWidgetData } from '../chunk-MNVDL4FX.js';
+import '../chunk-VSZWXSQA.js';
 import '../chunk-3I5Y3PEO.js';
-import '../chunk-HUR3MSO4.js';
+import '../chunk-LBLHDGMT.js';
 import '../chunk-VRF7QEID.js';
 import '../chunk-WYOHFNNW.js';
 import '../chunk-PVTQWD4I.js';
-import '../chunk-NAMNXRI5.js';
+import '../chunk-KW5E2H5T.js';
 //# sourceMappingURL=use-widget-data.js.map
 //# sourceMappingURL=use-widget-data.js.map

package/dist/registries/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/registries/property-schema-types.ts","../../src/registries/field-helpers.ts"],"names":["faBan"],"mappings":"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","file":"index.cjs","sourcesContent":["import type { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport type {\n  WidgetType,\n  WidgetSchema,\n  AlignOptions,\n  ColorOptions,\n  FontSizeOptions,\n  SectionLayoutType,\n  StrictOmit,\n} from \"../types\";\n\n/**\n * Tab configuration for organizing properties\n */\nexport interface TabConfig {\n  /** Unique identifier for the tab */\n  id: string;\n  /** Display label for the tab */\n  label: string;\n}\n\n// ============================================================================\n// Property Field Types - Derive from constant for single source of truth\n// ============================================================================\n\n/**\n * Property field type constant - single source of truth for field types.\n * Use PROPERTY_FIELD_TYPES.text instead of \"text\" for type-safe comparisons.\n */\nexport const PROPERTY_FIELD_TYPES = {\n  text: \"text\",\n  textarea: \"textarea\",\n  number: \"number\",\n  boolean: \"boolean\",\n  select: \"select\",\n  color: \"color\",\n  range: \"range\",\n  dataSource: \"dataSource\",\n  resource: \"resource\",\n  image: \"image\",\n  alignment: \"alignment\",\n  slider: \"slider\",\n  colorPicker: \"colorPicker\",\n  sectionHeader: \"sectionHeader\",\n  separator: \"separator\",\n  buttonGroup: \"buttonGroup\",\n  colorSelect: \"colorSelect\",\n  sectionLayoutSelect: \"sectionLayoutSelect\",\n  background: \"background\",\n  contentPosition: \"contentPosition\",\n  textSizeSelect: \"textSizeSelect\",\n  cssUnit: \"cssUnit\",\n} as const;\n\n/**\n * Union type of all property field types, derived from PROPERTY_FIELD_TYPES constant.\n * @see deriving-typeof-for-object-keys pattern\n */\nexport type PropertyFieldType =\n  (typeof PROPERTY_FIELD_TYPES)[keyof typeof PROPERTY_FIELD_TYPES];\n\n/**\n * Runtime validation for property field types.\n * @param value - The value to check\n * @returns true if value is a valid PropertyFieldType\n */\nexport function isPropertyFieldType(value: string): value is PropertyFieldType {\n  return Object.values(PROPERTY_FIELD_TYPES).includes(\n    value as PropertyFieldType,\n  );\n}\n\n/**\n * Base schema for a property field\n */\nexport interface PropertyFieldSchema {\n  /** Property key in the widget props */\n  key: string;\n  /** Display label for the field */\n  label: string;\n  /** Field type determines the input control */\n  type: PropertyFieldType;\n  /** Optional description/help text */\n  description?: string;\n  /** Optional default value */\n  defaultValue?: unknown;\n  /** Optional tab ID (must match a TabConfig id if widget has tabsConfig) */\n  tab?: string;\n  /** Optional group for organizing fields within a tab */\n  group?: string;\n  /**\n   * @deprecated Use requiresKeyValue instead\n   */\n  requiresKeyToBeTrue?: string;\n  /** Optional requires a specific key to have a specific value */\n  requiresKeyValue?: { key: string; value: unknown };\n}\n\n/**\n * Text field schema\n */\nexport interface TextFieldSchema extends PropertyFieldSchema {\n  type: \"text\";\n  placeholder?: string;\n  maxLength?: number;\n}\n\n/**\n * Textarea field schema\n */\nexport interface TextareaFieldSchema extends PropertyFieldSchema {\n  type: \"textarea\";\n  placeholder?: string;\n  rows?: number;\n  maxLength?: number;\n}\n\n/**\n * Number field schema\n */\nexport interface NumberFieldSchema extends PropertyFieldSchema {\n  type: \"number\";\n  min?: number;\n  max?: number;\n  step?: number;\n}\n\n/**\n * Boolean field schema\n */\nexport interface BooleanFieldSchema extends PropertyFieldSchema {\n  type: \"boolean\";\n}\n\n/**\n * Select field schema with type-safe option values.\n * Uses StrictOmit to ensure \"defaultValue\" key exists on PropertyFieldSchema.\n */\nexport interface SelectFieldSchema<T extends string | number = string | number>\n  extends StrictOmit<PropertyFieldSchema, \"defaultValue\"> {\n  type: \"select\";\n  options: Array<{ label: string; value: T }>;\n  defaultValue?: T;\n}\n\n/**\n * Color field schema\n */\nexport interface ColorFieldSchema extends PropertyFieldSchema {\n  type: \"color\";\n}\n\n/**\n * Range slider field schema\n */\nexport interface RangeFieldSchema extends PropertyFieldSchema {\n  type: \"range\";\n  min: number;\n  max: number;\n  step?: number;\n}\n\n/**\n * Data source field schema for configuring widget data sources\n */\nexport interface DataSourceFieldSchema extends PropertyFieldSchema {\n  type: \"dataSource\";\n}\n\n/**\n * Resource field schema for selecting a single resource from the selection modal\n */\nexport interface ResourceFieldSchema extends PropertyFieldSchema {\n  type: \"resource\";\n  /** Optional filter to specific shareable types */\n  allowedTypes?: string[];\n}\n\n/**\n * Image field schema for selecting a single image from the image picker\n */\nexport interface ImageFieldSchema extends PropertyFieldSchema {\n  type: \"image\";\n}\n\n/**\n * Alignment field schema\n */\nexport interface AlignmentFieldSchema extends PropertyFieldSchema {\n  type: \"alignment\";\n  options: {\n    verticalEnabled: boolean;\n    horizontalEnabled: boolean;\n  };\n  defaultValue?: AlignOptions;\n}\n\n/**\n * Slider field schema with optional unit suffix (e.g., \"rem\", \"px\")\n */\nexport interface SliderFieldSchema extends PropertyFieldSchema {\n  type: \"slider\";\n  min: number;\n  max: number;\n  step?: number;\n  unit?: string;\n}\n\n/**\n * Color picker field schema with optional swatches\n */\nexport interface ColorPickerFieldSchema extends PropertyFieldSchema {\n  type: \"colorPicker\";\n  swatches?: string[];\n}\n\n/**\n * Section header field schema for visual grouping\n */\nexport interface SectionHeaderFieldSchema extends PropertyFieldSchema {\n  type: \"sectionHeader\";\n  subtitle?: string;\n}\n\n/**\n * Separator field schema for visual separation\n */\nexport interface SeparatorFieldSchema extends PropertyFieldSchema {\n  type: \"separator\";\n}\n\n/**\n * Button group field schema.\n * Uses StrictOmit to ensure \"defaultValue\" key exists on PropertyFieldSchema.\n */\nexport interface ButtonGroupFieldSchema<\n  T extends string | number = string | number,\n> extends StrictOmit<PropertyFieldSchema, \"defaultValue\"> {\n  type: \"buttonGroup\";\n  options: Array<{ label?: string; icon?: IconDefinition; value: T }>;\n  defaultValue?: T;\n}\n\n/**\n * Color select field schema\n */\nexport interface ColorSelectFieldSchema extends PropertyFieldSchema {\n  type: \"colorSelect\";\n  defaultValue?: ColorOptions;\n}\n\n/**\n * Section layout select field schema for visual masonry layout selector\n */\nexport interface SectionLayoutSelectFieldSchema extends PropertyFieldSchema {\n  type: \"sectionLayoutSelect\";\n  defaultValue?: SectionLayoutType;\n}\n\n/**\n * Background field combines resource selection and color properties.\n * Uses StrictOmit to exclude conflicting \"type\" discriminant from parents.\n */\nexport interface BackgroundFieldSchema\n  extends StrictOmit<ResourceFieldSchema, \"type\">,\n    StrictOmit<ColorFieldSchema, \"type\"> {\n  type: \"background\";\n}\n\n/**\n * Content position field schema for 3x3 grid position picker\n */\nexport interface ContentPositionFieldSchema extends PropertyFieldSchema {\n  type: \"contentPosition\";\n  defaultValue?: string;\n}\n\n/**\n * Text size select field schema for visual font size selector\n */\nexport interface TextSizeSelectFieldSchema extends PropertyFieldSchema {\n  type: \"textSizeSelect\";\n  defaultValue?: FontSizeOptions;\n}\n\n/**\n * CSS unit type for height/width fields\n */\nexport type CssUnit = \"px\" | \"rem\" | \"vh\";\n\n/**\n * CSS unit field schema for numeric values with selectable units (px, rem, vh)\n */\nexport interface CssUnitFieldSchema extends PropertyFieldSchema {\n  type: \"cssUnit\";\n  min?: number;\n  max?: number;\n  step?: number;\n  allowedUnits?: CssUnit[];\n  defaultUnit?: CssUnit;\n}\n\n/**\n * Union of all field schema types\n */\nexport type PropertyField =\n  | TextFieldSchema\n  | TextareaFieldSchema\n  | NumberFieldSchema\n  | BooleanFieldSchema\n  | SelectFieldSchema<string | number>\n  | ColorFieldSchema\n  | RangeFieldSchema\n  | DataSourceFieldSchema\n  | ResourceFieldSchema\n  | ImageFieldSchema\n  | AlignmentFieldSchema\n  | SliderFieldSchema\n  | ColorPickerFieldSchema\n  | SectionHeaderFieldSchema\n  | SeparatorFieldSchema\n  | ButtonGroupFieldSchema<string | number>\n  | ColorSelectFieldSchema\n  | SectionLayoutSelectFieldSchema\n  | BackgroundFieldSchema\n  | ContentPositionFieldSchema\n  | TextSizeSelectFieldSchema\n  | CssUnitFieldSchema;\n\n/**\n * Schema for per-item configuration in custom data sources.\n * Widgets can define this to allow users to configure widget-specific\n * settings for each selected item (e.g., title, description, button).\n */\nexport interface ItemConfigSchema {\n  /** Fields available for per-item configuration */\n  fields: PropertyField[];\n  /** Optional description shown at top of item config panel */\n  description?: string;\n}\n\n/**\n * Schema for a widget's editable properties\n */\nexport interface WidgetPropertySchema {\n  /** Widget type this schema applies to */\n  widgetType: WidgetType;\n  /** Display name for the widget */\n  displayName: string;\n  /** Optional tab configuration - if present, tabs are enabled */\n  tabsConfig?: TabConfig[];\n  /** Editable property fields */\n  fields: PropertyField[];\n  /** Optional custom validator function */\n  validate?: (props: Record<string, unknown>) => string | null;\n  /** Props that can be populated from data sources */\n  dataSourceTargetProps?: string[];\n  /** Optional schema for per-item configurations in custom data sources */\n  itemConfigSchema?: ItemConfigSchema;\n}\n\n/**\n * Registry mapping widget types to their property schemas\n */\nexport type PropertySchemaRegistry = Record<WidgetType, WidgetPropertySchema>;\n\n/**\n * Group property fields by their group property\n */\nexport function groupPropertyFields(\n  fields: readonly PropertyField[],\n): Record<string, PropertyField[]> {\n  const grouped: Record<string, PropertyField[]> = {};\n\n  fields.forEach((field) => {\n    const group = field.group || \"General\";\n    if (!grouped[group]) {\n      grouped[group] = [];\n    }\n    grouped[group].push(field);\n  });\n\n  return grouped;\n}\n\n/**\n * Extract current values from widget props based on property fields\n */\nexport function extractPropertyValues(\n  widget: Readonly<WidgetSchema>,\n  fields: readonly PropertyField[],\n): Record<string, unknown> {\n  const values: Record<string, unknown> = {};\n\n  fields.forEach((field) => {\n    const value = widget.props[field.key];\n    values[field.key] = value !== undefined ? value : field.defaultValue;\n  });\n\n  return values;\n}\n\n/**\n * Apply property values to widget props\n */\nexport function applyPropertyValues(\n  widget: Readonly<WidgetSchema>,\n  values: Readonly<Record<string, unknown>>,\n): WidgetSchema {\n  return {\n    ...widget,\n    props: {\n      ...widget.props,\n      ...values,\n    },\n  };\n}\n","import type {\n  ButtonGroupFieldSchema,\n  ColorSelectFieldSchema,\n  CssUnitFieldSchema,\n  TextSizeSelectFieldSchema,\n} from \"./property-schema-types\";\nimport type {\n  BorderRadiusOptions,\n  PaddingOptions,\n  ButtonSizeOptions,\n  GapOptions,\n} from \"../types\";\nimport { faBan } from \"@fortawesome/pro-regular-svg-icons\";\n\nexport const getColorField = (\n  props: Readonly<Omit<ColorSelectFieldSchema, \"type\">>,\n): ColorSelectFieldSchema => {\n  return {\n    ...props,\n    type: \"colorSelect\",\n  };\n};\n\nexport const getBorderRadiusField = (\n  props: Readonly<\n    Omit<ButtonGroupFieldSchema<BorderRadiusOptions>, \"options\" | \"type\">\n  >,\n): ButtonGroupFieldSchema<BorderRadiusOptions> => {\n  return {\n    ...props,\n    type: \"buttonGroup\",\n    options: [\n      { icon: faBan, value: \"none\" },\n      { label: \"SM\", value: \"sm\" },\n      { label: \"MD\", value: \"md\" },\n      { label: \"LG\", value: \"lg\" },\n      { label: \"XL\", value: \"xl\" },\n      { label: \"FULL\", value: \"full\" },\n    ],\n  };\n};\n\nexport const getPaddingField = (\n  props: Readonly<\n    Omit<ButtonGroupFieldSchema<PaddingOptions>, \"options\" | \"type\">\n  >,\n): ButtonGroupFieldSchema<PaddingOptions> => {\n  return {\n    ...props,\n    type: \"buttonGroup\",\n    options: [\n      { icon: faBan, value: 0 },\n      { label: \"SM\", value: 2 },\n      { label: \"MD\", value: 4 },\n      { label: \"LG\", value: 6 },\n      { label: \"XL\", value: 8 },\n      { label: \"FULL\", value: 10 },\n    ],\n  };\n};\n\nexport const getButtonSizeField = (\n  props: Readonly<\n    Omit<ButtonGroupFieldSchema<ButtonSizeOptions>, \"options\" | \"type\">\n  >,\n): ButtonGroupFieldSchema<ButtonSizeOptions> => {\n  return {\n    ...props,\n    type: \"buttonGroup\",\n    options: [\n      { label: \"SM\", value: \"sm\" },\n      { label: \"MD\", value: \"default\" },\n      { label: \"LG\", value: \"lg\" },\n      { label: \"XL\", value: \"xl\" },\n    ],\n  };\n};\n\nexport const getFontSizeField = (\n  props: Readonly<Omit<TextSizeSelectFieldSchema, \"type\">>,\n): TextSizeSelectFieldSchema => {\n  return {\n    ...props,\n    type: \"textSizeSelect\",\n  };\n};\n\nexport const getGapField = (\n  props: Readonly<Omit<ButtonGroupFieldSchema<GapOptions>, \"options\" | \"type\">>,\n): ButtonGroupFieldSchema<GapOptions> => {\n  return {\n    ...props,\n    type: \"buttonGroup\",\n    options: [\n      { icon: faBan, value: \"none\" },\n      { label: \"XS\", value: \"xs\" },\n      { label: \"SM\", value: \"sm\" },\n      { label: \"MD\", value: \"md\" },\n      { label: \"LG\", value: \"lg\" },\n      { label: \"XL\", value: \"xl\" },\n    ],\n  };\n};\n\nexport const getHeightField = (\n  props: Readonly<Omit<CssUnitFieldSchema, \"type\">>,\n): CssUnitFieldSchema => {\n  return {\n    ...props,\n    type: \"cssUnit\",\n  };\n};\n\n/**\n * Gap value mapping - use `as const satisfies` for compile-time validation\n * with literal type preservation.\n */\nexport const gapValues = {\n  none: 0,\n  xs: 1,\n  sm: 2,\n  md: 4,\n  lg: 6,\n  xl: 8,\n} as const satisfies Record<GapOptions, number>;\n"]}
+{"version":3,"sources":["../../src/registries/property-schema-types.ts","../../src/registries/field-helpers.ts"],"names":["faBan"],"mappings":"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","file":"index.cjs","sourcesContent":["import type { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport type {\n  WidgetType,\n  WidgetSchema,\n  AlignOptions,\n  ColorOptions,\n  FontSizeOptions,\n  SectionLayoutType,\n  StrictOmit,\n} from \"../types\";\n\n/**\n * Tab configuration for organizing properties\n */\nexport interface TabConfig {\n  /** Unique identifier for the tab */\n  id: string;\n  /** Display label for the tab */\n  label: string;\n}\n\n// ============================================================================\n// Property Field Types - Derive from constant for single source of truth\n// ============================================================================\n\n/**\n * Property field type constant - single source of truth for field types.\n * Use PROPERTY_FIELD_TYPES.text instead of \"text\" for type-safe comparisons.\n */\nexport const PROPERTY_FIELD_TYPES = {\n  text: \"text\",\n  textarea: \"textarea\",\n  number: \"number\",\n  boolean: \"boolean\",\n  select: \"select\",\n  color: \"color\",\n  range: \"range\",\n  dataSource: \"dataSource\",\n  resource: \"resource\",\n  image: \"image\",\n  alignment: \"alignment\",\n  slider: \"slider\",\n  colorPicker: \"colorPicker\",\n  sectionHeader: \"sectionHeader\",\n  separator: \"separator\",\n  buttonGroup: \"buttonGroup\",\n  colorSelect: \"colorSelect\",\n  sectionLayoutSelect: \"sectionLayoutSelect\",\n  background: \"background\",\n  contentPosition: \"contentPosition\",\n  textSizeSelect: \"textSizeSelect\",\n  cssUnit: \"cssUnit\",\n} as const;\n\n/**\n * Union type of all property field types, derived from PROPERTY_FIELD_TYPES constant.\n * @see deriving-typeof-for-object-keys pattern\n */\nexport type PropertyFieldType =\n  (typeof PROPERTY_FIELD_TYPES)[keyof typeof PROPERTY_FIELD_TYPES];\n\n/**\n * Runtime validation for property field types.\n * @param value - The value to check\n * @returns true if value is a valid PropertyFieldType\n */\nexport function isPropertyFieldType(value: string): value is PropertyFieldType {\n  return Object.values(PROPERTY_FIELD_TYPES).includes(\n    value as PropertyFieldType,\n  );\n}\n\n/**\n * Base schema for a property field\n */\nexport interface PropertyFieldSchema {\n  /** Property key in the widget props */\n  key: string;\n  /** Display label for the field */\n  label: string;\n  /** Field type determines the input control */\n  type: PropertyFieldType;\n  /** Optional description/help text */\n  description?: string;\n  /** Optional default value */\n  defaultValue?: unknown;\n  /** Optional tab ID (must match a TabConfig id if widget has tabsConfig) */\n  tab?: string;\n  /** Optional group for organizing fields within a tab */\n  group?: string;\n  /**\n   * @deprecated Use requiresKeyValue instead\n   */\n  requiresKeyToBeTrue?: string;\n  /** Optional requires a specific key to have a specific value */\n  requiresKeyValue?: { key: string; value: unknown };\n}\n\n/**\n * Text field schema\n */\nexport interface TextFieldSchema extends PropertyFieldSchema {\n  type: \"text\";\n  placeholder?: string;\n  maxLength?: number;\n}\n\n/**\n * Textarea field schema\n */\nexport interface TextareaFieldSchema extends PropertyFieldSchema {\n  type: \"textarea\";\n  placeholder?: string;\n  rows?: number;\n  maxLength?: number;\n}\n\n/**\n * Number field schema\n */\nexport interface NumberFieldSchema extends PropertyFieldSchema {\n  type: \"number\";\n  min?: number;\n  max?: number;\n  step?: number;\n}\n\n/**\n * Boolean field schema\n */\nexport interface BooleanFieldSchema extends PropertyFieldSchema {\n  type: \"boolean\";\n}\n\n/**\n * Select field schema with type-safe option values.\n * Uses StrictOmit to ensure \"defaultValue\" key exists on PropertyFieldSchema.\n */\nexport interface SelectFieldSchema<\n  T extends string | number = string | number,\n> extends StrictOmit<PropertyFieldSchema, \"defaultValue\"> {\n  type: \"select\";\n  options: Array<{ label: string; value: T }>;\n  defaultValue?: T;\n}\n\n/**\n * Color field schema\n */\nexport interface ColorFieldSchema extends PropertyFieldSchema {\n  type: \"color\";\n}\n\n/**\n * Range slider field schema\n */\nexport interface RangeFieldSchema extends PropertyFieldSchema {\n  type: \"range\";\n  min: number;\n  max: number;\n  step?: number;\n}\n\n/**\n * Data source field schema for configuring widget data sources\n */\nexport interface DataSourceFieldSchema extends PropertyFieldSchema {\n  type: \"dataSource\";\n}\n\n/**\n * Resource field schema for selecting a single resource from the selection modal\n */\nexport interface ResourceFieldSchema extends PropertyFieldSchema {\n  type: \"resource\";\n  /** Optional filter to specific shareable types */\n  allowedTypes?: string[];\n}\n\n/**\n * Image field schema for selecting a single image from the image picker\n */\nexport interface ImageFieldSchema extends PropertyFieldSchema {\n  type: \"image\";\n}\n\n/**\n * Alignment field schema\n */\nexport interface AlignmentFieldSchema extends PropertyFieldSchema {\n  type: \"alignment\";\n  options: {\n    verticalEnabled: boolean;\n    horizontalEnabled: boolean;\n  };\n  defaultValue?: AlignOptions;\n}\n\n/**\n * Slider field schema with optional unit suffix (e.g., \"rem\", \"px\")\n */\nexport interface SliderFieldSchema extends PropertyFieldSchema {\n  type: \"slider\";\n  min: number;\n  max: number;\n  step?: number;\n  unit?: string;\n}\n\n/**\n * Color picker field schema with optional swatches\n */\nexport interface ColorPickerFieldSchema extends PropertyFieldSchema {\n  type: \"colorPicker\";\n  swatches?: string[];\n}\n\n/**\n * Section header field schema for visual grouping\n */\nexport interface SectionHeaderFieldSchema extends PropertyFieldSchema {\n  type: \"sectionHeader\";\n  subtitle?: string;\n}\n\n/**\n * Separator field schema for visual separation\n */\nexport interface SeparatorFieldSchema extends PropertyFieldSchema {\n  type: \"separator\";\n}\n\n/**\n * Button group field schema.\n * Uses StrictOmit to ensure \"defaultValue\" key exists on PropertyFieldSchema.\n */\nexport interface ButtonGroupFieldSchema<\n  T extends string | number = string | number,\n> extends StrictOmit<PropertyFieldSchema, \"defaultValue\"> {\n  type: \"buttonGroup\";\n  options: Array<{ label?: string; icon?: IconDefinition; value: T }>;\n  defaultValue?: T;\n}\n\n/**\n * Color select field schema\n */\nexport interface ColorSelectFieldSchema extends PropertyFieldSchema {\n  type: \"colorSelect\";\n  defaultValue?: ColorOptions;\n}\n\n/**\n * Section layout select field schema for visual masonry layout selector\n */\nexport interface SectionLayoutSelectFieldSchema extends PropertyFieldSchema {\n  type: \"sectionLayoutSelect\";\n  defaultValue?: SectionLayoutType;\n}\n\n/**\n * Background field combines resource selection and color properties.\n * Uses StrictOmit to exclude conflicting \"type\" discriminant from parents.\n */\nexport interface BackgroundFieldSchema\n  extends\n    StrictOmit<ResourceFieldSchema, \"type\">,\n    StrictOmit<ColorFieldSchema, \"type\"> {\n  type: \"background\";\n}\n\n/**\n * Content position field schema for 3x3 grid position picker\n */\nexport interface ContentPositionFieldSchema extends PropertyFieldSchema {\n  type: \"contentPosition\";\n  defaultValue?: string;\n}\n\n/**\n * Text size select field schema for visual font size selector\n */\nexport interface TextSizeSelectFieldSchema extends PropertyFieldSchema {\n  type: \"textSizeSelect\";\n  defaultValue?: FontSizeOptions;\n}\n\n/**\n * CSS unit type for height/width fields\n */\nexport type CssUnit = \"px\" | \"rem\" | \"vh\";\n\n/**\n * CSS unit field schema for numeric values with selectable units (px, rem, vh)\n */\nexport interface CssUnitFieldSchema extends PropertyFieldSchema {\n  type: \"cssUnit\";\n  min?: number;\n  max?: number;\n  step?: number;\n  allowedUnits?: CssUnit[];\n  defaultUnit?: CssUnit;\n}\n\n/**\n * Union of all field schema types\n */\nexport type PropertyField =\n  | TextFieldSchema\n  | TextareaFieldSchema\n  | NumberFieldSchema\n  | BooleanFieldSchema\n  | SelectFieldSchema<string | number>\n  | ColorFieldSchema\n  | RangeFieldSchema\n  | DataSourceFieldSchema\n  | ResourceFieldSchema\n  | ImageFieldSchema\n  | AlignmentFieldSchema\n  | SliderFieldSchema\n  | ColorPickerFieldSchema\n  | SectionHeaderFieldSchema\n  | SeparatorFieldSchema\n  | ButtonGroupFieldSchema<string | number>\n  | ColorSelectFieldSchema\n  | SectionLayoutSelectFieldSchema\n  | BackgroundFieldSchema\n  | ContentPositionFieldSchema\n  | TextSizeSelectFieldSchema\n  | CssUnitFieldSchema;\n\n/**\n * Schema for per-item configuration in custom data sources.\n * Widgets can define this to allow users to configure widget-specific\n * settings for each selected item (e.g., title, description, button).\n */\nexport interface ItemConfigSchema {\n  /** Fields available for per-item configuration */\n  fields: PropertyField[];\n  /** Optional description shown at top of item config panel */\n  description?: string;\n}\n\n/**\n * Schema for a widget's editable properties\n */\nexport interface WidgetPropertySchema {\n  /** Widget type this schema applies to */\n  widgetType: WidgetType;\n  /** Display name for the widget */\n  displayName: string;\n  /** Optional tab configuration - if present, tabs are enabled */\n  tabsConfig?: TabConfig[];\n  /** Editable property fields */\n  fields: PropertyField[];\n  /** Optional custom validator function */\n  validate?: (props: Record<string, unknown>) => string | null;\n  /** Props that can be populated from data sources */\n  dataSourceTargetProps?: string[];\n  /** Optional schema for per-item configurations in custom data sources */\n  itemConfigSchema?: ItemConfigSchema;\n}\n\n/**\n * Registry mapping widget types to their property schemas\n */\nexport type PropertySchemaRegistry = Record<WidgetType, WidgetPropertySchema>;\n\n/**\n * Group property fields by their group property\n */\nexport function groupPropertyFields(\n  fields: readonly PropertyField[],\n): Record<string, PropertyField[]> {\n  const grouped: Record<string, PropertyField[]> = {};\n\n  fields.forEach((field) => {\n    const group = field.group || \"General\";\n    if (!grouped[group]) {\n      grouped[group] = [];\n    }\n    grouped[group].push(field);\n  });\n\n  return grouped;\n}\n\n/**\n * Extract current values from widget props based on property fields\n */\nexport function extractPropertyValues(\n  widget: Readonly<WidgetSchema>,\n  fields: readonly PropertyField[],\n): Record<string, unknown> {\n  const values: Record<string, unknown> = {};\n\n  fields.forEach((field) => {\n    const value = widget.props[field.key];\n    values[field.key] = value !== undefined ? value : field.defaultValue;\n  });\n\n  return values;\n}\n\n/**\n * Apply property values to widget props\n */\nexport function applyPropertyValues(\n  widget: Readonly<WidgetSchema>,\n  values: Readonly<Record<string, unknown>>,\n): WidgetSchema {\n  return {\n    ...widget,\n    props: {\n      ...widget.props,\n      ...values,\n    },\n  };\n}\n","import type {\n  ButtonGroupFieldSchema,\n  ColorSelectFieldSchema,\n  CssUnitFieldSchema,\n  TextSizeSelectFieldSchema,\n} from \"./property-schema-types\";\nimport type {\n  BorderRadiusOptions,\n  PaddingOptions,\n  ButtonSizeOptions,\n  GapOptions,\n} from \"../types\";\nimport { faBan } from \"@fortawesome/pro-regular-svg-icons\";\n\nexport const getColorField = (\n  props: Readonly<Omit<ColorSelectFieldSchema, \"type\">>,\n): ColorSelectFieldSchema => {\n  return {\n    ...props,\n    type: \"colorSelect\",\n  };\n};\n\nexport const getBorderRadiusField = (\n  props: Readonly<\n    Omit<ButtonGroupFieldSchema<BorderRadiusOptions>, \"options\" | \"type\">\n  >,\n): ButtonGroupFieldSchema<BorderRadiusOptions> => {\n  return {\n    ...props,\n    type: \"buttonGroup\",\n    options: [\n      { icon: faBan, value: \"none\" },\n      { label: \"SM\", value: \"sm\" },\n      { label: \"MD\", value: \"md\" },\n      { label: \"LG\", value: \"lg\" },\n      { label: \"XL\", value: \"xl\" },\n      { label: \"FULL\", value: \"full\" },\n    ],\n  };\n};\n\nexport const getPaddingField = (\n  props: Readonly<\n    Omit<ButtonGroupFieldSchema<PaddingOptions>, \"options\" | \"type\">\n  >,\n): ButtonGroupFieldSchema<PaddingOptions> => {\n  return {\n    ...props,\n    type: \"buttonGroup\",\n    options: [\n      { icon: faBan, value: 0 },\n      { label: \"SM\", value: 2 },\n      { label: \"MD\", value: 4 },\n      { label: \"LG\", value: 6 },\n      { label: \"XL\", value: 8 },\n      { label: \"FULL\", value: 10 },\n    ],\n  };\n};\n\nexport const getButtonSizeField = (\n  props: Readonly<\n    Omit<ButtonGroupFieldSchema<ButtonSizeOptions>, \"options\" | \"type\">\n  >,\n): ButtonGroupFieldSchema<ButtonSizeOptions> => {\n  return {\n    ...props,\n    type: \"buttonGroup\",\n    options: [\n      { label: \"SM\", value: \"sm\" },\n      { label: \"MD\", value: \"default\" },\n      { label: \"LG\", value: \"lg\" },\n      { label: \"XL\", value: \"xl\" },\n    ],\n  };\n};\n\nexport const getFontSizeField = (\n  props: Readonly<Omit<TextSizeSelectFieldSchema, \"type\">>,\n): TextSizeSelectFieldSchema => {\n  return {\n    ...props,\n    type: \"textSizeSelect\",\n  };\n};\n\nexport const getGapField = (\n  props: Readonly<Omit<ButtonGroupFieldSchema<GapOptions>, \"options\" | \"type\">>,\n): ButtonGroupFieldSchema<GapOptions> => {\n  return {\n    ...props,\n    type: \"buttonGroup\",\n    options: [\n      { icon: faBan, value: \"none\" },\n      { label: \"XS\", value: \"xs\" },\n      { label: \"SM\", value: \"sm\" },\n      { label: \"MD\", value: \"md\" },\n      { label: \"LG\", value: \"lg\" },\n      { label: \"XL\", value: \"xl\" },\n    ],\n  };\n};\n\nexport const getHeightField = (\n  props: Readonly<Omit<CssUnitFieldSchema, \"type\">>,\n): CssUnitFieldSchema => {\n  return {\n    ...props,\n    type: \"cssUnit\",\n  };\n};\n\n/**\n * Gap value mapping - use `as const satisfies` for compile-time validation\n * with literal type preservation.\n */\nexport const gapValues = {\n  none: 0,\n  xs: 1,\n  sm: 2,\n  md: 4,\n  lg: 6,\n  xl: 8,\n} as const satisfies Record<GapOptions, number>;\n"]}