@k3-universe/react-kit 0.0.1

package/.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@nx/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}

package/.storybook/main.ts

@@ -0,0 +1,22 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+import path from 'path';
+
+const config: StorybookConfig = {
+  stories: ['../src/stories/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
+  addons: [
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    '@storybook/addon-a11y',
+    '@storybook/addon-storysource',
+  ],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {
+      builder: {
+        viteConfigPath: path.resolve(__dirname, '../vite.config.ts'),
+      },
+    },
+  },
+};
+
+export default config;

package/.storybook/preview.ts

@@ -0,0 +1,190 @@
+/// <reference types="vite/client" />
+import React from 'react';
+import type { Preview, Decorator } from '@storybook/react';
+import '../src/index.css';
+
+declare global {
+  interface Window {
+    __sbThemeListener?: (e: MediaQueryListEvent) => void;
+    __sbThemeMql?: MediaQueryList;
+  }
+}
+
+function applyThemeMode(useDark: boolean) {
+  const html = document.documentElement;
+  const body = document.body;
+  html.classList.toggle('dark', useDark);
+  body.classList.toggle('dark', useDark);
+  const mode = useDark ? 'dark' : 'light';
+  html.setAttribute('data-theme', mode);
+  body.setAttribute('data-theme', mode);
+}
+
+// Dynamically import source theme CSS so Vite + @tailwindcss/vite process it
+const themeModules = (
+  import.meta as unknown as { glob: (p: string) => Record<string, () => Promise<unknown>> }
+).glob('../src/kit/themes/*.css');
+
+function findThemeNode(name: string): HTMLStyleElement | HTMLLinkElement | null {
+  const suffix = `/src/kit/themes/${name}.css`;
+  // Vite dev: <style data-vite-dev-id=".../src/kit/themes/<name>.css">
+  const styles = document.querySelectorAll<HTMLStyleElement>('style[data-vite-dev-id]');
+  for (const s of Array.from(styles)) {
+    const id = s.getAttribute('data-vite-dev-id') || '';
+    if (id.endsWith(suffix)) return s;
+  }
+  // Vite prod (or CSS extracted): <link rel="stylesheet" href="...<name>.css">
+  const links = document.querySelectorAll<HTMLLinkElement>('link[rel="stylesheet"][href]');
+  for (const l of Array.from(links)) {
+    const href = l.getAttribute('href') || '';
+    if (href.includes(`${name}.css`)) return l;
+  }
+  return null;
+}
+
+function bumpToTop(node: Element | null) {
+  if (!node) return;
+  // Move to the end of head so its declarations win the cascade
+  document.head.appendChild(node);
+}
+
+function applyThemeStyle(themeStyle: string) {
+  const name = themeStyle;
+  const key = `../src/kit/themes/${name}.css` as const;
+  const loader = (themeModules as Record<string, () => Promise<unknown>>)[key];
+  if (loader) {
+    // Fire-and-forget to keep decorator synchronous; then reorder once present
+    void loader();
+    // Reorder after the style/link has been injected by Vite
+    setTimeout(() => {
+      bumpToTop(findThemeNode(name));
+    }, 0);
+  } else {
+    // If not in the glob (e.g., typo), try to reorder any existing node anyway
+    setTimeout(() => {
+      bumpToTop(findThemeNode(name));
+    }, 0);
+  }
+}
+
+// Bootstrap: apply stored theme stylesheet as early as possible
+let __initialThemeStyle = 'default';
+try {
+  __initialThemeStyle = localStorage.getItem('sb-theme-style') || 'default';
+  applyThemeStyle(__initialThemeStyle);
+} catch (_e) {
+  // ignore localStorage access errors (e.g., sandboxed iframes)
+}
+
+const preview: Preview = {
+  initialGlobals: {
+    // Keep the toolbar in sync with the stored selection on load
+    themeStyle: __initialThemeStyle,
+  },
+  globalTypes: {
+    theme: {
+      name: 'Theme Mode',
+      description: 'Global theme mode for components',
+      defaultValue: 'light',
+      toolbar: {
+        icon: 'sun',
+        items: [
+          { value: 'light', title: 'Light' },
+          { value: 'dark', title: 'Dark' },
+          { value: 'system', title: 'System' },
+        ],
+        dynamicTitle: true,
+      },
+    },
+    themeStyle: {
+      name: 'Theme Style',
+      description: 'Global theme style for components',
+      defaultValue: 'default',
+      toolbar: {
+        icon: 'starhollow',
+        items: [
+          { value: 'default', title: 'Default' },
+          { value: 'minimal-modern', title: 'Minimal Modern' },
+          { value: 'spotify', title: 'Spotify'},
+          { value: 'clean-slate', title: 'Clean Slate'},
+        ],
+        dynamicTitle: true,
+      },
+    },
+  },
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+    layout: 'fullscreen',
+    docs: {
+      autodocs: true,
+      codePanel: true,
+      source: {
+        codePanel: true,
+      }
+    },
+    // Let our CSS variables control the canvas background
+    backgrounds: { disable: true },
+  },
+  decorators: [
+    ((Story, context) => {
+      const theme =
+        (context.globals.theme as 'light' | 'dark' | 'system') ?? 'system';
+      const themeStyle = (context.globals.themeStyle as string) ?? 'default';
+      const mql = window.matchMedia('(prefers-color-scheme: dark)');
+      // Remove any previous listener if it exists when switching away from system
+      const g = window;
+      if (g.__sbThemeListener && g.__sbThemeMql && theme !== 'system') {
+        g.__sbThemeMql.removeEventListener('change', g.__sbThemeListener);
+        g.__sbThemeListener = undefined;
+        g.__sbThemeMql = undefined;
+      }
+
+      const prefersDark = mql.matches;
+      const shouldUseDark =
+        theme === 'dark' || (theme === 'system' && prefersDark);
+      applyThemeMode(shouldUseDark);
+      // If user changed toolbar, persist and ensure CSS is queued to load
+      try {
+        const stored = localStorage.getItem('sb-theme-style') || 'default';
+        if (stored !== themeStyle) {
+          localStorage.setItem('sb-theme-style', themeStyle);
+          applyThemeStyle(themeStyle);
+        }
+      } catch (_e) {
+        // ignore localStorage access errors (e.g., sandboxed iframes)
+      }
+
+      // When on system, react to OS theme changes once per session
+      if (theme === 'system' && !g.__sbThemeListener) {
+        const onChange = (e: MediaQueryListEvent) => {
+          applyThemeMode(e.matches);
+        };
+        mql.addEventListener('change', onChange);
+        g.__sbThemeListener = onChange;
+        g.__sbThemeMql = mql;
+      }
+      // Ensure preview area always uses our theme background/text
+      // Center by default in story mode, but allow stories to opt-out with parameters.centered === false
+      const isDocs = context.viewMode === 'docs';
+      const shouldCenter = !isDocs && context.parameters?.centered !== false;
+      const wrapperClass = isDocs
+        ? 'bg-background text-foreground w-full'
+        : shouldCenter
+        ? 'bg-background text-foreground min-h-screen flex items-center justify-center overflow-y-auto'
+        : 'bg-background text-foreground min-h-screen overflow-y-auto';
+      const StoryComponent = Story as unknown as React.ComponentType;
+      return React.createElement(
+        'div',
+        { className: wrapperClass },
+        React.createElement(StoryComponent)
+      );
+    }) as Decorator,
+  ],
+};
+
+export default preview;

package/Dockerfile.storybook

@@ -0,0 +1,43 @@
+# Minimal image serving Storybook static site
+FROM nginx:1.27-alpine
+
+# Copy Storybook static build output
+# Expecting it at libs/react-kit/storybook-static from CI artifact
+COPY storybook-static/ /usr/share/nginx/html/
+
+# Replace default nginx config with a lean one optimized for static hosting
+RUN rm -f /etc/nginx/conf.d/default.conf
+
+# Basic gzip/static caching configuration
+# Note: no SPA history fallback is required for Storybook static
+ADD <<'NGINX_CONF' /etc/nginx/conf.d/storybook.conf
+server {
+  listen       80;
+  server_name  _;
+
+  gzip on;
+  gzip_comp_level 5;
+  gzip_types text/plain text/css application/javascript application/json image/svg+xml;
+
+  root /usr/share/nginx/html;
+  index index.html;
+
+  location / {
+    try_files $uri $uri/ =404;
+  }
+
+  location ~* \.(?:js|css)$ {
+    expires 7d;
+    add_header Cache-Control "public";
+  }
+
+  location ~* \.(?:png|jpg|jpeg|gif|svg|ico|woff2?)$ {
+    expires 30d;
+    add_header Cache-Control "public";
+  }
+}
+NGINX_CONF
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]

package/README.md

@@ -0,0 +1,7 @@
+# @k3-universe/react-kit
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test @k3-universe/react-kit` to execute the unit tests via [Vitest](https://vitest.dev/).

package/components.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "tailwind": {
+    "config": "",
+    "css": "src/index.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "rsc": true,
+  "tsx": true,
+  "aliases": {
+    "utils": "@/shadcn/lib/utils",
+    "components": "@/shadcn/components",
+    "ui": "@/shadcn/ui",
+    "lib": "@/shadcn/lib",
+    "hooks": "@/shadcn/hooks"
+  }
+}

package/dist/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}

package/dist/index.js

@@ -0,0 +1 @@
+

package/dist/kit/builder/data-table/components/DataTable.d.ts

@@ -0,0 +1,34 @@
+import { ColumnDef, ColumnFiltersState, Table as ReactTable, SortingState, VisibilityState, PaginationState } from '@tanstack/react-table';
+import { DataTableFiltersProp, DataTableAction, DataTableBatchAction } from '../types';
+export interface DataTableProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    loading: boolean;
+    sorting?: boolean;
+    sortingState?: SortingState;
+    onSortingChange?: (newState: SortingState) => void;
+    columnFilters?: boolean;
+    columnFiltersState?: ColumnFiltersState;
+    onColumnFiltersChange?: (newState: ColumnFiltersState) => void;
+    rowCount?: number;
+    pagination?: boolean;
+    paginationState?: PaginationState;
+    onPaginationChange?: (newState: PaginationState) => void;
+    columnVisibility?: boolean;
+    columnVisibilityState?: VisibilityState;
+    onColumnVisibilityChange?: (newState: VisibilityState) => void;
+    onTable?: (table: ReactTable<TData>) => void;
+    className?: string;
+    emptyText?: string;
+    formFilters?: DataTableFiltersProp;
+    formFilterValues?: Record<string, unknown> | null;
+    onFormFilterChange?: (values: Record<string, unknown>) => void;
+    selectable?: boolean;
+    actions?: DataTableAction[];
+    batchActions?: DataTableBatchAction<TData>[];
+    showStandardActions?: boolean;
+    onRefresh?: () => void | Promise<void>;
+    onRowClick?: (row: TData) => void;
+}
+export default function DataTable<TData, TValue>({ columns, data, loading, sorting, sortingState, onSortingChange, columnFilters, columnFiltersState, onColumnFiltersChange, rowCount, pagination, onPaginationChange, paginationState, columnVisibility, columnVisibilityState, onColumnVisibilityChange, onTable, className, emptyText, formFilters, formFilterValues, onFormFilterChange, selectable, actions, batchActions, showStandardActions, onRefresh, onRowClick, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/kit/builder/data-table/components/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/data-table/components/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,kBAAkB,EACvB,KAAK,KAAK,IAAI,UAAU,EACxB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAM5F,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,MAAM;IAC3C,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC;IACpC,IAAI,EAAE,KAAK,EAAE,CAAC;IAEd,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,eAAe,CAAC;IACxC,wBAAwB,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAE/D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAE7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAClD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAE/D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,EAAE,CAAC;IAE7C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEvC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EAC/C,OAAO,EACP,IAAI,EACJ,OAAO,EACP,OAAO,EACP,YAAY,EACZ,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACrB,QAAQ,EACR,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,wBAAwB,EACxB,OAAO,EACP,SAAS,EACT,SAAyB,EACzB,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACV,OAAO,EACP,YAAY,EACZ,mBAAmB,EACnB,SAAS,EACT,UAAU,GACX,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,2CAwR/B"}

package/dist/kit/builder/data-table/components/DataTableColumnHeader.d.ts

@@ -0,0 +1,8 @@
+import { Column } from '@tanstack/react-table';
+import * as React from 'react';
+export interface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {
+    column: Column<TData, TValue>;
+    label?: string;
+}
+export declare function DataTableColumnHeader<TData, TValue>({ column, label, className, }: DataTableColumnHeaderProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTableColumnHeader.d.ts.map

package/dist/kit/builder/data-table/components/DataTableColumnHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableColumnHeader.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/data-table/components/DataTableColumnHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAYpD,MAAM,WAAW,0BAA0B,CAAC,KAAK,EAAE,MAAM,CACvD,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,EACnD,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,0BAA0B,CAAC,KAAK,EAAE,MAAM,CAAC,2CAuC3C"}

package/dist/kit/builder/data-table/components/DataTablePagination.d.ts

@@ -0,0 +1,6 @@
+import { Table } from '@tanstack/react-table';
+export interface DataTablePaginationProps<TData> {
+    table: Table<TData>;
+}
+export declare function DataTablePagination<TData>({ table }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTablePagination.d.ts.map

package/dist/kit/builder/data-table/components/DataTablePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/data-table/components/DataTablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAKnD,MAAM,WAAW,wBAAwB,CAAC,KAAK;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,wBAAwB,CAAC,KAAK,CAAC,2CA4EpF"}

package/dist/kit/builder/data-table/components/DataTableViewOptions.d.ts

@@ -0,0 +1,5 @@
+import { Table } from '@tanstack/react-table';
+export declare function DataTableViewOptions<TData>({ table }: {
+    table: Table<TData>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTableViewOptions.d.ts.map

package/dist/kit/builder/data-table/components/DataTableViewOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableViewOptions.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/data-table/components/DataTableViewOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAYnD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;CAAE,2CA6B7E"}

package/dist/kit/builder/data-table/index.d.ts

@@ -0,0 +1,6 @@
+export { default as DataTable } from './components/DataTable';
+export { DataTableColumnHeader } from './components/DataTableColumnHeader';
+export { DataTablePagination } from './components/DataTablePagination';
+export { DataTableViewOptions } from './components/DataTableViewOptions';
+export { dotAccessor } from './utils/dotAccessor';
+//# sourceMappingURL=index.d.ts.map

package/dist/kit/builder/data-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/data-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/kit/builder/data-table/types.d.ts

@@ -0,0 +1,27 @@
+import { FormBuilderSectionConfig } from '../form/components/FormBuilder';
+export type DataTableFiltersProp = FormBuilderSectionConfig[];
+export type IconPosition = 'left' | 'right';
+export interface DataTableAction {
+    key: string;
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    iconPosition?: IconPosition;
+    variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+    disabled?: boolean;
+    onClick?: () => void | Promise<void>;
+    element?: React.ReactNode;
+}
+export interface DataTableBatchAction<TData = unknown> {
+    key: string;
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    iconPosition?: IconPosition;
+    variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+    disabled?: boolean;
+    onClick?: (args: {
+        selectedRows: TData[];
+        clearSelection: () => void;
+    }) => void | Promise<void>;
+    element?: React.ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/kit/builder/data-table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/data-table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,EAAE,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAoB,CAAC,KAAK,GAAG,OAAO;IACnD,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,YAAY,EAAE,KAAK,EAAE,CAAC;QAAC,cAAc,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChG,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/dist/kit/builder/data-table/utils/dotAccessor.d.ts

@@ -0,0 +1,2 @@
+export declare function dotAccessor<TData, TValue = unknown>(path: string): (row: TData) => TValue;
+//# sourceMappingURL=dotAccessor.d.ts.map

package/dist/kit/builder/data-table/utils/dotAccessor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dotAccessor.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/data-table/utils/dotAccessor.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,IACvD,KAAK,KAAK,KACwC,MAAM,CACjE"}

package/dist/kit/builder/dialog/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DialogProvider, useDialog, useDialogController } from './provider';
+export type { ConfirmOptions, CustomModalOptions } from './provider';
+//# sourceMappingURL=index.d.ts.map

package/dist/kit/builder/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACvF,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}

package/dist/kit/builder/dialog/provider.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+export type ConfirmOptions = {
+    title?: string;
+    description?: string;
+    confirmText?: string;
+    cancelText?: string;
+    destructive?: boolean;
+};
+export type CustomModalOptions = {
+    preventCloseOnEscape?: boolean;
+    preventCloseOnInteractOutside?: boolean;
+};
+type CustomRenderer<T = unknown> = (api: {
+    close: (value?: T) => void;
+}) => React.ReactNode;
+interface DialogContextValue {
+    confirm: (opts?: ConfirmOptions) => Promise<boolean>;
+    open: <T = unknown>(render: CustomRenderer<T>, opts?: CustomModalOptions) => Promise<T | undefined>;
+}
+export declare function useDialogController(): DialogContextValue;
+export declare function DialogProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export default DialogProvider;
+export declare const useDialog: typeof useDialogController;
+//# sourceMappingURL=provider.d.ts.map

package/dist/kit/builder/dialog/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/dialog/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqE,MAAM,OAAO,CAAC;AAa1F,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6BAA6B,CAAC,EAAE,OAAO,CAAC;CAEzC,CAAC;AAEF,KAAK,cAAc,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,GAAG,EAAE;IAAE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;CAAE,KAAK,KAAK,CAAC,SAAS,CAAC;AAE5F,UAAU,kBAAkB;IAC1B,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,cAAc,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACrD,IAAI,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;CACrG;AAID,wBAAgB,mBAAmB,IAAI,kBAAkB,CAIxD;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CA+FzE;AAED,eAAe,cAAc,CAAC;AAC9B,eAAO,MAAM,SAAS,4BAAsB,CAAC"}

package/dist/kit/builder/form/components/FormActions.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { Button } from '../../../../shadcn/ui/button';
+export interface FormActionsProps {
+    onSubmit?: () => void;
+    onCancel?: () => void;
+    onReset?: () => void;
+    submitLabel?: string;
+    cancelLabel?: string;
+    resetLabel?: string;
+    isSubmitting?: boolean;
+    isValid?: boolean;
+    showReset?: boolean;
+    customActions?: React.ReactNode;
+    className?: string;
+    submitButtonProps?: React.ComponentProps<typeof Button>;
+    cancelButtonProps?: React.ComponentProps<typeof Button>;
+    resetButtonProps?: React.ComponentProps<typeof Button>;
+}
+export declare function FormActions({ onSubmit, onCancel, onReset, submitLabel, cancelLabel, resetLabel, isSubmitting, isValid, showReset, customActions, className, submitButtonProps, cancelButtonProps, resetButtonProps, }: FormActionsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormActions.d.ts.map

package/dist/kit/builder/form/components/FormActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormActions.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/FormActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAGtD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACxD,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACxD,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;CACxD;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,WAAoB,EACpB,WAAsB,EACtB,UAAoB,EACpB,YAAoB,EACpB,OAAc,EACd,SAAiB,EACjB,aAAa,EACb,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,GACjB,EAAE,gBAAgB,2CAyClB"}

package/dist/kit/builder/form/components/FormBuilder.d.ts

@@ -0,0 +1,97 @@
+import { default as React } from 'react';
+import { z } from 'zod';
+import { SectionLayout, SectionGridOptions, SectionFlexOptions } from '../../section/types';
+import { AutocompleteFetcher, AutocompleteOption } from '../../../components/autocomplete/types';
+export interface FormBuilderFieldConfig {
+    id?: string;
+    name: string;
+    label: string;
+    type: 'text' | 'email' | 'password' | 'number' | 'textarea' | 'select' | 'autocomplete' | 'checkbox' | 'radio' | 'date' | 'file' | 'object' | 'array';
+    placeholder?: string;
+    description?: string;
+    required?: boolean;
+    disabled?: boolean;
+    options?: {
+        label: string;
+        value: string | number | null;
+    }[];
+    autocompleteMode?: 'client' | 'server';
+    fetcher?: AutocompleteFetcher;
+    pageSize?: number;
+    searchPlaceholder?: string;
+    renderOption?: (option: AutocompleteOption, selected: boolean) => React.ReactNode;
+    validation?: z.ZodType<any> | {
+        pattern?: {
+            value: RegExp;
+            message: string;
+        };
+        min?: {
+            value: number;
+            message: string;
+        };
+        max?: {
+            value: number;
+            message: string;
+        };
+        minLength?: {
+            value: number;
+            message: string;
+        };
+        maxLength?: {
+            value: number;
+            message: string;
+        };
+    };
+    defaultValue?: any;
+    fields?: FormBuilderFieldConfig[];
+    dependencies?: {
+        field: string;
+        condition: (value: any) => boolean;
+        action: 'show' | 'hide' | 'enable' | 'disable' | 'setValue';
+        value?: any;
+    }[];
+    onChange?: (value: any, setValue: (field: string, value: any) => void, getValues: () => any) => void;
+    className?: string;
+    gridCols?: number;
+    rows?: number;
+    itemType?: string;
+    conditional?: {
+        field: string;
+        value: any;
+    };
+    hidden?: boolean;
+}
+export interface FormBuilderSectionConfig {
+    id?: string;
+    title?: string;
+    description?: string;
+    fields: FormBuilderFieldConfig[];
+    variant?: 'card' | 'separator' | 'plain';
+    className?: string;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    layout?: SectionLayout;
+    grid?: SectionGridOptions;
+    flex?: SectionFlexOptions;
+    hidden?: boolean;
+}
+export interface FormBuilderProps {
+    sections: FormBuilderSectionConfig[];
+    schema?: z.ZodType<any>;
+    defaultValues?: Record<string, any> | null;
+    onSubmit: (data: any) => void | Promise<void>;
+    onCancel?: () => void;
+    onReset?: () => void;
+    onFieldChange?: (name: string, value: any, allValues: Record<string, any>) => void;
+    submitLabel?: string;
+    cancelLabel?: string;
+    resetLabel?: string;
+    isSubmitting?: boolean;
+    className?: string;
+    formClassName?: string;
+    actionsClassName?: string;
+    showActions?: boolean;
+    customActions?: React.ReactNode;
+}
+export declare function FormBuilder({ sections, schema, defaultValues, onSubmit, onCancel, onReset, onFieldChange, submitLabel, cancelLabel, resetLabel, isSubmitting, className, formClassName, actionsClassName, showActions, customActions, }: FormBuilderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormBuilder.d.ts.map

package/dist/kit/builder/form/components/FormBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBuilder.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/FormBuilder.tsx"],"names":[],"mappings":"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"}

package/dist/kit/builder/form/components/FormField.d.ts

@@ -0,0 +1,12 @@
+import { Control } from 'react-hook-form';
+import { FormBuilderFieldConfig } from './FormBuilder';
+export interface FormFieldProps {
+    field: FormBuilderFieldConfig;
+    control: Control<any>;
+    onChange?: (value: any) => void;
+    onFieldChange?: (name: string, value: any, allValues: Record<string, any>) => void;
+    parentPath?: string;
+}
+export declare function FormField({ field, control, onChange, onFieldChange, parentPath }: FormFieldProps): import("react/jsx-runtime").JSX.Element | null;
+export default FormField;
+//# sourceMappingURL=FormField.d.ts.map

package/dist/kit/builder/form/components/FormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAgC,MAAM,iBAAiB,CAAC;AAWxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAIvD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,sBAAsB,CAAC;IAC9B,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACnF,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,cAAc,kDAgXhG;AAED,eAAe,SAAS,CAAC"}