@snapcall/design-system 1.21.3 → 1.22.0-beta.2

package/dist/components/Toaster/index.js

@@ -165,15 +165,15 @@ var SpinnerIcon = (0, import_react2.forwardRef)(
 // src/components/Button/Button.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var buttonVariants = (0, import_cva.cva)({
-  base: "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-none focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
+  base: "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-background transition-colors relative focus-visible:outline-hidden focus-visible:ring-2 disabled:select-none disabled:pointer-events-none disabled:opacity-40",
   variants: {
     variant: {
-      primary: "bg-blue-700 text-white [&>svg]:text-white dark:text-black [&>svg]:dark:text-black hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
+      primary: "bg-blue-700 text-white [&>svg]:text-white dark:text-black dark:[&>svg]:text-black hover:bg-blue-800 active:bg-blue-900 focus-visible:ring-blue-1000",
       secondary: "bg-gray-50 text-black [&>svg]:text-black hover:bg-gray-100 active:bg-gray-500 focus-visible:ring-black",
       tertiary: "bg-gray-50 text-blue-700 [&>svg]:text-blue-700 hover:bg-blue-100 active:bg-blue-200 focus-visible:ring-blue-700",
       outline: "bg-white text-black [&>svg]:text-black ring-1 ring-offset-0 ring-gray-200 hover:bg-gray-50 active:bg-gray-200 focus-visible:ring-black",
       outlineBlue: "bg-transparent text-blue-700 [&>svg]:text-blue-700 ring-1 ring-inset ring-offset-0 ring-blue-700 hover:bg-blue-50 active:bg-blue-200 focus-visible:ring-blue-700 ",
-      destructive: "bg-red-700 text-white [&>svg]:text-white dark:text-black [&>svg]:dark:text-black hover:bg-red-800 active:bg-red-900 focus-visible:ring-red-1000",
+      destructive: "bg-red-700 text-white [&>svg]:text-white dark:text-black dark:[&>svg]:text-black hover:bg-red-800 active:bg-red-900 focus-visible:ring-red-1000",
       ghostBlue: "bg-transparent text-blue-700 [&>svg]:text-blue-700 hover:bg-blue-100 active:bg-blue-200 focus-visible:ring-blue-700",
       ghostRed: "bg-transparent text-red-700 [&>svg]:text-red-700 hover:bg-red-100 active:bg-red-200 focus-visible:ring-red-700",
       ghostGray: "bg-transparent text-black [&>svg]:text-black hover:bg-gray-100 active:bg-gray-200 focus-visible:ring-black",
@@ -278,7 +278,7 @@ var ToastViewport = React2.forwardRef((_a, ref) => {
     __spreadValues({
       ref,
       className: cn(
-        "fixed top-8 left-1/2 -translate-x-1/2 z-[100] flex max-h-screen flex-col-reverse sm:flex-col w-max max-w-[90vw] md:max-w-[420px]",
+        "fixed top-8 left-1/2 -translate-x-1/2 z-100 flex max-h-screen flex-col-reverse sm:flex-col w-max max-w-[90vw] md:max-w-[420px]",
         className
       )
     }, props)
@@ -286,7 +286,7 @@ var ToastViewport = React2.forwardRef((_a, ref) => {
 });
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 var toastVariants = (0, import_cva2.cva)({
-  base: "group pointer-events-auto relative flex w-full shadow-sm items-center justify-between gap-4 overflow-hidden rounded-md px-4 py-2 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:fade-out data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  base: "group pointer-events-auto relative flex w-full shadow-xs items-center justify-between gap-4 overflow-hidden rounded-md px-4 py-2 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:fade-out data-[state=open]:slide-in-from-top-full sm:data-[state=open]:slide-in-from-bottom-full",
   variants: {
     variant: {
       default: "bg-gray-100 text-black",
@@ -334,7 +334,7 @@ var ToastClose = React2.forwardRef((_a, ref) => {
     ToastPrimitives.Close,
     __spreadProps(__spreadValues({
       ref,
-      className: cn("focus:outline-none focus:ring-1", className),
+      className: cn("focus:outline-hidden focus:ring-1", className),
       "toast-close": ""
     }, props), {
       children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(XCloseIcon, { className: "text-current", size: 16 })
@@ -505,7 +505,7 @@ var ToastContent = ({
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 w-full overflow-hidden", children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center flex-grow gap-2 overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center grow gap-2 overflow-hidden", children: [
         icon && import_react3.default.cloneElement(icon, {
           size: 16,
           className: cn("shrink-0", icon.props.className)

package/dist/components/Toaster/index.mjs

@@ -3,7 +3,7 @@ import {
 } from "../../chunk-FMJFBQTF.mjs";
 import {
   Button
-} from "../../chunk-XI3KELZM.mjs";
+} from "../../chunk-R6W6SKNR.mjs";
 import "../../chunk-N65I4EXR.mjs";
 import {
   __objRest,
@@ -25,7 +25,7 @@ var ToastViewport = React.forwardRef((_a, ref) => {
     __spreadValues({
       ref,
       className: cn(
-        "fixed top-8 left-1/2 -translate-x-1/2 z-[100] flex max-h-screen flex-col-reverse sm:flex-col w-max max-w-[90vw] md:max-w-[420px]",
+        "fixed top-8 left-1/2 -translate-x-1/2 z-100 flex max-h-screen flex-col-reverse sm:flex-col w-max max-w-[90vw] md:max-w-[420px]",
         className
       )
     }, props)
@@ -33,7 +33,7 @@ var ToastViewport = React.forwardRef((_a, ref) => {
 });
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 var toastVariants = cva({
-  base: "group pointer-events-auto relative flex w-full shadow-sm items-center justify-between gap-4 overflow-hidden rounded-md px-4 py-2 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:fade-out data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  base: "group pointer-events-auto relative flex w-full shadow-xs items-center justify-between gap-4 overflow-hidden rounded-md px-4 py-2 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:fade-out data-[state=open]:slide-in-from-top-full sm:data-[state=open]:slide-in-from-bottom-full",
   variants: {
     variant: {
       default: "bg-gray-100 text-black",
@@ -81,7 +81,7 @@ var ToastClose = React.forwardRef((_a, ref) => {
     ToastPrimitives.Close,
     __spreadProps(__spreadValues({
       ref,
-      className: cn("focus:outline-none focus:ring-1", className),
+      className: cn("focus:outline-hidden focus:ring-1", className),
       "toast-close": ""
     }, props), {
       children: /* @__PURE__ */ jsx(XCloseIcon, { className: "text-current", size: 16 })
@@ -252,7 +252,7 @@ var ToastContent = ({
 }) => {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 w-full overflow-hidden", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center flex-grow gap-2 overflow-hidden", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center grow gap-2 overflow-hidden", children: [
         icon && React3.cloneElement(icon, {
           size: 16,
           className: cn("shrink-0", icon.props.className)

package/dist/components/ToggleGroup/index.d.mts

@@ -9,7 +9,7 @@ declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPri
 type ToggleGroupItemProps = {
     title?: string;
     description?: string;
-    icon?: JSX.Element;
+    icon?: React.JSX.Element;
     image?: React.ReactNode;
 };
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ToggleGroup/index.d.ts

@@ -9,7 +9,7 @@ declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPri
 type ToggleGroupItemProps = {
     title?: string;
     description?: string;
-    icon?: JSX.Element;
+    icon?: React.JSX.Element;
     image?: React.ReactNode;
 };
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ToggleGroup/index.js

@@ -141,7 +141,7 @@ var ToggleGroupItem = React.forwardRef((_a, ref) => {
       ref,
       className: cn(
         "flex border-2 border-gray-200 data-[state=on]:border-blue-700 p-2 rounded-lg group",
-        "focus-visible:outline-none focus-visible:ring-blue-300 focus-visible:ring-2 focus-visible:ring-offset-2",
+        "focus-visible:outline-hidden focus-visible:ring-blue-300 focus-visible:ring-2 focus-visible:ring-offset-2",
         isRow ? "gap-2" : "gap-2.5",
         className
       )
@@ -160,12 +160,12 @@ var ToggleGroupItem = React.forwardRef((_a, ref) => {
                 "div",
                 {
                   className: cn(
-                    "flex justify-center items-center w-8 h-8 border-gray-200 rounded shrink-0",
+                    "flex justify-center items-center w-8 h-8 border-gray-200 rounded-sm shrink-0",
                     { border: !isRow }
                   ),
                   children: [
                     icon && React.cloneElement(icon, { size: isRow ? 24 : 16 }),
-                    image && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full h-full border border-gray-200 rounded min-w-0 overflow-hidden", children: image })
+                    image && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full h-full border border-gray-200 rounded-sm min-w-0 overflow-hidden", children: image })
                   ]
                 }
               ),
@@ -190,7 +190,7 @@ var ToggleGroupItem = React.forwardRef((_a, ref) => {
           {
             className: cn(
               "flex items-center justify-center w-4 h-4 bg-gray-50 border border-gray-200 group-data-[state=on]:border-blue-700",
-              type === "single" ? "rounded-full" : "rounded"
+              type === "single" ? "rounded-full" : "rounded-sm"
             ),
             children: type === "single" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "h-2 w-2 rounded-full bg-blue-700 group-data-[state=off]:bg-transparent" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex justify-center items-center w-full h-full bg-blue-700 group-data-[state=off]:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               CheckIcon,

package/dist/components/ToggleGroup/index.mjs

@@ -44,7 +44,7 @@ var ToggleGroupItem = React.forwardRef((_a, ref) => {
       ref,
       className: cn(
         "flex border-2 border-gray-200 data-[state=on]:border-blue-700 p-2 rounded-lg group",
-        "focus-visible:outline-none focus-visible:ring-blue-300 focus-visible:ring-2 focus-visible:ring-offset-2",
+        "focus-visible:outline-hidden focus-visible:ring-blue-300 focus-visible:ring-2 focus-visible:ring-offset-2",
         isRow ? "gap-2" : "gap-2.5",
         className
       )
@@ -63,12 +63,12 @@ var ToggleGroupItem = React.forwardRef((_a, ref) => {
                 "div",
                 {
                   className: cn(
-                    "flex justify-center items-center w-8 h-8 border-gray-200 rounded shrink-0",
+                    "flex justify-center items-center w-8 h-8 border-gray-200 rounded-sm shrink-0",
                     { border: !isRow }
                   ),
                   children: [
                     icon && React.cloneElement(icon, { size: isRow ? 24 : 16 }),
-                    image && /* @__PURE__ */ jsx("div", { className: "w-full h-full border border-gray-200 rounded min-w-0 overflow-hidden", children: image })
+                    image && /* @__PURE__ */ jsx("div", { className: "w-full h-full border border-gray-200 rounded-sm min-w-0 overflow-hidden", children: image })
                   ]
                 }
               ),
@@ -93,7 +93,7 @@ var ToggleGroupItem = React.forwardRef((_a, ref) => {
           {
             className: cn(
               "flex items-center justify-center w-4 h-4 bg-gray-50 border border-gray-200 group-data-[state=on]:border-blue-700",
-              type === "single" ? "rounded-full" : "rounded"
+              type === "single" ? "rounded-full" : "rounded-sm"
             ),
             children: type === "single" ? /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full bg-blue-700 group-data-[state=off]:bg-transparent" }) : /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center w-full h-full bg-blue-700 group-data-[state=off]:bg-transparent", children: /* @__PURE__ */ jsx(
               CheckIcon,

package/dist/components/Tooltip/index.js

@@ -94,7 +94,7 @@ var TooltipContent = React.forwardRef((_a, ref) => {
       ref,
       sideOffset,
       className: cn(
-        "z-50 overflow-hidden rounded-md border bg-black px-3 py-1.5 text-sm text-white font-medium animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "z-50 overflow-hidden rounded-md bg-black px-3 py-1.5 text-sm text-white font-medium animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         className
       )
     }, props)

package/dist/components/Tooltip/index.mjs

@@ -26,7 +26,7 @@ var TooltipContent = React.forwardRef((_a, ref) => {
       ref,
       sideOffset,
       className: cn(
-        "z-50 overflow-hidden rounded-md border bg-black px-3 py-1.5 text-sm text-white font-medium animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "z-50 overflow-hidden rounded-md bg-black px-3 py-1.5 text-sm text-white font-medium animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         className
       )
     }, props)

package/dist/components/{index-Btj0VOSP.d.ts → index-CMWfBd0H.d.mts}

@@ -3,36 +3,36 @@ import * as React from 'react';
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement> | undefined;
+    ref?: React.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    label?: string | undefined;
-    shouldFilter?: boolean | undefined;
-    filter?: ((value: string, search: string, keywords?: string[] | undefined) => number) | undefined;
-    defaultValue?: string | undefined;
-    value?: string | undefined;
-    onValueChange?: ((value: string) => void) | undefined;
-    loop?: boolean | undefined;
-    disablePointerSelection?: boolean | undefined;
-    vimBindings?: boolean | undefined;
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
-    ref?: React.Ref<HTMLInputElement> | undefined;
+    ref?: React.Ref<HTMLInputElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
-    value?: string | undefined;
-    onValueChange?: ((search: string) => void) | undefined;
+    value?: string;
+    onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement> | undefined;
+    ref?: React.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    label?: string | undefined;
+    label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface CommandEmptyExtension {
     title?: string;
@@ -41,40 +41,40 @@ interface CommandEmptyExtension {
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement> | undefined;
+    ref?: React.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & CommandEmptyExtension & React.RefAttributes<HTMLDivElement & CommandEmptyExtension>>;
 declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement> | undefined;
+    ref?: React.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    progress?: number | undefined;
-    label?: string | undefined;
+    progress?: number;
+    label?: string;
 } & 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> | undefined;
+    ref?: React.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
     heading?: React.ReactNode;
-    value?: string | undefined;
-    forceMount?: boolean | undefined;
+    value?: string;
+    forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement> | undefined;
+    ref?: React.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    alwaysRender?: boolean | undefined;
+    alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type CommandItemExtension = {
-    icon?: JSX.Element;
+    icon?: React.JSX.Element;
     checkbox?: boolean;
     checked?: boolean;
     description?: string;
@@ -82,15 +82,15 @@ type CommandItemExtension = {
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement> | undefined;
+    ref?: React.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
-    disabled?: boolean | undefined;
-    onSelect?: ((value: string) => void) | undefined;
-    value?: string | undefined;
-    keywords?: string[] | undefined;
-    forceMount?: boolean | undefined;
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & CommandItemExtension & React.RefAttributes<HTMLDivElement & CommandItemExtension>>;
 
 export { type CommandItemExtension as C, Command as a, CommandEmpty as b, CommandGroup as c, CommandInput as d, CommandItem as e, CommandList as f, CommandLoading as g, CommandSeparator as h };

package/dist/components/{index-Btj0VOSP.d.mts → index-CMWfBd0H.d.ts}

@@ -3,36 +3,36 @@ import * as React from 'react';
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement> | undefined;
+    ref?: React.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    label?: string | undefined;
-    shouldFilter?: boolean | undefined;
-    filter?: ((value: string, search: string, keywords?: string[] | undefined) => number) | undefined;
-    defaultValue?: string | undefined;
-    value?: string | undefined;
-    onValueChange?: ((value: string) => void) | undefined;
-    loop?: boolean | undefined;
-    disablePointerSelection?: boolean | undefined;
-    vimBindings?: boolean | undefined;
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
-    ref?: React.Ref<HTMLInputElement> | undefined;
+    ref?: React.Ref<HTMLInputElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
-    value?: string | undefined;
-    onValueChange?: ((search: string) => void) | undefined;
+    value?: string;
+    onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement> | undefined;
+    ref?: React.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    label?: string | undefined;
+    label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface CommandEmptyExtension {
     title?: string;
@@ -41,40 +41,40 @@ interface CommandEmptyExtension {
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement> | undefined;
+    ref?: React.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & CommandEmptyExtension & React.RefAttributes<HTMLDivElement & CommandEmptyExtension>>;
 declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement> | undefined;
+    ref?: React.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    progress?: number | undefined;
-    label?: string | undefined;
+    progress?: number;
+    label?: string;
 } & 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> | undefined;
+    ref?: React.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
     heading?: React.ReactNode;
-    value?: string | undefined;
-    forceMount?: boolean | undefined;
+    value?: string;
+    forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement> | undefined;
+    ref?: React.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    alwaysRender?: boolean | undefined;
+    alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type CommandItemExtension = {
-    icon?: JSX.Element;
+    icon?: React.JSX.Element;
     checkbox?: boolean;
     checked?: boolean;
     description?: string;
@@ -82,15 +82,15 @@ type CommandItemExtension = {
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement> | undefined;
+    ref?: React.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
-    disabled?: boolean | undefined;
-    onSelect?: ((value: string) => void) | undefined;
-    value?: string | undefined;
-    keywords?: string[] | undefined;
-    forceMount?: boolean | undefined;
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & CommandItemExtension & React.RefAttributes<HTMLDivElement & CommandItemExtension>>;
 
 export { type CommandItemExtension as C, Command as a, CommandEmpty as b, CommandGroup as c, CommandInput as d, CommandItem as e, CommandList as f, CommandLoading as g, CommandSeparator as h };

package/dist/components/types-DBpSTFQy.d.mts

@@ -0,0 +1,9 @@
+import { SVGProps } from 'react';
+
+type SVGAttributes = Partial<SVGProps<SVGSVGElement>>;
+interface IconProps extends SVGAttributes {
+    size?: string | number;
+    duotone?: boolean;
+}
+
+export type { IconProps as I };

package/dist/components/types-DBpSTFQy.d.ts

@@ -0,0 +1,9 @@
+import { SVGProps } from 'react';
+
+type SVGAttributes = Partial<SVGProps<SVGSVGElement>>;
+interface IconProps extends SVGAttributes {
+    size?: string | number;
+    duotone?: boolean;
+}
+
+export type { IconProps as I };