@herca/r-kit 0.0.28 → 0.0.30

package/dist/index.js

@@ -6033,7 +6033,6 @@ var Icon = ({
   }
   return /* @__PURE__ */ jsx(Component, { size, color, className });
 };
-var Icon_default = Icon;
 function Sheet({ ...props }) {
   return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
@@ -6362,7 +6361,7 @@ function SidebarTrigger({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx(Icon_default, { name: "layout-web" }),
+        /* @__PURE__ */ jsx(Icon, { name: "layout-web" }),
         /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
@@ -6444,7 +6443,7 @@ function SidebarMenuItem({
     "hover:bg-primary-100",
     Boolean(active) && "bg-primary-100 text-primary-1000 before:bg-primary-1000 before:absolute before:top-1/2 before:left-0 before:h-5 before:w-1 before:-translate-y-1/2 before:rounded-r-md"
   );
-  const iconElement = icon !== void 0 ? /* @__PURE__ */ jsx("span", { className: "shrink-0", children: icon }) : /* @__PURE__ */ jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsx(Icon_default, { name: "ellipse", size: 18 }) });
+  const iconElement = icon !== void 0 ? /* @__PURE__ */ jsx("span", { className: "shrink-0", children: icon }) : /* @__PURE__ */ jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsx(Icon, { name: "ellipse", size: 18 }) });
   return /* @__PURE__ */ jsx(
     "li",
     {
@@ -6506,7 +6505,7 @@ function SidebarMenuGroup({
     "cursor-pointer",
     Boolean(active) && "bg-primary-100 text-primary-1000 before:bg-primary-1000 before:absolute before:top-1/2 before:left-0 before:h-5 before:w-1 before:-translate-y-1/2 before:rounded-r-md"
   );
-  const iconElement = icon !== void 0 ? /* @__PURE__ */ jsx("span", { className: "shrink-0", children: icon }) : /* @__PURE__ */ jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsx(Icon_default, { name: "ellipse", size: 18 }) });
+  const iconElement = icon !== void 0 ? /* @__PURE__ */ jsx("span", { className: "shrink-0", children: icon }) : /* @__PURE__ */ jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsx(Icon, { name: "ellipse", size: 18 }) });
   return /* @__PURE__ */ jsxs(
     Collapsible,
     {
@@ -6528,7 +6527,7 @@ function SidebarMenuGroup({
             }
           ),
           /* @__PURE__ */ jsx(
-            Icon_default,
+            Icon,
             {
               name: "caret-down",
               size: 18,
@@ -6743,7 +6742,7 @@ var Modal = ({
                   onClick: onClose,
                   className: "focus:ring-primary-300 absolute top-4 right-4 cursor-pointer rounded-sm p-1 text-gray-900 opacity-70 transition hover:opacity-100 focus:ring-2 focus:outline-none",
                   "aria-label": "Close",
-                  children: /* @__PURE__ */ jsx(Icon_default, { name: "times", size: 24 })
+                  children: /* @__PURE__ */ jsx(Icon, { name: "times", size: 24 })
                 }
               ),
               hasHeader && /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
@@ -6758,7 +6757,7 @@ var Modal = ({
                     onClick: onClose,
                     className: "focus:ring-primary-300 mt-0.5 shrink-0 cursor-pointer rounded-sm p-1 text-gray-900 opacity-70 transition hover:opacity-100 focus:ring-2 focus:outline-none",
                     "aria-label": "Close",
-                    children: /* @__PURE__ */ jsx(Icon_default, { name: "times", size: 20 })
+                    children: /* @__PURE__ */ jsx(Icon, { name: "times", size: 20 })
                   }
                 )
               ] }) }),
@@ -7238,9 +7237,9 @@ var ModalPreviewAttachment = ({
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-between", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx("button", { onClick: onClose, className: "cursor-pointer", type: "button", children: /* @__PURE__ */ jsx(Icon_default, { name: "times", color: "white" }) }),
+              /* @__PURE__ */ jsx("button", { onClick: onClose, className: "cursor-pointer", type: "button", children: /* @__PURE__ */ jsx(Icon, { name: "times", color: "white" }) }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-                iconName && /* @__PURE__ */ jsx(Icon_default, { name: iconName, size: 48 }),
+                iconName && /* @__PURE__ */ jsx(Icon, { name: iconName, size: 48 }),
                 /* @__PURE__ */ jsx(
                   Text,
                   {
@@ -7351,7 +7350,7 @@ var ZoomController = ({
         onClick: onZoomIn,
         disabled: zoom >= maxZoom,
         type: "button",
-        children: /* @__PURE__ */ jsx(Icon_default, { name: "search-plus-fill" })
+        children: /* @__PURE__ */ jsx(Icon, { name: "search-plus-fill" })
       }
     ),
     /* @__PURE__ */ jsx(
@@ -7361,11 +7360,11 @@ var ZoomController = ({
         onClick: onZoomOut,
         disabled: zoom <= minZoom,
         type: "button",
-        children: /* @__PURE__ */ jsx(Icon_default, { name: "search-minus-fill" })
+        children: /* @__PURE__ */ jsx(Icon, { name: "search-minus-fill" })
       }
     ),
     /* @__PURE__ */ jsxs(Button, { color: "secondary", onClick: onDownload, children: [
-      /* @__PURE__ */ jsx(Icon_default, { name: "download" }),
+      /* @__PURE__ */ jsx(Icon, { name: "download" }),
       /* @__PURE__ */ jsx(
         Text,
         {
@@ -7455,7 +7454,7 @@ var PreviewItem = ({
                     alt: data.file.name,
                     className: "size-11 rounded-md object-cover"
                   }
-                ) : /* @__PURE__ */ jsx(Icon_default, { name: iconName ?? "doc", className: "size-11" })
+                ) : /* @__PURE__ */ jsx(Icon, { name: iconName ?? "doc", className: "size-11" })
               }
             ),
             /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
@@ -7500,11 +7499,11 @@ var PreviewItem = ({
                   disabled,
                   className: "cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
                   title: "Replace file",
-                  children: /* @__PURE__ */ jsx(Icon_default, { name: "rotate-right", className: "size-4 text-gray-700" })
+                  children: /* @__PURE__ */ jsx(Icon, { name: "rotate-right", className: "size-4 text-gray-700" })
                 }
               ),
               /* @__PURE__ */ jsx(
-                Icon_default,
+                Icon,
                 {
                   name: "exclamation-triangle",
                   className: "text-danger-500 size-4"
@@ -7518,7 +7517,7 @@ var PreviewItem = ({
                 onClick: onRemove,
                 disabled,
                 className: "cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
-                children: /* @__PURE__ */ jsx(Icon_default, { name: "times", className: "size-4 text-gray-700" })
+                children: /* @__PURE__ */ jsx(Icon, { name: "times", className: "size-4 text-gray-700" })
               }
             )
           ] })
@@ -7743,8 +7742,8 @@ var InputFile = forwardRef(
             onDragOver: variant === "large" ? handleDragOver : void 0,
             onDrop: variant === "large" ? handleDrop : void 0,
             children: [
-              isDefault && /* @__PURE__ */ jsx(Icon_default, { name: "upload" }),
-              isSized && /* @__PURE__ */ jsx(Icon_default, { name: "cloud-upload", size: variant === "large" ? 125 : 40 }),
+              isDefault && /* @__PURE__ */ jsx(Icon, { name: "upload" }),
+              isSized && /* @__PURE__ */ jsx(Icon, { name: "cloud-upload", size: variant === "large" ? 125 : 40 }),
               /* @__PURE__ */ jsxs(
                 "div",
                 {
@@ -8078,7 +8077,7 @@ var ButtonIcon = ({
       onClick,
       disabled,
       children: /* @__PURE__ */ jsx(
-        Icon_default,
+        Icon,
         {
           name: icon,
           className: cn(
@@ -8344,7 +8343,7 @@ function TableCellHead({
       type: "button",
       children: [
         /* @__PURE__ */ jsx(Text, { as: "h5", variant: "t1", weight: "semibold", children: value }),
-        /* @__PURE__ */ jsx(Icon_default, { name: "sort-vertical", size: 16, className: "shrink-0" })
+        /* @__PURE__ */ jsx(Icon, { name: "sort-vertical", size: 16, className: "shrink-0" })
       ]
     }
   ) : children });
@@ -8445,7 +8444,7 @@ function TablePagination({
                     value,
                     rightAddonClassName: "pl-0! pr-1!",
                     rightAddon: /* @__PURE__ */ jsx(
-                      Icon_default,
+                      Icon,
                       {
                         name: "angle-down-small",
                         className: "text-gray-900",
@@ -8498,7 +8497,7 @@ function TablePagination({
               disabled: currentPage <= 1,
               className: "cursor-pointer disabled:opacity-40",
               onClick: () => prevOnClick?.(),
-              children: /* @__PURE__ */ jsx(Icon_default, { name: "angles-left-small", size: 20 })
+              children: /* @__PURE__ */ jsx(Icon, { name: "angles-left-small", size: 20 })
             }
           ),
           /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: generatePages(currentPage, totalPage).map((item, index) => {
@@ -8540,7 +8539,7 @@ function TablePagination({
               disabled: currentPage >= totalPage,
               className: "cursor-pointer disabled:opacity-40",
               onClick: () => nextOnClick?.(),
-              children: /* @__PURE__ */ jsx(Icon_default, { name: "angles-right-small", size: 20 })
+              children: /* @__PURE__ */ jsx(Icon, { name: "angles-right-small", size: 20 })
             }
           )
         ] })
@@ -8711,7 +8710,7 @@ var ButtonNavigator = ({
       size: "icon",
       color: "gray",
       className: cn("bg-gray-500 hover:bg-gray-600", className),
-      children: /* @__PURE__ */ jsx(Icon_default, { name: icon, className: "text-white", size: size_map[size] })
+      children: /* @__PURE__ */ jsx(Icon, { name: icon, className: "text-white", size: size_map[size] })
     }
   );
 };
@@ -8954,7 +8953,7 @@ function ToastCard({
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           icon && /* @__PURE__ */ jsx(
-            Icon_default,
+            Icon,
             {
               name: icon,
               size: iconSize,
@@ -8992,7 +8991,7 @@ function ToastCard({
             }
           ),
           /* @__PURE__ */ jsx("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx(
-            Icon_default,
+            Icon,
             {
               name: "times",
               size: 20,
@@ -9303,7 +9302,7 @@ var Select = ({
               {
                 onClick: (e) => handleRemove(item, e),
                 className: "text-primary-1000 rounded p-0.5 hover:bg-blue-200",
-                children: /* @__PURE__ */ jsx(Icon_default, { name: "times-circle", size: 14 })
+                children: /* @__PURE__ */ jsx(Icon, { name: "times-circle", size: 14 })
               }
             )
           ]
@@ -9351,11 +9350,11 @@ var Select = ({
                         type: "button",
                         onClick: handleClear,
                         className: "cursor-pointer rounded text-center text-gray-700",
-                        children: /* @__PURE__ */ jsx(Icon_default, { name: "times-circle", size: 20 })
+                        children: /* @__PURE__ */ jsx(Icon, { name: "times-circle", size: 20 })
                       }
                     ),
                     /* @__PURE__ */ jsx(
-                      Icon_default,
+                      Icon,
                       {
                         className: "text-gray-700",
                         name: isOpen ? "angle-up-small" : "angle-down-small",
@@ -9375,7 +9374,7 @@ var Select = ({
                 ),
                 children: [
                   isSearchable && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-gray-200 bg-white px-3.5 py-2.5", children: [
-                    /* @__PURE__ */ jsx(Icon_default, { name: "search", size: 20, className: "text-gray-400" }),
+                    /* @__PURE__ */ jsx(Icon, { name: "search", size: 20, className: "text-gray-400" }),
                     /* @__PURE__ */ jsx(
                       "input",
                       {
@@ -9868,7 +9867,7 @@ function CalendarDayItem({
         ),
         variant === "default" && Boolean(hasEvent) === false && backdropOnClick && /* @__PURE__ */ jsx("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsx(TooltipTrigger, { className: "cursor-pointer", children: /* @__PURE__ */ jsx(
-            Icon_default,
+            Icon,
             {
               name: "plus",
               className: "text-gray-700! opacity-0 transition-opacity group-hover:opacity-100",
@@ -10199,7 +10198,7 @@ var ButtonDropdown = ({
         "bg-transparent transition-colors outline-none *:duration-300 hover:bg-gray-50 focus:outline-none"
       ),
       children: /* @__PURE__ */ jsx(
-        Icon_default,
+        Icon,
         {
           name: "arrow-down",
           size: size_map[size],
@@ -10645,7 +10644,7 @@ var Calendar2 = ({
               children: [
                 selectedType,
                 " ",
-                /* @__PURE__ */ jsx(Icon_default, { name: "angle-down-small", size: 20 })
+                /* @__PURE__ */ jsx(Icon, { name: "angle-down-small", size: 20 })
               ]
             }
           ) }),
@@ -10748,7 +10747,7 @@ var ButtonNavigation = ({
   type
 }) => {
   return /* @__PURE__ */ jsx("button", { onClick, children: /* @__PURE__ */ jsx(
-    Icon_default,
+    Icon,
     {
       name: type === "next" ? "angle-right-small" : "angle-left-small",
       size: 30,
@@ -11129,7 +11128,7 @@ var DatePicker = ({
                 mergedAddon: true,
                 className: "pl-0",
                 leftAddonClassName: "pr-1!",
-                leftAddon: /* @__PURE__ */ jsx(Icon_default, { name: "calendar", className: "text-gray-900" }),
+                leftAddon: /* @__PURE__ */ jsx(Icon, { name: "calendar", className: "text-gray-900" }),
                 placeholder: mode === "range" ? `${formatConfig.placeholder} - ${formatConfig.placeholder}` : formatConfig.placeholder,
                 onChange: handleInputChange2,
                 value: inputValue,
@@ -11301,7 +11300,7 @@ var DatePicker = ({
                             )
                           }
                         ),
-                        /* @__PURE__ */ jsx(Icon_default, { name: "minus", size: 16 }),
+                        /* @__PURE__ */ jsx(Icon, { name: "minus", size: 16 }),
                         /* @__PURE__ */ jsx(
                           Input,
                           {