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

package/lib/components/ErrorHandlers/RemixErrorBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemixErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/RemixErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,sBA0HjC"}
+{"version":3,"file":"RemixErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/RemixErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,sBAwIjC"}

package/lib/components/ErrorHandlers/RemixErrorBoundary.js

@@ -29,6 +29,8 @@ function RemixErrorBoundary() {
       className: "flex h-16 w-16 items-center justify-center rounded-full bg-red-100"
     }, React.createElement("svg", {
       className: "h-8 w-8 text-red-500",
+      width: "32",
+      height: "32",
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor"
@@ -97,6 +99,8 @@ function RemixErrorBoundary() {
       className: "flex h-16 w-16 items-center justify-center rounded-full bg-red-100"
     }, React.createElement("svg", {
       className: "h-8 w-8 text-red-500",
+      width: "32",
+      height: "32",
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor"

package/lib/components/ErrorHandlers/RemixErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"RemixErrorBoundary.js","sources":["../../../src/components/ErrorHandlers/RemixErrorBoundary.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAWG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RemixErrorBoundary.js","sources":["../../../src/components/ErrorHandlers/RemixErrorBoundary.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAWG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorHandlers/SPAErrorBoundary.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+/**
+ * SPA/Tauri Root ErrorBoundary Component
+ *
+ * This error boundary is specifically designed for SPA mode (like Tauri apps)
+ * where useLoaderData and useNavigate may not be available in error contexts.
+ *
+ * Key differences from RemixErrorBoundary:
+ * - Does NOT use useLoaderData (causes "Cannot useLoaderData in an errorElement" error)
+ * - Does NOT use useNavigate (can fail in root error contexts)
+ * - Uses window.location.href for navigation instead
+ * - Renders complete HTML document (required for root-level error boundaries)
+ *
+ * Usage in root.tsx:
+ * export { SPAErrorBoundary as ErrorBoundary } from '@admin-layout/tailwind-ui';
+ */
+export declare function SPAErrorBoundary(): React.JSX.Element;
+//# sourceMappingURL=SPAErrorBoundary.d.ts.map

package/lib/components/ErrorHandlers/SPAErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SPAErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/SPAErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,sBAoI/B"}

package/lib/components/ErrorHandlers/SPAErrorBoundary.js

@@ -0,0 +1,114 @@
+import*as React from'react';import {useRouteError,isRouteErrorResponse,Meta,Links,Scripts}from'@remix-run/react';import {logger}from'@cdm-logger/client';/**
+ * SPA/Tauri Root ErrorBoundary Component
+ *
+ * This error boundary is specifically designed for SPA mode (like Tauri apps)
+ * where useLoaderData and useNavigate may not be available in error contexts.
+ *
+ * Key differences from RemixErrorBoundary:
+ * - Does NOT use useLoaderData (causes "Cannot useLoaderData in an errorElement" error)
+ * - Does NOT use useNavigate (can fail in root error contexts)
+ * - Uses window.location.href for navigation instead
+ * - Renders complete HTML document (required for root-level error boundaries)
+ *
+ * Usage in root.tsx:
+ * export { SPAErrorBoundary as ErrorBoundary } from '@admin-layout/tailwind-ui';
+ */
+function SPAErrorBoundary() {
+  const error = useRouteError();
+  React.useEffect(() => {
+    logger.error('Root Route Error:', error);
+    console.error('Root Route Error:', error);
+  }, [error]);
+  const handleGoHome = () => {
+    // Use direct location change instead of useNavigate to avoid router context issues
+    window.location.href = '/';
+  };
+  if (isRouteErrorResponse(error)) {
+    return React.createElement("html", {
+      lang: "en"
+    }, React.createElement("head", null, React.createElement("meta", {
+      charSet: "utf-8"
+    }), React.createElement("meta", {
+      name: "viewport",
+      content: "width=device-width, initial-scale=1"
+    }), React.createElement("title", null, error.status, " - ", error.statusText), React.createElement(Meta, null), React.createElement(Links, null)), React.createElement("body", null, React.createElement("div", {
+      className: "flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12 sm:px-6 lg:px-8"
+    }, React.createElement("div", {
+      className: "w-full max-w-md space-y-8 text-center"
+    }, React.createElement("div", {
+      className: "mb-4 flex justify-center"
+    }, React.createElement("div", {
+      className: "flex h-16 w-16 items-center justify-center rounded-full bg-red-100"
+    }, React.createElement("svg", {
+      className: "h-8 w-8 text-red-500",
+      width: "32",
+      height: "32",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor"
+    }, React.createElement("path", {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+    })))), React.createElement("div", null, React.createElement("h1", {
+      className: "text-6xl font-bold text-gray-900"
+    }, error.status), React.createElement("h2", {
+      className: "mt-2 text-2xl font-bold tracking-tight text-gray-900"
+    }, error.statusText), error.data && React.createElement("p", {
+      className: "mt-2 text-sm text-gray-600"
+    }, error.data)), React.createElement("div", {
+      className: "mt-6"
+    }, React.createElement("button", {
+      onClick: handleGoHome,
+      className: "inline-flex items-center rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors"
+    }, "Go back home")))), React.createElement(Scripts, null)));
+  }
+  const errorMessage = error instanceof Error ? error.message : 'An unexpected error occurred';
+  const errorStack = error instanceof Error ? error.stack : undefined;
+  return React.createElement("html", {
+    lang: "en"
+  }, React.createElement("head", null, React.createElement("meta", {
+    charSet: "utf-8"
+  }), React.createElement("meta", {
+    name: "viewport",
+    content: "width=device-width, initial-scale=1"
+  }), React.createElement("title", null, "Application Error"), React.createElement(Meta, null), React.createElement(Links, null)), React.createElement("body", null, React.createElement("div", {
+    className: "flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12 sm:px-6 lg:px-8"
+  }, React.createElement("div", {
+    className: "w-full max-w-2xl space-y-8"
+  }, React.createElement("div", {
+    className: "mb-4 flex justify-center"
+  }, React.createElement("div", {
+    className: "flex h-16 w-16 items-center justify-center rounded-full bg-red-100"
+  }, React.createElement("svg", {
+    className: "h-8 w-8 text-red-500",
+    width: "32",
+    height: "32",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor"
+  }, React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+  })))), React.createElement("div", {
+    className: "text-center"
+  }, React.createElement("h1", {
+    className: "text-3xl font-bold tracking-tight text-gray-900"
+  }, "Application Error"), React.createElement("p", {
+    className: "mt-2 text-lg text-red-600"
+  }, errorMessage), errorStack && process.env.NODE_ENV !== 'production' && React.createElement("details", {
+    className: "mt-4 text-left"
+  }, React.createElement("summary", {
+    className: "cursor-pointer text-sm font-medium text-gray-700 hover:text-gray-900"
+  }, "Stack trace (development only)"), React.createElement("pre", {
+    className: "mt-2 overflow-auto rounded-md bg-gray-100 p-4 text-xs text-gray-800 max-h-96"
+  }, errorStack))), React.createElement("div", {
+    className: "mt-6 text-center"
+  }, React.createElement("button", {
+    onClick: handleGoHome,
+    className: "inline-flex items-center rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors"
+  }, "Go back home")))), React.createElement(Scripts, null)));
+}export{SPAErrorBoundary};//# sourceMappingURL=SPAErrorBoundary.js.map

package/lib/components/ErrorHandlers/SPAErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SPAErrorBoundary.js","sources":["../../../src/components/ErrorHandlers/SPAErrorBoundary.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;AAkBG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,4 +2,5 @@ export * from './ApplicationErrorHandler';
 export * from './ErrorBoundary';
 export * from './LayoutErrorBoundary';
 export * from './RemixErrorBoundary';
+export * from './SPAErrorBoundary';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC"}

package/lib/components/InputToolBar/InputToolBar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { InputToolBarProps } from './types';
+/**
+ * InputToolBar – horizontal toolbar for text input UIs (e.g. chat/composer).
+ * Data and behavior are passed via props; items can be enabled/disabled, and custom left/right content can be injected.
+ * Layout: left (mode toggles + template pill), flexible middle, right (attach, capture, mic/send).
+ */
+export declare function InputToolBar({ className, leftItems, rightItems, templateButton, leftCustomRender, rightCustomRender, micSendButton, children, }: InputToolBarProps): React.JSX.Element;
+export default InputToolBar;
+//# sourceMappingURL=InputToolBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputToolBar.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACR,iBAAiB,EAMpB,MAAM,SAAS,CAAC;AAuMjB;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,SAAS,EACT,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACX,EAAE,iBAAiB,qBAgCnB;AAED,eAAe,YAAY,CAAC"}

package/lib/components/InputToolBar/InputToolBar.js

@@ -0,0 +1,225 @@
+import {Lightbulb,Zap,Search,Mic,Paperclip,Camera,Tag,ArrowUpRight}from'lucide-react';import React__default from'react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const iconSize = 'h-3.5 w-3.5';
+const iconSizeRight = 'h-4 w-4';
+const defaultLeftIconMap = {
+  search: React__default.createElement(Search, {
+    className: iconSize
+  }),
+  zap: React__default.createElement(Zap, {
+    className: iconSize
+  }),
+  lightbulb: React__default.createElement(Lightbulb, {
+    className: iconSize
+  }),
+  template: null // template is rendered as pill, not in icon group
+};
+const defaultRightIconMap = {
+  tag: React__default.createElement(Tag, {
+    className: iconSizeRight
+  }),
+  chip: React__default.createElement("svg", {
+    className: iconSizeRight,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": true
+  }, React__default.createElement("rect", {
+    x: "4",
+    y: "4",
+    width: "16",
+    height: "16",
+    rx: "2",
+    ry: "2"
+  }), React__default.createElement("line", {
+    x1: "9",
+    y1: "9",
+    x2: "15",
+    y2: "9"
+  }), React__default.createElement("line", {
+    x1: "9",
+    y1: "15",
+    x2: "15",
+    y2: "15"
+  }), React__default.createElement("line", {
+    x1: "9",
+    y1: "9",
+    x2: "9",
+    y2: "15"
+  }), React__default.createElement("line", {
+    x1: "15",
+    y1: "9",
+    x2: "15",
+    y2: "15"
+  })),
+  camera: React__default.createElement(Camera, {
+    className: iconSizeRight
+  }),
+  attach: React__default.createElement(Paperclip, {
+    className: iconSizeRight
+  }),
+  mic: React__default.createElement(Mic, {
+    className: iconSizeRight
+  })
+};
+function MicSendButton({
+  hasContent,
+  onSend,
+  onMic,
+  disabled
+}) {
+  const isSend = hasContent;
+  const base = 'inline-flex h-7 w-7 items-center justify-center rounded-2xl transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary';
+  return React__default.createElement("button", {
+    type: "button",
+    "aria-label": isSend ? 'Send' : 'Start voice input',
+    title: isSend ? 'Send' : 'Start voice input',
+    onClick: isSend ? onSend : onMic,
+    disabled: disabled,
+    className: base
+  }, isSend ? React__default.createElement(ArrowUpRight, {
+    className: iconSizeRight
+  }) : React__default.createElement(Mic, {
+    className: iconSizeRight
+  }));
+}
+function ToolbarIconButton({
+  item,
+  getDefaultIcon,
+  isLeftGroup
+}) {
+  if (item.enabled === false) return null;
+  const icon = item.customButton ?? item.icon ?? getDefaultIcon(item.id);
+  if (item.customButton) {
+    return React__default.createElement(React__default.Fragment, null, item.customButton);
+  }
+  const isActive = item.active === true;
+  const base = 'inline-flex h-7 w-7 items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:opacity-50 disabled:pointer-events-none';
+  const leftVariant = isActive ? 'rounded-full border border-primary bg-primary text-primary-foreground hover:bg-primary/90' : 'rounded-full border border-primary/50 bg-card text-primary hover:border-primary hover:text-primary';
+  const rightVariant = 'rounded-2xl text-muted-foreground hover:bg-secondary/70 active:bg-secondary';
+  return React__default.createElement("button", {
+    type: "button",
+    "aria-label": item.label,
+    title: item.label,
+    onClick: item.onClick,
+    className: cn(base, isLeftGroup ? leftVariant : rightVariant)
+  }, icon);
+}
+function LeftSection({
+  leftItems,
+  templateButton,
+  leftCustomRender
+}) {
+  if (leftCustomRender != null) {
+    return React__default.createElement("div", {
+      className: "flex items-center gap-2"
+    }, leftCustomRender);
+  }
+  const left = leftItems ?? [];
+  const hasTemplate = templateButton != null;
+  const hasLeft = left.length > 0 || hasTemplate;
+  if (!hasLeft) return null;
+  return React__default.createElement("div", {
+    className: "flex items-center gap-2"
+  }, left.length > 0 && React__default.createElement("div", {
+    className: "flex items-center gap-1 rounded-full bg-secondary px-2 py-1"
+  }, left.map((item, index) => React__default.createElement(React__default.Fragment, {
+    key: item.id
+  }, React__default.createElement(ToolbarIconButton, {
+    item: item,
+    getDefaultIcon: id => defaultLeftIconMap[id] ?? null,
+    isLeftGroup: true
+  }), index < left.length - 1 && React__default.createElement("span", {
+    "aria-hidden": "true",
+    className: "mx-1 h-5 w-px bg-border/70"
+  })))), hasTemplate && React__default.createElement(TemplatePill, {
+    label: templateButton.label,
+    count: templateButton.count,
+    onClick: templateButton.onClick,
+    disabled: templateButton.disabled
+  }));
+}
+function TemplatePill({
+  label,
+  count,
+  onClick,
+  disabled
+}) {
+  const text = count != null && count > 0 ? `${label} (${count})` : label;
+  return React__default.createElement("button", {
+    type: "button",
+    onClick: onClick,
+    disabled: disabled,
+    className: cn('flex items-center gap-1 rounded-full border border-border bg-card px-2 py-1 text-xs font-medium text-foreground transition-colors hover:border-primary hover:bg-primary/5', disabled && 'opacity-50 cursor-not-allowed' || ''),
+    "aria-label": "Select template"
+  }, text);
+}
+function RightSection({
+  rightItems,
+  rightCustomRender,
+  micSendButton
+}) {
+  if (rightCustomRender != null) {
+    return React__default.createElement("div", {
+      className: "flex items-center gap-1"
+    }, rightCustomRender);
+  }
+  const right = rightItems ?? [];
+  const filteredRight = micSendButton != null ? right.filter(item => item.id !== 'mic') : right;
+  const hasRight = filteredRight.length > 0 || micSendButton != null;
+  if (!hasRight) return null;
+  return React__default.createElement("div", {
+    className: "flex flex-wrap items-center gap-1 text-muted-foreground"
+  }, filteredRight.map(item => React__default.createElement(ToolbarIconButton, {
+    key: item.id,
+    item: item,
+    getDefaultIcon: id => defaultRightIconMap[id] ?? null
+  })), micSendButton != null && React__default.createElement(MicSendButton, {
+    hasContent: micSendButton.hasContent,
+    onSend: micSendButton.onSend,
+    onMic: micSendButton.onMic,
+    disabled: micSendButton.disabled
+  }));
+}
+/**
+ * InputToolBar – horizontal toolbar for text input UIs (e.g. chat/composer).
+ * Data and behavior are passed via props; items can be enabled/disabled, and custom left/right content can be injected.
+ * Layout: left (mode toggles + template pill), flexible middle, right (attach, capture, mic/send).
+ */
+function InputToolBar({
+  className,
+  leftItems,
+  rightItems,
+  templateButton,
+  leftCustomRender,
+  rightCustomRender,
+  micSendButton,
+  children
+}) {
+  const hasChildren = children != null;
+  return React__default.createElement("section", {
+    className: cn('w-full overflow-visible rounded-[24px] border border-border/70 bg-card shadow-md', hasChildren && 'cursor-text', className)
+  }, React__default.createElement("div", {
+    className: cn('flex px-3 py-2', hasChildren ? 'flex-col gap-2' : 'flex-wrap items-center gap-3')
+  }, hasChildren && React__default.createElement("div", {
+    className: "min-w-0 flex-1"
+  }, children), React__default.createElement("div", {
+    className: cn('flex flex-wrap items-center gap-3', hasChildren && 'pt-2')
+  }, React__default.createElement("div", {
+    className: cn('flex items-center gap-2', hasChildren && 'mb-2')
+  }, React__default.createElement(LeftSection, {
+    leftItems: leftItems,
+    templateButton: templateButton,
+    leftCustomRender: leftCustomRender
+  })), !hasChildren && React__default.createElement("div", {
+    className: "min-w-0 flex-1",
+    "aria-hidden": true
+  }), React__default.createElement("div", {
+    className: "flex flex-1 flex-wrap items-center justify-end gap-2"
+  }, React__default.createElement(RightSection, {
+    rightItems: rightItems,
+    rightCustomRender: rightCustomRender,
+    micSendButton: micSendButton
+  })))));
+}export{InputToolBar,InputToolBar as default};//# sourceMappingURL=InputToolBar.js.map

package/lib/components/InputToolBar/InputToolBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputToolBar.js","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAqNG,EAAA,MAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AACH,IAAA,SAAA,EAAA;AA2CA,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/InputToolBar/defaults.d.ts

@@ -0,0 +1,14 @@
+import type { LeftToolbarItemId, RightToolbarItemId, ToolbarItemConfig } from './types';
+export type LeftItemOverrides = Partial<Record<LeftToolbarItemId, Partial<Omit<ToolbarItemConfig<LeftToolbarItemId>, 'id'>>>>;
+export type RightItemOverrides = Partial<Record<RightToolbarItemId, Partial<Omit<ToolbarItemConfig<RightToolbarItemId>, 'id'>>>>;
+/**
+ * Build default left toolbar items (search, zap, lightbulb). Omit or set enabled: false to hide.
+ * Override label, enabled, active, onClick, icon, customButton per id.
+ */
+export declare function getDefaultLeftItems(overrides?: LeftItemOverrides): ToolbarItemConfig<LeftToolbarItemId>[];
+/**
+ * Build default right toolbar items (tag, chip, camera, attach, mic). Omit or set enabled: false to hide.
+ * Override label, enabled, active, onClick, icon, customButton per id.
+ */
+export declare function getDefaultRightItems(overrides?: RightItemOverrides): ToolbarItemConfig<RightToolbarItemId>[];
+//# sourceMappingURL=defaults.d.ts.map

package/lib/components/InputToolBar/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAoBxF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACnC,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CACvF,CAAC;AACF,MAAM,MAAM,kBAAkB,GAAG,OAAO,CACpC,MAAM,CAAC,kBAAkB,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CACzF,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,CAazG;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,CAAC,EAAE,kBAAkB,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,CAa5G"}

package/lib/components/InputToolBar/defaults.js

@@ -0,0 +1,51 @@
+const DEFAULT_LEFT_IDS = ['search', 'zap', 'lightbulb'];
+const DEFAULT_RIGHT_IDS = ['tag', 'chip', 'camera', 'attach', 'mic'];
+const DEFAULT_LEFT_LABELS = {
+  search: 'Chat mode',
+  zap: 'Deep Search',
+  lightbulb: 'Build mode',
+  template: 'Template'
+};
+const DEFAULT_RIGHT_LABELS = {
+  tag: 'Tag',
+  chip: 'Module',
+  camera: 'Capture image',
+  attach: 'Attach file',
+  mic: 'Mic / Send'
+};
+/**
+ * Build default left toolbar items (search, zap, lightbulb). Omit or set enabled: false to hide.
+ * Override label, enabled, active, onClick, icon, customButton per id.
+ */
+function getDefaultLeftItems(overrides) {
+  return DEFAULT_LEFT_IDS.map(id => {
+    const o = overrides?.[id];
+    return {
+      id,
+      label: o?.label ?? DEFAULT_LEFT_LABELS[id],
+      enabled: o?.enabled ?? true,
+      active: o?.active,
+      onClick: o?.onClick,
+      icon: o?.icon,
+      customButton: o?.customButton
+    };
+  });
+}
+/**
+ * Build default right toolbar items (tag, chip, camera, attach, mic). Omit or set enabled: false to hide.
+ * Override label, enabled, active, onClick, icon, customButton per id.
+ */
+function getDefaultRightItems(overrides) {
+  return DEFAULT_RIGHT_IDS.map(id => {
+    const o = overrides?.[id];
+    return {
+      id,
+      label: o?.label ?? DEFAULT_RIGHT_LABELS[id],
+      enabled: o?.enabled ?? true,
+      active: o?.active,
+      onClick: o?.onClick,
+      icon: o?.icon,
+      customButton: o?.customButton
+    };
+  });
+}export{getDefaultLeftItems,getDefaultRightItems};//# sourceMappingURL=defaults.js.map

package/lib/components/InputToolBar/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sources":["../../../src/components/InputToolBar/defaults.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAA,gBAAc,GAAA,CAAA,QAAmB,EAAA,KAAA,EAAA,WAAoB,CAAA;AAoBrD,MAAM,0BAA0B,EAAA,MAC5B,EAAA,QAAO,EAAA,QAAA,EAAA,KAAmB,CAAA;AAE9B,MAAM;AAIN,EAAA,MAAA,EAAA,WAAA;;;AAGG,EAAA,QAAA,EAAA;AACH,CAAA;AAeA,MAAA,oBAAA,GAAA;;;AAGG,EAAA,MAAA,EAAA,eAAA;AACH,EAAA,MAAA,EAAA,aAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,5 @@
+export { InputToolBar } from './InputToolBar';
+export { getDefaultLeftItems, getDefaultRightItems } from './defaults';
+export type { InputToolBarProps, LeftToolbarItemId, MicSendButtonConfig, RightToolbarItemId, TemplateButtonConfig, ToolbarItemConfig, } from './types';
+export type { LeftItemOverrides, RightItemOverrides } from './defaults';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AACvE,YAAY,EACR,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,GACpB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/InputToolBar/types.d.ts

@@ -0,0 +1,61 @@
+import type { ReactNode } from 'react';
+/** Predefined toolbar action ids for left section (mode toggles, template) */
+export type LeftToolbarItemId = 'search' | 'zap' | 'lightbulb' | 'template';
+/** Predefined toolbar action ids for right section (attach, capture, mic/send) */
+export type RightToolbarItemId = 'tag' | 'chip' | 'camera' | 'attach' | 'mic';
+/** Single toolbar button/item configuration */
+export interface ToolbarItemConfig<TId extends string = string> {
+    /** Unique id for the item (used for enable/disable and callbacks) */
+    id: TId;
+    /** Icon (React node) or custom content for the button */
+    icon?: ReactNode;
+    /** Accessible label / title */
+    label: string;
+    /** Whether the item is enabled (default true) */
+    enabled?: boolean;
+    /** Whether the item is in active/selected state (dark background in UI) */
+    active?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Optional custom button element; when set, icon/label are ignored and this is rendered */
+    customButton?: ReactNode;
+}
+/** When provided, the rightmost button shows Send (arrow) when hasContent is true, else Mic. Replaces any "mic" item in rightItems. */
+export interface MicSendButtonConfig {
+    /** True when input has content – show send icon; otherwise show mic icon */
+    hasContent: boolean;
+    onSend: () => void;
+    onMic: () => void;
+    disabled?: boolean;
+}
+/** Configuration for the optional "+ Template (N)" pill button */
+export interface TemplateButtonConfig {
+    /** Button label prefix, e.g. "+ Template" */
+    label: string;
+    /** Count to show in parentheses, e.g. (1) */
+    count?: number;
+    /** Click handler */
+    onClick?: () => void;
+    /** Disabled state */
+    disabled?: boolean;
+}
+/** Props for the InputToolBar container (UI only; data passed via props) */
+export interface InputToolBarProps {
+    /** Optional class name for the toolbar container */
+    className?: string;
+    /** Left section: predefined items (search, zap, lightbulb) + optional template pill. Pass enabled: false to hide/disable. */
+    leftItems?: Array<ToolbarItemConfig<LeftToolbarItemId>>;
+    /** Right section: tag, chip, camera, attach, mic. Pass enabled: false to hide/disable. */
+    rightItems?: Array<ToolbarItemConfig<RightToolbarItemId>>;
+    /** Optional template pill button config (e.g. "+ Template (1)") */
+    templateButton?: TemplateButtonConfig | null;
+    /** Custom content to render in the left section instead of leftItems (takes precedence) */
+    leftCustomRender?: ReactNode;
+    /** Custom content to render in the right section instead of rightItems (takes precedence) */
+    rightCustomRender?: ReactNode;
+    /** When set, shows Send (arrow) when input has content, else Mic. Replaces "mic" in rightItems. */
+    micSendButton?: MicSendButtonConfig | null;
+    /** Optional content in the middle (e.g. text input); can be used with or without left/right */
+    children?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/InputToolBar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,8EAA8E;AAC9E,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,KAAK,GAAG,WAAW,GAAG,UAAU,CAAC;AAE5E,kFAAkF;AAClF,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE9E,+CAA+C;AAC/C,MAAM,WAAW,iBAAiB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM;IAC1D,qEAAqE;IACrE,EAAE,EAAE,GAAG,CAAC;IACR,yDAAyD;IACzD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4FAA4F;IAC5F,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,uIAAuI;AACvI,MAAM,WAAW,mBAAmB;IAChC,4EAA4E;IAC5E,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,kEAAkE;AAClE,MAAM,WAAW,oBAAoB;IACjC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,4EAA4E;AAC5E,MAAM,WAAW,iBAAiB;IAC9B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6HAA6H;IAC7H,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACxD,0FAA0F;IAC1F,UAAU,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC1D,mEAAmE;IACnE,cAAc,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,6FAA6F;IAC7F,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,mGAAmG;IACnG,aAAa,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC3C,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB"}

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

@@ -1 +1 @@
-{"version":3,"file":"LanguageMenuDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageMenuDropdown/LanguageMenuDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,eAAO,MAAM,oBAAoB,GAAI,2BAA2B;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,GAAG,CAAA;CAAE,sBAmDvG,CAAC"}
+{"version":3,"file":"LanguageMenuDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageMenuDropdown/LanguageMenuDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,eAAO,MAAM,oBAAoB,GAAI,2BAA2B;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,GAAG,CAAA;CAAE,sBAuDvG,CAAC"}

package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js

@@ -23,13 +23,17 @@ import React__default,{useState,useEffect}from'react';import {useTranslation}fro
     global: true
   });
   useEffect(() => {
-    i18n.changeLanguage(settings.language);
+    if (i18n?.changeLanguage) {
+      i18n.changeLanguage(settings.language);
+    }
   }, []);
   const handleLanguageChange = value => {
     const language = filteredLanguages.find(lang => lang.key === value);
     if (language) {
       setCurrentLang(language);
-      i18n.changeLanguage(language.key);
+      if (i18n?.changeLanguage) {
+        i18n.changeLanguage(language.key);
+      }
       setSettings(settings, {
         language: language.key
       });

package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js.map

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

package/lib/components/OTP/SingleInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const SingleInput: React.ForwardRefExoticComponent<Omit<Required<Pick<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "onPaste" | "aria-label" | "autoComplete" | "inputMode" | "onInput"> & {
+export declare const SingleInput: React.ForwardRefExoticComponent<Omit<Required<Pick<React.InputHTMLAttributes<HTMLInputElement>, "value" | "autoComplete" | "inputMode" | "aria-label" | "onPaste" | "onFocus" | "onBlur" | "onChange" | "onInput" | "onKeyDown"> & {
     ref: React.RefCallback<HTMLInputElement>;
     placeholder: string | undefined;
     className: string;

package/lib/components/index.d.ts

@@ -11,5 +11,6 @@ export * from './DatePicker';
 export * from './Button/Button';
 export * from './ThemeProvider';
 export * from './LanguageMenuDropdown';
+export * from './InputToolBar';
 export { PageLoading };
 //# sourceMappingURL=index.d.ts.map

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,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,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,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,CAAC"}

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{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{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{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';//# 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{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{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{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';//# sourceMappingURL=index.js.map

package/lib/shardui/input-otp.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "maxLength" | "onChange" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -12,7 +12,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
 } & {
     render: (props: import("input-otp").RenderProps) => React.ReactNode;
     children?: never;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "maxLength" | "onChange" | "containerClassName" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;

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>) => React.JSX.Element;
-declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLHeadingElement | HTMLParagraphElement | HTMLDetailsElement | HTMLPreElement | HTMLSelectElement | HTMLOptionElement | HTMLOptGroupElement | HTMLInputElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | HTMLSpanElement | HTMLImageElement | HTMLUListElement | HTMLLIElement | HTMLAnchorElement | HTMLObjectElement | HTMLLinkElement | HTMLMapElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLabelElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOutputElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+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 | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHRElement | HTMLIFrameElement | HTMLLabelElement | HTMLLegendElement | HTMLMeterElement | HTMLOListElement | HTMLOutputElement | HTMLProgressElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | 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.1",
+    "version": "12.2.4-alpha.15",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -10,7 +10,7 @@
         "./components/*": "./lib/components/*",
         "./hooks/*": "./lib/hooks/*",
         "./shardui/util": "./lib/utils/util.js",
-        "./shardui": "./lib/shardui/*",
+        "./shardui": "./lib/shardui/index.js",
         "./shardui/*": "./lib/shardui/*"
     },
     "main": "lib/index.js",
@@ -29,13 +29,14 @@
         "watch": "npm run build:lib:watch"
     },
     "dependencies": {
-        "@admin-layout/client": "12.2.4-alpha.1",
+        "@admin-layout/client": "12.2.4-alpha.12",
         "@radix-ui/react-accordion": "^1.2.0",
         "@radix-ui/react-alert-dialog": "^1.1.1",
         "@radix-ui/react-aspect-ratio": "^1.1.0",
         "@radix-ui/react-avatar": "^1.1.0",
         "@radix-ui/react-checkbox": "^1.1.1",
         "@radix-ui/react-collapsible": "^1.1.0",
+        "@radix-ui/react-compose-refs": "^1.1.0",
         "@radix-ui/react-context-menu": "^2.2.1",
         "@radix-ui/react-dialog": "^1.1.1",
         "@radix-ui/react-dropdown-menu": "^2.1.1",
@@ -89,5 +90,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "f80e1b60eea1e3d755b88c840a068fde92219a5d"
+    "gitHead": "96bfbb71f113f838aef344f84fd76ad2766fd995"
 }