@admin-layout/tailwind-ui 12.0.16-alpha.30 → 12.0.16-alpha.31

package/lib/components/Select/Select.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+export declare const SelectContent: ({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+type SelectItemProps<T extends keyof JSX.IntrinsicElements = 'button'> = Omit<React.ComponentPropsWithoutRef<T>, 'value'> & {
+    value?: any;
+    closeOnClick?: boolean;
+    tag?: T;
+    onClick?: () => void;
+};
+export declare const SelectItem: <T extends keyof JSX.IntrinsicElements = "button">({ children, className, value, onClick, closeOnClick, tag, ...rest }: SelectItemProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectValue: ({ placeholder, icon: _icon, label, }: {
+    placeholder: string;
+    icon?: React.ReactNode;
+    label?: (selectedValue: any) => string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectTrigger: ({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectSearch: ({ placeholder, onChange, }: {
+    placeholder: string;
+    onChange?: (value: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+interface SelectProps {
+    children: React.ReactNode;
+    onChange?: (selectedValue: any) => void;
+    disabled?: boolean;
+    value?: any;
+    loading?: boolean;
+}
+export declare const Select: ({ children, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4E/B,eAAO,MAAM,aAAa,GAAI,yBAAyB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CA2EvG,CAAC;AAEF,KAAK,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,QAAQ,IAAI,IAAI,CACzE,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EACjC,OAAO,CACV,GAAG;IACA,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,CAAC,CAAC;IACR,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,QAAQ,EAAE,qEAQ1E,eAAe,CAAC,CAAC,CAAC,4CAqBpB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,sCAIzB;IACC,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,KAAK,MAAM,CAAC;CAC1C,4CAsCA,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,yBAAyB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CAiBvG,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,4BAG1B;IACC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,4CAoBA,CAAC;AAEF,UAAU,WAAW;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAkBD,eAAO,MAAM,MAAM,GAAI,wBAAwB,WAAW,4CAMzD,CAAC"}

package/lib/components/Select/Select.js

@@ -0,0 +1,256 @@
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import*as React from'react';import {ChevronDown,Search}from'lucide-react';import {cn}from'../../utils/util.js';const SelectContext = React.createContext(undefined);
+const SelectProvider = ({
+  children,
+  value,
+  onChange,
+  loading = false
+}) => {
+  const [open, setOpen] = React.useState(false);
+  // Controlled vs uncontrolled state
+  const isControlled = value !== undefined;
+  const [internalValue, setInternalValue] = React.useState(value ?? null);
+  const selectedValue = isControlled ? value : internalValue;
+  const setSelectedValue = val => {
+    if (!isControlled) {
+      setInternalValue(val);
+    }
+    onChange?.(val);
+  };
+  const [disabled, setDisabled] = React.useState(false);
+  const [searchValue, setSearchValue] = React.useState('');
+  const triggerRef = React.useRef(null);
+  return jsx(SelectContext.Provider, {
+    value: {
+      open,
+      setOpen,
+      selectedValue,
+      setSelectedValue,
+      disabled,
+      setDisabled,
+      searchValue,
+      setSearchValue,
+      triggerRef,
+      loading
+    },
+    children: children
+  });
+};
+const useSelectContext = () => {
+  const ctx = React.useContext(SelectContext);
+  if (!ctx) throw new Error('useSelectContext must be used within SelectProvider');
+  return ctx;
+};
+const SelectContent = ({
+  children,
+  className
+}) => {
+  const {
+    open,
+    setOpen,
+    triggerRef
+  } = useSelectContext();
+  const contentRef = React.useRef(null);
+  const [styles, setStyles] = React.useState({});
+  const handleOverflow = () => {
+    if (!open) return;
+    const triggerEl = triggerRef.current;
+    const contentEl = contentRef.current;
+    if (triggerEl && contentEl) {
+      const triggerRect = triggerEl.getBoundingClientRect();
+      const contentRect = contentEl.getBoundingClientRect();
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+      // Default position
+      let top = triggerRect.height;
+      let left = 0;
+      const isOverflowingRight = triggerRect.right + contentRect.width > viewportWidth;
+      const isOverflowingBottom = triggerRect.bottom + contentRect.height > viewportHeight;
+      if (isOverflowingRight) {
+        left = -(contentRect.width - triggerRect.width);
+      }
+      if (isOverflowingBottom) {
+        top = -(contentRect.height + 8);
+      }
+      setStyles({
+        top,
+        left
+      });
+    }
+  };
+  React.useEffect(() => {
+    handleOverflow();
+  }, [open]);
+  React.useEffect(() => {
+    const handleClickOutside = event => {
+      if (contentRef.current && !contentRef.current.contains(event.target) && !triggerRef.current?.contains(event.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [contentRef, triggerRef, setOpen]);
+  return jsx("div", {
+    ref: contentRef,
+    role: "listbox",
+    style: {
+      ...styles,
+      display: open ? 'block' : 'none'
+    },
+    className: cn('absolute z-50 mt-2 min-w-full max-w-max max-h-96 overflow-y-auto overflow-x-hidden rounded-md border border-gray-300 bg-white shadow-lg focus:outline-none', className),
+    children: children
+  });
+};
+const SelectItem = ({
+  children,
+  className,
+  value,
+  onClick,
+  closeOnClick = true,
+  tag,
+  ...rest
+}) => {
+  const {
+    setOpen,
+    setSelectedValue
+  } = useSelectContext();
+  const Tag = tag || 'button';
+  const handleClick = e => {
+    setSelectedValue(value ?? null);
+    if (onClick) onClick(value ?? null);
+    if (closeOnClick) setOpen(false);
+  };
+  return jsx(Tag, {
+    role: "option",
+    onClick: handleClick,
+    className: cn('flex min-w-full w-max items-center gap-2 px-4 py-2 text-sm hover:bg-gray-100', className),
+    ...rest,
+    children: children
+  });
+};
+const SelectValue = ({
+  placeholder,
+  icon: _icon,
+  label
+}) => {
+  const {
+    selectedValue,
+    loading
+  } = useSelectContext();
+  const icon = _icon || '';
+  if (loading) {
+    return jsxs("span", {
+      className: "block text-muted-foreground flex items-center gap-2",
+      children: [icon, "Loading..."]
+    });
+  }
+  const isStrOrInt = typeof selectedValue === 'string' || typeof selectedValue === 'number';
+  if (selectedValue && !isStrOrInt && !label) {
+    throw new Error('SelectValue must have a label prop if selectedValue is not a string or number');
+  }
+  if (label && selectedValue !== null && selectedValue !== undefined) {
+    return jsxs(Fragment, {
+      children: [icon, label(selectedValue)]
+    });
+  }
+  if (selectedValue === null || selectedValue === undefined) {
+    return jsxs("span", {
+      className: "block text-muted-foreground flex items-center gap-2",
+      children: [icon, placeholder]
+    });
+  }
+  const stringifiedValue = String(selectedValue);
+  return jsxs(Fragment, {
+    children: [icon, " ", stringifiedValue[0].toUpperCase() + stringifiedValue.slice(1)]
+  });
+};
+const SelectTrigger = ({
+  children,
+  className
+}) => {
+  const {
+    setOpen,
+    open,
+    triggerRef,
+    disabled,
+    loading
+  } = useSelectContext();
+  const handleClick = () => setOpen(!open);
+  return jsxs("button", {
+    ref: triggerRef,
+    disabled: disabled || loading,
+    "aria-haspopup": "listbox",
+    "aria-expanded": open,
+    onClick: handleClick,
+    className: cn('flex items-center gap-2 rounded-lg border border-gray-300 px-4 py-2', className),
+    children: [children, jsx(ChevronDown, {
+      size: 16,
+      className: `transition-transform ${open ? 'rotate-180' : ''}`
+    })]
+  });
+};
+const SelectSearch = ({
+  placeholder,
+  // placeholder for the search input
+  onChange
+}) => {
+  const {
+    setSearchValue,
+    searchValue
+  } = useSelectContext();
+  React.useEffect(() => {
+    onChange?.(searchValue);
+  }, [searchValue, onChange]);
+  return jsx("div", {
+    className: "p-2",
+    children: jsxs("div", {
+      className: "relative",
+      children: [jsx(Search, {
+        size: 14,
+        className: "absolute top-1/2 left-3 -translate-y-1/2"
+      }), jsx("input", {
+        placeholder: placeholder,
+        value: searchValue,
+        onChange: e => setSearchValue(e.target.value),
+        className: "pl-8 min-w-full rounded-lg border-gray-300 bg-gray-100"
+      })]
+    })
+  });
+};
+const SelectRoot = ({
+  children,
+  disabled
+}) => {
+  const {
+    setDisabled,
+    open,
+    setSearchValue
+  } = useSelectContext();
+  React.useEffect(() => {
+    setDisabled(!!disabled);
+  }, [disabled, setDisabled]);
+  React.useEffect(() => {
+    if (open) {
+      setSearchValue('');
+    }
+  }, [open, setSearchValue]);
+  return jsx("div", {
+    className: "relative",
+    children: children
+  });
+};
+const Select = ({
+  children,
+  ...props
+}) => {
+  return jsx(SelectProvider, {
+    value: props.value,
+    onChange: props.onChange,
+    loading: props.loading,
+    children: jsx(SelectRoot, {
+      ...props,
+      children: children
+    })
+  });
+};export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue};//# sourceMappingURL=Select.js.map

package/lib/components/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"iKA4EwG,MAAA,aAAA,GAAA,KAAA,CAAA,aAAA,CAAA,SA2EtG,CAAA;AAEF,MAAK,cAAe,GAAE,CAAA;UAIZ;OACM;UACN;AACN,EAAA,OAAA,GAAQ;CACX,KAAC;AAEF,EAAA,MAAA,CAAA,IAAA,EAAO,OAAgB,CAAA,GAAA,KAAA,CAAA,QAAc,CAAA,KAAA,CAAA;AA+BrC;QAKe,eAAQ,KAAC,KAAA,SAAA;AACpB,EAAA,MAAI,CAAC,+BAAkB,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,KAAA,IAAA,IAAA,CAAA;QAClB,aAAI,GAAA,YAAuB,QAAO,GAAA,aAAA;AAC1C,EAAA,MAAA,gBAAA,GAAA,GAAA,IAAA;AAwCD,IAAO,IAAA,CAAA,YAAM,EAAa;AAA+B,MAAA,gBAAgB,CAAA,GAAA,CAAA;;AAA+B,IAAA,QAAA,GAAA,GAAA,CAAA;AAmBxG,GAAO;QAIQ,CAAA,QAAE,aAAO,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA;QACZ,CAAA,WAAI,oBAAuB,KAAA,CAAA,QAAA,CAAA,EAAA,CAAA;AACtC,EAAA,MAAA,UAAA,GAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA;AAsBD,EAAA,OAAAA,GAAqB,CAAA,aAAA,CAAA,QAAA,EAAA;AACjB,IAAA,KAAA,EAAA;MACQ,IAAA;MACA,OAAC;MACJ,aAAO;MACL,gBAAW;AACrB,MAAA,QAAA;AAkBD,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+export * from './Select';
+//# sourceMappingURL=index.d.ts.map

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

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

package/lib/components/index.d.ts

@@ -6,6 +6,7 @@ export * from './PageContainer';
 export * from './Spin';
 export * from './OTP';
 export * from './Search';
+export * from './Select';
 export * from './DatePicker';
 export * from './Button/Button';
 export * from './ThemeProvider';

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,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,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,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{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{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{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.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{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{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';//# sourceMappingURL=index.js.map

package/lib/shardui/badge.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: {
-    variant?: "default" | "secondary" | "outline" | "destructive";
+    variant?: "default" | "outline" | "secondary" | "destructive";
 } & import("class-variance-authority/types").ClassProp) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/lib/shardui/button.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: {
-    variant?: "default" | "link" | "secondary" | "outline" | "ghost" | "destructive";
+    variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "destructive";
     size?: "default" | "sm" | "icon" | "lg";
 } & import("class-variance-authority/types").ClassProp) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

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, "payload" | "verticalAlign"> & {
+declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "verticalAlign" | "payload"> & {
     hideIcon?: boolean;
     nameKey?: string;
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/shardui/command.d.ts

@@ -6,7 +6,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -34,7 +34,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -43,14 +43,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -59,7 +59,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
@@ -68,7 +68,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/lib/shardui/resizable.d.ts

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

package/lib/shardui/sheet.d.ts

@@ -7,7 +7,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: {
-    side?: "bottom" | "left" | "right" | "top";
+    side?: "left" | "right" | "bottom" | "top";
 } & import("class-variance-authority/types").ClassProp) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-ui",
-    "version": "12.0.16-alpha.30",
+    "version": "12.0.16-alpha.31",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -28,7 +28,7 @@
         "watch": "npm run build:lib:watch"
     },
     "dependencies": {
-        "@admin-layout/client": "12.0.16-alpha.28",
+        "@admin-layout/client": "12.0.16-alpha.31",
         "@radix-ui/react-accordion": "^1.2.0",
         "@radix-ui/react-alert-dialog": "^1.1.1",
         "@radix-ui/react-aspect-ratio": "^1.1.0",
@@ -86,5 +86,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "cbe79fe329942371ece94cc30ed0dbd7b4c390cb"
+    "gitHead": "751668a2d5be3856d10801461ddb9bab115bcf34"
 }