@admin-layout/tailwind-ui 12.2.4-alpha.98 → 12.2.5-alpha.15

package/lib/components/RJSFPreview/generateSchemaWithInputs.js

@@ -0,0 +1,134 @@
+/**
+ * Generates a JSON schema with input values embedded in the properties
+ */
+function generateSchemaWithInputs(formSchema, formData) {
+  if (!formSchema || !formData) {
+    return formSchema;
+  }
+  const newSchema = JSON.parse(JSON.stringify(formSchema));
+  function processProperties(schema, data) {
+    if (!schema || !schema.properties) {
+      return {};
+    }
+    const result = {};
+    for (const [propertyName, propertySchema] of Object.entries(schema.properties)) {
+      const inputValue = data?.[propertyName];
+      const safePropertySchema = propertySchema && typeof propertySchema === 'object' ? propertySchema : {};
+      if (safePropertySchema && typeof safePropertySchema === 'object' && safePropertySchema['type'] === 'object' && safePropertySchema['properties'] && typeof safePropertySchema['properties'] === 'object') {
+        const nestedValues = processProperties(safePropertySchema, inputValue);
+        result[propertyName] = nestedValues;
+      } else {
+        if (safePropertySchema && safePropertySchema['type'] === 'boolean' && typeof inputValue === 'boolean') {
+          const fieldLabel = safePropertySchema['placeholder'] || safePropertySchema['title'] || propertyName;
+          result[propertyName] = {
+            label: fieldLabel,
+            value: inputValue
+          };
+        } else if (safePropertySchema && safePropertySchema['type'] === 'array' && safePropertySchema['items'] && safePropertySchema['items']['oneOf'] && Array.isArray(inputValue)) {
+          const oneOfOptions = safePropertySchema['items']['oneOf'];
+          const selectedObjects = inputValue.map(selectedKey => {
+            const option = oneOfOptions.find(opt => opt.const === selectedKey);
+            return {
+              label: option?.title || selectedKey,
+              value: selectedKey
+            };
+          });
+          result[propertyName] = selectedObjects;
+        } else {
+          if (inputValue !== undefined && inputValue !== null && inputValue !== '') {
+            result[propertyName] = inputValue;
+          } else {
+            result[propertyName] = null;
+          }
+        }
+      }
+    }
+    return result;
+  }
+  return processProperties(newSchema, formData);
+}
+function extractConfigurationFormData(formData) {
+  return formData;
+}
+function extractMultiStepFormData(formData) {
+  const flattenedData = {};
+  for (const [, stepData] of Object.entries(formData)) {
+    if (typeof stepData === 'object' && stepData !== null) {
+      Object.assign(flattenedData, stepData);
+    }
+  }
+  return flattenedData;
+}
+function generateAmenitiesFragmentSchema(formSchema) {
+  if (!formSchema) {
+    return null;
+  }
+  const definitions = formSchema.definitions || formSchema.$defs || {};
+  const transformedDefs = {};
+  function removeTitle(obj) {
+    if (Array.isArray(obj)) {
+      return obj.map(removeTitle);
+    } else if (obj && typeof obj === 'object') {
+      const {
+        title,
+        ...rest
+      } = obj;
+      const result = {};
+      for (const [key, value] of Object.entries(rest)) {
+        result[key] = removeTitle(value);
+      }
+      return result;
+    }
+    return obj;
+  }
+  for (const [defName, defSchema] of Object.entries(definitions)) {
+    transformedDefs[defName] = removeTitle(defSchema);
+  }
+  function transformProperties(properties) {
+    if (!properties || typeof properties !== 'object') {
+      return {};
+    }
+    const transformedProps = {};
+    for (const [propName, propSchema] of Object.entries(properties)) {
+      const schema = propSchema;
+      if (schema.type === 'object' && schema.properties) {
+        transformedProps[propName] = {
+          type: 'object',
+          properties: transformProperties(schema.properties)
+        };
+      } else if (schema.$ref) {
+        let normalizedRef = schema.$ref;
+        if (normalizedRef.startsWith('#/definitions/')) {
+          normalizedRef = normalizedRef.replace('#/definitions/', '#/$defs/');
+        }
+        transformedProps[propName] = {
+          $ref: normalizedRef
+        };
+      } else {
+        const fieldType = schema.type || 'string';
+        const baseDefName = `${propName}Base`;
+        if (!transformedDefs[baseDefName]) {
+          transformedDefs[baseDefName] = {
+            type: fieldType
+          };
+        }
+        transformedProps[propName] = {
+          $ref: `#/$defs/${baseDefName}`
+        };
+      }
+    }
+    return transformedProps;
+  }
+  const transformedProperties = transformProperties(formSchema.properties);
+  const schemaWithoutTitle = removeTitle({
+    type: 'object',
+    properties: transformedProperties
+  });
+  const amenitiesFragment = {
+    configuration: {
+      $defs: transformedDefs,
+      schema: schemaWithoutTitle
+    }
+  };
+  return amenitiesFragment;
+}export{extractConfigurationFormData,extractMultiStepFormData,generateAmenitiesFragmentSchema,generateSchemaWithInputs};//# sourceMappingURL=generateSchemaWithInputs.js.map

package/lib/components/RJSFPreview/generateSchemaWithInputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateSchemaWithInputs.js","sources":["../../../src/components/RJSFPreview/generateSchemaWithInputs.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;AAEG;AACH,SAAA,wBAAgB,CAAA,UAAyB,EAAA,QAAY,EAAA;AA4DrD,EAAA,IAAA,CAAA,UAAA,IAAA,CAAA;AAIA,IAAA,OAAA,UAAA;AAUA,EAAA;AAwFA,EAAA,MAAA,SAAA,GAAA,IAAgB,gCAAgC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/RJSFPreview/index.d.ts

@@ -1,2 +1,36 @@
+/**
+ * Schema-driven forms.
+ *
+ * A form here is a JSON Schema plus a uiSchema: the schema is the data contract
+ * (fields, types, required, secret) and the uiSchema is the presentation, which
+ * is per-surface - the same schema renders dense on the web and one step per
+ * screen on a phone, without either side re-declaring the fields.
+ *
+ * Exported as its own subpath, `@admin-layout/tailwind-ui/forms`, so @rjsf/*
+ * stays an optional peer for every other consumer. This lived behind a deep import
+ * (`@admin-layout/tailwind-ui/src/components/RJSFPreview`) with no consumers,
+ * and the cost showed: product forms were hand-rolled instead - a credential
+ * vault form built on raw <input> elements grew its own autofill desync, had no
+ * record binding to update through, and kept its validation in a marker parser.
+ * A shared renderer nobody can import is a shared renderer nobody uses.
+ */
 export { PreviewTab } from './PreviewTab';
+export { PreviewFormRenderer } from './PreviewFormRenderer';
+export { PreviewStepper } from './PreviewStepper';
+export { PreviewDialog } from './PreviewDialog';
+export { PreviewFieldTemplate } from './PreviewFieldTemplate';
+export { PreviewCustomFieldTemplate } from './PreviewCustomFieldTemplate';
+export { PreviewObjectFieldTemplate } from './PreviewObjectFieldTemplate';
+export { PreviewInputWidget } from './PreviewInputWidget';
+export { PreviewTextareaWidget } from './PreviewTextareaWidget';
+export { PreviewDropdownWidget } from './PreviewDropdownWidget';
+export { PreviewRadioWidget } from './PreviewRadioWidget';
+export { PreviewCheckboxWidget } from './PreviewCheckboxWidget';
+export { PreviewSwitchWidget } from './PreviewSwitchWidget';
+export { PreviewDateWidget } from './PreviewDateWidget';
+export { PreviewFileUploadWidget } from './PreviewFileUploadWidget';
+export { PreviewImageUploadWidget } from './PreviewImageUploadWidget';
+export { default as PreviewAsyncDropdown } from './PreviewAsyncDropdown';
+export type { SelectWidgetProps } from './PreviewAsyncDropdown';
+export { generateSchemaWithInputs, extractConfigurationFormData, extractMultiStepFormData, } from './generateSchemaWithInputs';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/RJSFPreview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RJSFPreview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RJSFPreview/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAK1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAGhE,OAAO,EACH,wBAAwB,EACxB,4BAA4B,EAC5B,wBAAwB,GAC3B,MAAM,4BAA4B,CAAC"}

package/lib/components/RJSFPreview/index.js

@@ -0,0 +1 @@
+export{PreviewTab}from'./PreviewTab.js';export{PreviewFormRenderer}from'./PreviewFormRenderer.js';export{PreviewStepper}from'./PreviewStepper.js';export{PreviewDialog}from'./PreviewDialog.js';export{PreviewFieldTemplate}from'./PreviewFieldTemplate.js';export{PreviewCustomFieldTemplate}from'./PreviewCustomFieldTemplate.js';export{PreviewObjectFieldTemplate}from'./PreviewObjectFieldTemplate.js';export{PreviewInputWidget}from'./PreviewInputWidget.js';export{PreviewTextareaWidget}from'./PreviewTextareaWidget.js';export{PreviewDropdownWidget}from'./PreviewDropdownWidget.js';export{PreviewRadioWidget}from'./PreviewRadioWidget.js';export{PreviewCheckboxWidget}from'./PreviewCheckboxWidget.js';export{PreviewSwitchWidget}from'./PreviewSwitchWidget.js';export{PreviewDateWidget}from'./PreviewDateWidget.js';export{PreviewFileUploadWidget}from'./PreviewFileUploadWidget.js';export{PreviewImageUploadWidget}from'./PreviewImageUploadWidget.js';export{default as PreviewAsyncDropdown}from'./PreviewAsyncDropdown.js';export{extractConfigurationFormData,extractMultiStepFormData,generateSchemaWithInputs}from'./generateSchemaWithInputs.js';//# sourceMappingURL=index.js.map

package/lib/components/RJSFPreview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/ThemeProvider/ThemeProvider.js

@@ -1,4 +1,4 @@
-import {jsx}from'react/jsx-runtime';import {createContext,useState,useEffect,useMemo}from'react';import'../../hooks/useToast.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';const themes = [{
+import {jsx}from'react/jsx-runtime';import {createContext,useState,useEffect,useMemo}from'react';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import'../../hooks/useToast.js';const themes = [{
   value: 'default',
   label: 'Default',
   description: 'Clean and minimal design'

package/lib/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAChF,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAK7B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAChF,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/lib/hooks/__tests__/useMediaQuery.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useMediaQuery.test.d.ts.map

package/lib/hooks/__tests__/useMediaQuery.test.d.ts.map

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

package/lib/hooks/useMediaQuery.d.ts

@@ -1,4 +1,4 @@
-interface MediaQueryResult {
+export interface MediaQueryResult {
     width: number;
     height: number;
     isMobile: boolean;
@@ -9,6 +9,13 @@ interface MediaQueryResult {
     xl: boolean;
     '2xl': boolean;
 }
+/**
+ * Viewport size and Tailwind breakpoint flags.
+ *
+ * Hydration-safe: while hydrating, React renders the server snapshot (desktop) so the
+ * markup matches what the server sent, then re-renders with the real viewport. Reading
+ * `window` in the first render instead made every phone-width load throw React #418 and
+ * discard the server HTML. Client-only mounts get the real viewport straight away.
+ */
 export declare const useMediaQuery: () => MediaQueryResult;
-export {};
 //# sourceMappingURL=useMediaQuery.d.ts.map

package/lib/hooks/useMediaQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,EAAE,OAAO,CAAC;CAClB;AAoBD,eAAO,MAAM,aAAa,QAAO,gBAyChC,CAAC"}
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,EAAE,OAAO,CAAC;CAClB;AAoDD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,QAAO,gBAAmF,CAAC"}

package/lib/hooks/useMediaQuery.js

@@ -1,4 +1,4 @@
-import {useState,useEffect}from'react';const breakpoints = {
+import {useSyncExternalStore}from'react';const breakpoints = {
   sm: 640,
   md: 768,
   lg: 1024,
@@ -13,36 +13,44 @@ const getFlags = width => ({
   xl: width >= breakpoints.xl && width < breakpoints['2xl'],
   '2xl': width >= breakpoints['2xl']
 });
-const useMediaQuery = () => {
-  const getDimensions = () => {
-    const width = window.innerWidth;
-    const height = window.innerHeight;
-    const isMobile = width < breakpoints.md;
-    const flags = getFlags(width);
-    return {
+/** The server cannot see the viewport, so it always renders the desktop layout. */
+const SERVER_SNAPSHOT = Object.freeze({
+  width: 0,
+  height: 0,
+  isMobile: false,
+  xs: false,
+  sm: false,
+  md: false,
+  lg: false,
+  xl: false,
+  '2xl': false
+});
+// One cached snapshot per viewport size: useSyncExternalStore needs a stable value between changes.
+let snapshot = null;
+const getSnapshot = () => {
+  const width = window.innerWidth;
+  const height = window.innerHeight;
+  if (!snapshot || snapshot.width !== width || snapshot.height !== height) {
+    snapshot = {
       width,
       height,
-      isMobile,
-      ...flags
-    };
-  };
-  const [state, setState] = useState(() => typeof window !== 'undefined' ? getDimensions() : {
-    width: 0,
-    height: 0,
-    isMobile: false,
-    xs: false,
-    sm: false,
-    md: false,
-    lg: false,
-    xl: false,
-    '2xl': false
-  });
-  useEffect(() => {
-    const handleResize = () => {
-      setState(getDimensions());
+      isMobile: width < breakpoints.md,
+      ...getFlags(width)
     };
-    window.addEventListener('resize', handleResize);
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-  return state;
-};export{useMediaQuery};//# sourceMappingURL=useMediaQuery.js.map
+  }
+  return snapshot;
+};
+const getServerSnapshot = () => SERVER_SNAPSHOT;
+const subscribe = onChange => {
+  window.addEventListener('resize', onChange);
+  return () => window.removeEventListener('resize', onChange);
+};
+/**
+ * Viewport size and Tailwind breakpoint flags.
+ *
+ * Hydration-safe: while hydrating, React renders the server snapshot (desktop) so the
+ * markup matches what the server sent, then re-renders with the real viewport. Reading
+ * `window` in the first render instead made every phone-width load throw React #418 and
+ * discard the server HTML. Client-only mounts get the real viewport straight away.
+ */
+const useMediaQuery = () => useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);export{useMediaQuery};//# sourceMappingURL=useMediaQuery.js.map

package/lib/hooks/useMediaQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.js","sources":["../../src/hooks/useMediaQuery.ts"],"sourcesContent":[null],"names":[],"mappings":"6CAGI,WAAa,GAAC;IAEd,EAAA,GAAA;IACA,EAAE;IACF,EAAE;IACF,EAAE;OACA;;MAEF,gBAAe,KAAA;AAClB,EAAA,EAAA,EAAA,KAAA,GAAA,WAAA,CAAA,EAAA;AAoBD,EAAA,EAAA,EAAA,KAAA,IAAO,WAAM,CAAA,EAAA,IAAA,KAAa,GAAA,WAAO,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useMediaQuery.js","sources":["../../src/hooks/useMediaQuery.ts"],"sourcesContent":[null],"names":[],"mappings":"+CAGI,WAAa,GAAC;IAEd,EAAA,GAAA;IACA,EAAE;IACF,EAAE;IACF,EAAE;OACA;;MAEF,gBAAe,KAAA;AAClB,EAAA,EAAA,EAAA,KAAA,GAAA,WAAA,CAAA,EAAA;AAoDD,EAAA,EAAA,EAAA,KAAA,IAAA,WAAA,CAAA,EAAA,IAAA,KAAA,GAAA,WAAA,CAAA,EAAA;;;;;;;AAOG,MAAA,eAAA,GAAA,MAAA,CAAA,MAAA,CAAA;AACH,EAAA,KAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/hooks/useWindowSize.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Viewport width and height - 0 x 0 on the server and while hydrating (see useMediaQuery),
+ * the real size after that. The object only changes when the size does.
+ */
 export declare function useWindowSize(): {
     width: number;
     height: number;

package/lib/hooks/useWindowSize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useWindowSize.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa;;;EAsB5B"}
+{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useWindowSize.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,aAAa;;;EAG5B"}

package/lib/hooks/useWindowSize.js

@@ -1,20 +1,14 @@
-import {useState,useEffect}from'react';function useWindowSize() {
-  const [windowSize, setWindowSize] = useState({
-    width: typeof window !== 'undefined' ? window.innerWidth : 0,
-    // Check if window is defined
-    height: typeof window !== 'undefined' ? window.innerHeight : 0 // Check if window is defined
-  });
-  useEffect(() => {
-    function handleResize() {
-      setWindowSize({
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
-    }
-    // Add event listener for window resize
-    window.addEventListener('resize', handleResize);
-    // Cleanup the event listener on component unmount
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-  return windowSize;
+import {useMemo}from'react';import {useMediaQuery}from'./useMediaQuery.js';/**
+ * Viewport width and height - 0 x 0 on the server and while hydrating (see useMediaQuery),
+ * the real size after that. The object only changes when the size does.
+ */
+function useWindowSize() {
+  const {
+    width,
+    height
+  } = useMediaQuery();
+  return useMemo(() => ({
+    width,
+    height
+  }), [width, height]);
 }export{useWindowSize};//# sourceMappingURL=useWindowSize.js.map

package/lib/hooks/useWindowSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.js","sources":["../../src/hooks/useWindowSize.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAwBC,IAAA,KAAA,EAAA,OAAA,MAAA,KAAA,WAAA,GAAA,MAAA,CAAA,UAAA,GAAA,CAAA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useWindowSize.js","sources":["../../src/hooks/useWindowSize.ts"],"sourcesContent":[null],"names":[],"mappings":";AAMG;AACH;;;AAGC,EAAA,MAAA;;;;;;;;"}

package/lib/index.js

@@ -1 +1 @@
-export{default as PageLoading}from'./components/PageLoading/index.js';export{ApplicationErrorHandler}from'./components/ErrorHandlers/ApplicationErrorHandler.js';export{ErrorBoundary}from'./components/ErrorHandlers/ErrorBoundary.js';export{LayoutErrorBoundary}from'./components/ErrorHandlers/LayoutErrorBoundary.js';export{RemixErrorBoundary}from'./components/ErrorHandlers/RemixErrorBoundary.js';export{SPAErrorBoundary}from'./components/ErrorHandlers/SPAErrorBoundary.js';export{ReactTable}from'./components/ReactTable/Table.js';export{DefaultColumnFilter,SelectColumnFilter}from'./components/ReactTable/TableFilters.js';export{Error404}from'./components/ErrorPages/404.js';export{Error500}from'./components/ErrorPages/500.js';export{Error403}from'./components/ErrorPages/403.js';export{PageContainer}from'./components/PageContainer/PageContainer.js';export{Spin}from'./components/Spin/index.js';export{OTPInput}from'./components/OTP/OTPInput.js';export{SingleInput}from'./components/OTP/SingleInput.js';export{useOTPInput}from'./components/OTP/hooks.js';export{OTPVerification}from'./components/OTP/OTPVerification.js';export{SearchInput}from'./components/Search/SearchInput.js';export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue}from'./components/Select/Select.js';export{DatePicker}from'./components/DatePicker/DatePicker.js';export{Dialog}from'./components/Dialog/Dialog.js';export{TailwindUiButton}from'./components/Button/Button.js';export{TailwindThemeProvider,ThemeContext,themes}from'./components/ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./components/ThemeProvider/ThemeToggle.js';export{LanguageMenuDropdown}from'./components/LanguageMenuDropdown/LanguageMenuDropdown.js';export{InputToolBar}from'./components/InputToolBar/InputToolBar.js';export{getDefaultLeftItems,getDefaultRightItems}from'./components/InputToolBar/defaults.js';export{CharacterSlotPicker}from'./components/CharacterSlotPicker/CharacterSlotPicker.js';export{AIToolbar,AIToolbarInputSurface,AIToolbarLeading,AIToolbarMain,AIToolbarStatusDot,AIToolbarTrailing}from'./components/AIToolbar/components/AIToolbarPrimitives.js';export{Completion}from'./components/AIToolbar/components/completion/index.js';export{SystemAudio}from'./components/AIToolbar/components/speech/index.js';export{AudioVisualizer}from'./components/AIToolbar/components/speech/audio-visualizer.js';export{StatusIndicator}from'./components/AIToolbar/components/speech/StatusIndicator.js';export{AIToolBar}from'./components/AIToolbar/components/AIToolBar.js';export{CustomCursor}from'./components/AIToolbar/components/CustomCursor.js';export{MessageHistory}from'./components/AIToolbar/components/completion/MessageHistory.js';export{Screenshot}from'./components/AIToolbar/components/completion/Screenshot.js';export{Header}from'./components/AIToolbar/components/speech/Header.js';export{ModeSwitcher}from'./components/AIToolbar/components/speech/ModeSwitcher.js';export{PermissionFlow}from'./components/AIToolbar/components/speech/PermissionFlow.js';export{setMarketplaceCharacters,useActiveCharacter,useCharacterPicker}from'./components/AIToolbar/hooks/useActiveCharacter.js';export{ACTIVE_CHARACTER_CHANGE_EVENT,ACTIVE_CHARACTER_FILE_NAME_STORAGE_KEY,readPreferredActiveCharacterFileName,resolveActiveCharacterFromList,setPreferredActiveCharacterFileName}from'./hooks/activeCharacterPreference.js';export{default as ChannelBar}from'./components/Inbox/Channels/ChannelBar.js';export{default as ChannelConnectModal}from'./components/Inbox/Channels/ChannelConnectModal.js';export{CHANNELS}from'./components/Inbox/Channels/channelsMeta.js';export{YantraIcon}from'./components/YantraIcon.js';export{Markdown as AIToolbarMarkdown}from'./components/AIToolbar/components/Markdown/index.js';export{MarkdownBreadcrumbs}from'./components/Markdown/MarkdownBreadcrumbs.js';export{MarkdownCopyButton}from'./components/Markdown/MarkdownCopyButton.js';export{MarkdownHeader}from'./components/Markdown/MarkdownHeader.js';export{MarkdownNavigation}from'./components/Markdown/MarkdownNavigation.js';export{MarkdownPage}from'./components/Markdown/MarkdownPage.js';export{MarkdownTableOfContents}from'./components/Markdown/MarkdownTableOfContents.js';export{CHARACTER_SLOTS_CHANGE_EVENT,CHARACTER_SLOTS_DEFAULT_KEY,CHARACTER_SLOTS_STORAGE_KEY,SLOT_NUMBERS,readCharacterSlots,readDefaultCharacterFileName,readDefaultSlot,setDefaultSlot,setSlot,useCharacterSlots,writeCharacterSlots}from'./hooks/characterSlotsPreference.js';export{CHARACTER_OVERRIDES_CHANGE_EVENT,readCharacterAddendum,readCharacterOverrides,readCharacterVoiceId,setCharacterAddendum,setCharacterOverrides,setCharacterVoiceId,useCharacterOverrides}from'./hooks/characterOverrides.js';export{BAR_TOGGLE_AUDIO_EVENT,BAR_TOGGLE_EYE_EVENT,BAR_TOGGLE_MIC_EVENT,useGlobalShortcutBridge}from'./hooks/useGlobalShortcutBridge.js';export{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';export{useMediaQuery}from'./hooks/useMediaQuery.js';export{cn}from'./utils/util.js';export{AssistantMessageActions}from'./components/AIToolbar/components/completion/AssistantMessageActions.js';export{DragButton}from'./components/AIToolbar/components/DragButton.js';//# sourceMappingURL=index.js.map
+export{default as PageLoading}from'./components/PageLoading/index.js';export{ApplicationErrorHandler}from'./components/ErrorHandlers/ApplicationErrorHandler.js';export{ErrorBoundary}from'./components/ErrorHandlers/ErrorBoundary.js';export{LayoutErrorBoundary}from'./components/ErrorHandlers/LayoutErrorBoundary.js';export{MANIFEST_RELOAD_FALLBACK_MS,RemixErrorBoundary,isManifestVersionMismatchError}from'./components/ErrorHandlers/RemixErrorBoundary.js';export{SPAErrorBoundary}from'./components/ErrorHandlers/SPAErrorBoundary.js';export{ReactTable}from'./components/ReactTable/Table.js';export{DefaultColumnFilter,SelectColumnFilter}from'./components/ReactTable/TableFilters.js';export{Error404}from'./components/ErrorPages/404.js';export{Error500}from'./components/ErrorPages/500.js';export{Error403}from'./components/ErrorPages/403.js';export{PageContainer,findActiveTabPath}from'./components/PageContainer/PageContainer.js';export{Spin}from'./components/Spin/index.js';export{OTPInput}from'./components/OTP/OTPInput.js';export{SingleInput}from'./components/OTP/SingleInput.js';export{useOTPInput}from'./components/OTP/hooks.js';export{OTPVerification}from'./components/OTP/OTPVerification.js';export{SearchInput}from'./components/Search/SearchInput.js';export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue}from'./components/Select/Select.js';export{DatePicker}from'./components/DatePicker/DatePicker.js';export{Dialog}from'./components/Dialog/Dialog.js';export{TailwindUiButton}from'./components/Button/Button.js';export{TailwindThemeProvider,ThemeContext,themes}from'./components/ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./components/ThemeProvider/ThemeToggle.js';export{LanguageMenuDropdown}from'./components/LanguageMenuDropdown/LanguageMenuDropdown.js';export{InputToolBar}from'./components/InputToolBar/InputToolBar.js';export{getDefaultLeftItems,getDefaultRightItems}from'./components/InputToolBar/defaults.js';export{CharacterSlotPicker}from'./components/CharacterSlotPicker/CharacterSlotPicker.js';export{AIToolbar,AIToolbarInputSurface,AIToolbarLeading,AIToolbarMain,AIToolbarStatusDot,AIToolbarTrailing}from'./components/AIToolbar/components/AIToolbarPrimitives.js';export{Completion}from'./components/AIToolbar/components/completion/index.js';export{SystemAudio}from'./components/AIToolbar/components/speech/index.js';export{AudioVisualizer}from'./components/AIToolbar/components/speech/audio-visualizer.js';export{StatusIndicator}from'./components/AIToolbar/components/speech/StatusIndicator.js';export{AIToolBar}from'./components/AIToolbar/components/AIToolBar.js';export{CustomCursor}from'./components/AIToolbar/components/CustomCursor.js';export{MessageHistory}from'./components/AIToolbar/components/completion/MessageHistory.js';export{Screenshot}from'./components/AIToolbar/components/completion/Screenshot.js';export{Header}from'./components/AIToolbar/components/speech/Header.js';export{ModeSwitcher}from'./components/AIToolbar/components/speech/ModeSwitcher.js';export{PermissionFlow}from'./components/AIToolbar/components/speech/PermissionFlow.js';export{setMarketplaceCharacters,useActiveCharacter,useCharacterPicker}from'./components/AIToolbar/hooks/useActiveCharacter.js';export{ACTIVE_CHARACTER_CHANGE_EVENT,ACTIVE_CHARACTER_FILE_NAME_STORAGE_KEY,readPreferredActiveCharacterFileName,resolveActiveCharacterFromList,setPreferredActiveCharacterFileName}from'./hooks/activeCharacterPreference.js';export{default as ChannelBar}from'./components/Inbox/Channels/ChannelBar.js';export{default as ChannelConnectModal}from'./components/Inbox/Channels/ChannelConnectModal.js';export{CHANNELS}from'./components/Inbox/Channels/channelsMeta.js';export{YantraIcon}from'./components/YantraIcon.js';export{Markdown as AIToolbarMarkdown}from'./components/AIToolbar/components/Markdown/index.js';export{MarkdownBreadcrumbs}from'./components/Markdown/MarkdownBreadcrumbs.js';export{MarkdownCopyButton}from'./components/Markdown/MarkdownCopyButton.js';export{MarkdownHeader}from'./components/Markdown/MarkdownHeader.js';export{MarkdownNavigation}from'./components/Markdown/MarkdownNavigation.js';export{MarkdownPage}from'./components/Markdown/MarkdownPage.js';export{MarkdownTableOfContents}from'./components/Markdown/MarkdownTableOfContents.js';export{CHARACTER_SLOTS_CHANGE_EVENT,CHARACTER_SLOTS_DEFAULT_KEY,CHARACTER_SLOTS_STORAGE_KEY,SLOT_NUMBERS,readCharacterSlots,readDefaultCharacterFileName,readDefaultSlot,setDefaultSlot,setSlot,useCharacterSlots,writeCharacterSlots}from'./hooks/characterSlotsPreference.js';export{CHARACTER_OVERRIDES_CHANGE_EVENT,readCharacterAddendum,readCharacterOverrides,readCharacterVoiceId,setCharacterAddendum,setCharacterOverrides,setCharacterVoiceId,useCharacterOverrides}from'./hooks/characterOverrides.js';export{BAR_TOGGLE_AUDIO_EVENT,BAR_TOGGLE_EYE_EVENT,BAR_TOGGLE_MIC_EVENT,useGlobalShortcutBridge}from'./hooks/useGlobalShortcutBridge.js';export{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';export{useMediaQuery}from'./hooks/useMediaQuery.js';export{cn}from'./utils/util.js';export{AssistantMessageActions}from'./components/AIToolbar/components/completion/AssistantMessageActions.js';export{DragButton}from'./components/AIToolbar/components/DragButton.js';//# sourceMappingURL=index.js.map

package/lib/shardui/chart.d.ts

@@ -55,7 +55,7 @@ declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<Recharts
     labelKey?: string;
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const ChartLegend: typeof RechartsPrimitive.Legend;
-declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "verticalAlign" | "payload"> & {
+declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
     hideIcon?: boolean;
     nameKey?: string;
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/shardui/resizable.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as ResizablePrimitive from 'react-resizable-panels';
 declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
-declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLHeadingElement | HTMLParagraphElement | HTMLDetailsElement | HTMLPreElement | HTMLHtmlElement | HTMLHeadElement | HTMLBodyElement | HTMLMetaElement | HTMLTitleElement | HTMLScriptElement | HTMLSelectElement | HTMLOptionElement | HTMLOptGroupElement | HTMLInputElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | HTMLSpanElement | HTMLImageElement | HTMLUListElement | HTMLLIElement | HTMLAnchorElement | HTMLObjectElement | HTMLLinkElement | HTMLMapElement | HTMLProgressElement | HTMLDialogElement | HTMLFormElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHRElement | HTMLIFrameElement | HTMLLabelElement | HTMLLegendElement | HTMLMeterElement | HTMLOListElement | HTMLOutputElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLHeadingElement | HTMLParagraphElement | HTMLStyleElement | HTMLDetailsElement | HTMLPreElement | HTMLHtmlElement | HTMLHeadElement | HTMLBodyElement | HTMLMetaElement | HTMLTitleElement | HTMLScriptElement | HTMLSelectElement | HTMLOptionElement | HTMLOptGroupElement | HTMLInputElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | HTMLSpanElement | HTMLImageElement | HTMLUListElement | HTMLLIElement | HTMLAnchorElement | HTMLObjectElement | HTMLLinkElement | HTMLMapElement | HTMLProgressElement | HTMLDialogElement | HTMLFormElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHRElement | HTMLIFrameElement | HTMLLabelElement | HTMLLegendElement | HTMLMeterElement | HTMLOListElement | HTMLOutputElement | HTMLSlotElement | HTMLSourceElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-ui",
-    "version": "12.2.4-alpha.98",
+    "version": "12.2.5-alpha.15",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -8,6 +8,7 @@
     "exports": {
         ".": "./lib/index.js",
         "./components/*": "./lib/components/*",
+        "./forms": "./lib/components/RJSFPreview/index.js",
         "./hooks/*": "./lib/hooks/*",
         "./shardui/util": "./lib/utils/util.js",
         "./shardui": "./lib/shardui/index.js",
@@ -29,7 +30,7 @@
         "watch": "npm run build:lib:watch"
     },
     "dependencies": {
-        "@admin-layout/client": "12.2.4-alpha.85",
+        "@admin-layout/client": "12.2.5-alpha.15",
         "@radix-ui/react-accordion": "^1.2.0",
         "@radix-ui/react-alert-dialog": "^1.1.1",
         "@radix-ui/react-aspect-ratio": "^1.1.0",
@@ -85,16 +86,30 @@
     "peerDependencies": {
         "@remix-run/react": ">=2",
         "@ricky0123/vad-react": ">=0.0.30",
+        "@rjsf/core": "^5.0.0",
+        "@rjsf/utils": "^5.0.0",
+        "@rjsf/validator-ajv8": "^5.0.0",
         "@tauri-apps/api": ">=2",
         "history": "*",
-        "react": ">=16",
+        "react": ">=18",
         "react-router-dom": "*"
     },
+    "peerDependenciesMeta": {
+        "@rjsf/core": {
+            "optional": true
+        },
+        "@rjsf/utils": {
+            "optional": true
+        },
+        "@rjsf/validator-ajv8": {
+            "optional": true
+        }
+    },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "31c7f5b350f4d052df1064e85d964f14d750bbe1",
     "typescript": {
         "definition": "lib/index.d.ts"
-    }
+    },
+    "gitHead": "d82d5b9a4f67eb3aa67b6b3aa13501e07d5acf3b"
 }