@deepnoid/ui 0.1.66 → 0.1.68

package/dist/{chunk-YIIFWADW.mjs → chunk-5IESFXPF.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/radio/radio.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-UHT6GDT2.mjs → chunk-63JDURFU.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-6PN3DGOE.mjs";
 import {
   checkbox_default
-} from "./chunk-7H5XPHY6.mjs";
+} from "./chunk-SKOCUCE5.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
@@ -20,7 +20,6 @@ var TableBody = ({
   rowCheckbox = false,
   checkedRows,
   onCheckRow,
-  // onRowClick,
   isLoading = false,
   emptyContent,
   skeletonRow,
@@ -48,27 +47,24 @@ var TableBody = ({
     rowCheckbox && renderTdSkeleton(`skeleton-checkbox-${rowIndex}`)
   ] }, `skeleton-${rowIndex}`);
   const renderEmptyRow = () => /* @__PURE__ */ jsx("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: /* @__PURE__ */ jsx("td", { colSpan: columns.length + (rowCheckbox ? 1 : 0), className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) });
-  const renderDataRow = (row, rowIndex) => (
-    // <tr key={rowIndex} className={slots.tr({ class: classNames?.tr })} onClick={() => onRowClick?.(row)}>
-    /* @__PURE__ */ jsxs("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
-      columns.map((column, colIdx) => {
-        var _a;
-        const value = row[column.field];
-        const formattedValue = ((_a = column.valueFormatter) == null ? void 0 : _a.call(column, { value, field: column.field })) || value;
-        const content = column.renderCell ? column.renderCell({ id: row.id, field: column.field, value, formattedValue, row }) : formattedValue;
-        return /* @__PURE__ */ jsx(
-          "td",
-          {
-            className: clsx(slots.td({ class: classNames == null ? void 0 : classNames.td }), column.className),
-            style: getCellStyle(column),
-            children: content
-          },
-          `${rowIndex}-${colIdx}`
-        );
-      }),
-      rowCheckbox && renderCheckboxCell(rowIndex)
-    ] }, rowIndex)
-  );
+  const renderDataRow = (row, rowIndex) => /* @__PURE__ */ jsxs("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
+    columns.map((column, colIdx) => {
+      var _a;
+      const value = row[column.field];
+      const formattedValue = ((_a = column.valueFormatter) == null ? void 0 : _a.call(column, { value, field: column.field })) || value;
+      const content = column.renderCell ? column.renderCell({ id: row.id, field: column.field, value, formattedValue, row }) : formattedValue;
+      return /* @__PURE__ */ jsx(
+        "td",
+        {
+          className: clsx(slots.td({ class: classNames == null ? void 0 : classNames.td }), column.className),
+          style: getCellStyle(column),
+          children: content
+        },
+        `${rowIndex}-${colIdx}`
+      );
+    }),
+    rowCheckbox && renderCheckboxCell(rowIndex)
+  ] }, rowIndex);
   const renderRows = () => {
     if (isLoading) return skeletonRow ? Array.from({ length: skeletonRow }, (_, idx) => renderSkeletonRow(idx)) : /* @__PURE__ */ jsx(Fragment, {});
     if (!rows.length && emptyContent) return renderEmptyRow();

package/dist/{chunk-UFVQPPPW.mjs → chunk-B6XJNGQL.mjs}

@@ -1,10 +1,10 @@
 "use client";
+import {
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/list/list.tsx
 import { Children, cloneElement, forwardRef, isValidElement, useMemo } from "react";

package/dist/{chunk-GJHU6PFC.mjs → chunk-BGLH2JB6.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   list_default
-} from "./chunk-UFVQPPPW.mjs";
+} from "./chunk-B6XJNGQL.mjs";
 import {
   listItem_default
-} from "./chunk-HLPTI3UO.mjs";
+} from "./chunk-LIP5CNY3.mjs";
 
 // src/components/dateTimePicker/timePicker.tsx
 import { useState, useRef, useEffect } from "react";

package/dist/{chunk-LCLEMQ5R.mjs → chunk-BUH3JK3B.mjs}

@@ -7,13 +7,13 @@ import {
 } from "./chunk-LXHUO6VM.mjs";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
+import {
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/button/button.tsx
 import React, { forwardRef, useMemo, useCallback } from "react";

package/dist/{chunk-ZJURCHUU.mjs → chunk-CFB4JWDA.mjs}

@@ -5,13 +5,13 @@ import {
 } from "./chunk-P732YGHO.mjs";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
+import {
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/dateTimePicker/calendar.tsx
 import React, {

package/dist/{chunk-KXTA5GBQ.mjs → chunk-EKWUOA5B.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   tv
-} from "./chunk-4ZJFD3L3.mjs";
+} from "./chunk-XOPCRI7Z.mjs";
 
 // src/components/button/button-group.tsx
 import React, { forwardRef } from "react";

package/dist/{chunk-XODEITY4.mjs → chunk-F5XBEFX5.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
 import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/select/select.tsx
 import { forwardRef, useMemo, useState, useRef, useEffect } from "react";

package/dist/{chunk-EP66I5EV.mjs → chunk-FMZEP4LD.mjs}

@@ -7,13 +7,13 @@ import {
 } from "./chunk-LXHUO6VM.mjs";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
+import {
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/button/icon-button.tsx
 import { forwardRef, useMemo, useCallback } from "react";

package/dist/{chunk-SSMMWMQC.mjs → chunk-FRKIXGG5.mjs}

@@ -1,10 +1,10 @@
 "use client";
+import {
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/tabs/tabs.tsx
 import { forwardRef, useCallback, useMemo, useState } from "react";

package/dist/{chunk-P5QCU457.mjs → chunk-FZJ5PLRU.mjs}

@@ -1,10 +1,10 @@
 "use client";
+import {
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/backdrop/backdrop.tsx
 import { useEffect, useState } from "react";

package/dist/{chunk-TMCRSM54.mjs → chunk-HLLRDA4A.mjs}

@@ -4,19 +4,19 @@ import {
 } from "./chunk-F3HENRVM.mjs";
 import {
   input_default
-} from "./chunk-G4OFX2OO.mjs";
+} from "./chunk-MNGULMJI.mjs";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
 import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/pagination/pagination.tsx
 import { forwardRef, useMemo, useState } from "react";

package/dist/{chunk-QEPJICMO.mjs → chunk-I6MFQAQE.mjs}

@@ -1,10 +1,10 @@
 "use client";
+import {
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/charts/barChart.tsx
 import { forwardRef, useEffect, useMemo, useRef, useState } from "react";

package/dist/{chunk-5UWNYEG4.mjs → chunk-IHERL7SE.mjs}

@@ -1,22 +1,22 @@
 "use client";
 import {
   timePicker_default
-} from "./chunk-GJHU6PFC.mjs";
+} from "./chunk-BGLH2JB6.mjs";
 import {
   useDatePicker
 } from "./chunk-FWJ2ZKH6.mjs";
 import {
   calendar_default
-} from "./chunk-ZJURCHUU.mjs";
+} from "./chunk-CFB4JWDA.mjs";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
+import {
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/dateTimePicker/dateTimePicker.tsx
 import React, { forwardRef, useCallback, useMemo } from "react";

package/dist/{chunk-IL5ENWCR.mjs → chunk-JPFA7PPB.mjs}

@@ -6,12 +6,12 @@ import {
   getTailClassName,
   getTailStyles
 } from "./chunk-WSIADHVC.mjs";
+import {
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/tooltip/tooltip.tsx
 import { forwardRef, useCallback, useMemo, useRef, useState, useEffect } from "react";

package/dist/{chunk-ZGPNJQZX.mjs → chunk-KCAGZUYM.mjs}

@@ -1,10 +1,10 @@
 "use client";
+import {
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/table/definition-table.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-LZVR2G2W.mjs → chunk-KOZ7WRQU.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   input_default
-} from "./chunk-G4OFX2OO.mjs";
+} from "./chunk-MNGULMJI.mjs";
 import {
   button_default
-} from "./chunk-LCLEMQ5R.mjs";
+} from "./chunk-BUH3JK3B.mjs";
 import {
   icon_button_default
-} from "./chunk-EP66I5EV.mjs";
+} from "./chunk-FMZEP4LD.mjs";
 
 // src/components/fileUpload/fileUpload.tsx
 import { useRef, useState, useEffect } from "react";

package/dist/{chunk-HLPTI3UO.mjs → chunk-LIP5CNY3.mjs}

@@ -1,16 +1,16 @@
 "use client";
+import {
+  avatar_default
+} from "./chunk-4IKNOB5Y.mjs";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
+import {
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  avatar_default
-} from "./chunk-MIQMNEXX.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/list/listItem.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-G4OFX2OO.mjs → chunk-MNGULMJI.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
 import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/input/input.tsx
 import {

package/dist/{chunk-YLYLDWUR.mjs → chunk-N5BS5LZJ.mjs}

@@ -1,19 +1,19 @@
 "use client";
 import {
   backdrop_default
-} from "./chunk-P5QCU457.mjs";
+} from "./chunk-FZJ5PLRU.mjs";
 import {
   button_default
-} from "./chunk-LCLEMQ5R.mjs";
+} from "./chunk-BUH3JK3B.mjs";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
+import {
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/modal/modal.tsx
 import { forwardRef, useMemo, useEffect } from "react";

package/dist/{chunk-NLDBVRJT.mjs → chunk-NQYWOEB3.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
+import {
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/chip/chip.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-4SDLHEKS.mjs → chunk-ORXMPU2C.mjs}

@@ -1,10 +1,10 @@
 "use client";
+import {
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/charts/circularProgress.tsx
 import { RadialBarChart, RadialBar, PolarAngleAxis } from "recharts";

package/dist/{chunk-2XWRY3U7.mjs → chunk-Q6IUCVAN.mjs}

@@ -1,22 +1,22 @@
 "use client";
 import {
   table_body_default
-} from "./chunk-UHT6GDT2.mjs";
+} from "./chunk-63JDURFU.mjs";
 import {
   table_head_default
-} from "./chunk-UCU5ON5M.mjs";
+} from "./chunk-TKB2JL2E.mjs";
 import {
   scrollArea_default
 } from "./chunk-M37VBNB3.mjs";
 import {
   pagination_default
-} from "./chunk-TMCRSM54.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-HLLRDA4A.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/table/table.tsx
 import {
@@ -24,7 +24,6 @@ import {
   useEffect,
   useImperativeHandle,
   useMemo,
-  useRef,
   useState
 } from "react";
 import { tv } from "tailwind-variants";
@@ -35,7 +34,6 @@ var Table = forwardRef((originalProps, ref) => {
     rows,
     columns,
     rowCheckbox = false,
-    // onRowClick,
     totalData = 0,
     pagination,
     onPageChange,
@@ -50,37 +48,34 @@ var Table = forwardRef((originalProps, ref) => {
   const { page = 1, perPage = 15 } = pagination || {};
   const showPagination = pagination && totalData > 0 && !isLoading;
   const [checkedRows, setCheckedRows] = useState(/* @__PURE__ */ new Set());
-  const divRef = useRef(null);
+  useEffect(() => {
+    onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(checkedRows));
+  }, [checkedRows]);
+  useEffect(() => {
+    setCheckedRows(/* @__PURE__ */ new Set());
+  }, [rows]);
   useImperativeHandle(
     ref,
     () => ({
       checkedRows,
-      setCheckedRows: (rowsSet) => {
-        setCheckedRows(rowsSet);
-        onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(rowsSet));
-      }
+      setCheckedRows
     }),
     [checkedRows]
   );
-  useEffect(() => {
-    setCheckedRows(/* @__PURE__ */ new Set());
-  }, [rows]);
   const handleAllRowCheck = (checked) => {
     const updated = checked ? new Set(rows.map((_, i) => i)) : /* @__PURE__ */ new Set();
     setCheckedRows(updated);
-    onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(updated));
   };
   const handleRowCheck = (index, checked) => {
     setCheckedRows((prev) => {
       const updated = new Set(prev);
       checked ? updated.add(index) : updated.delete(index);
-      onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(updated));
       return updated;
     });
   };
   const getCheckedRowData = (checked) => Array.from(checked).map((index) => rows[index]).filter((row) => row !== void 0);
   const slots = useMemo(() => tableStyle(variantProps), [variantProps]);
-  return /* @__PURE__ */ jsxs("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+  return /* @__PURE__ */ jsxs("div", { "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ jsx(scrollArea_default, { direction: "x", size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ jsxs("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
       /* @__PURE__ */ jsx(
         table_head_default,

package/dist/{chunk-6XSBM3DG.mjs → chunk-SJTGJ6NC.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-OXQZAEOP.mjs";
+} from "./chunk-3YXCBM7H.mjs";
 
 // src/components/toast/use-toast.tsx
 import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";

package/dist/{chunk-7H5XPHY6.mjs → chunk-SKOCUCE5.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/checkbox/checkbox.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-VGFGIXS6.mjs → chunk-STAE4IPE.mjs}

@@ -1,10 +1,10 @@
 "use client";
+import {
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/charts/areaChart.tsx
 import { forwardRef, useMemo, useState, useRef, useEffect, useId } from "react";

package/dist/{chunk-UCU5ON5M.mjs → chunk-TKB2JL2E.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-6PN3DGOE.mjs";
 import {
   checkbox_default
-} from "./chunk-7H5XPHY6.mjs";
+} from "./chunk-SKOCUCE5.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-ZSEX6SVO.mjs → chunk-TVTIX7MO.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+  tv
+} from "./chunk-XOPCRI7Z.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/button/text-button.tsx
 import {

package/dist/{chunk-TVIVXGEN.mjs → chunk-UTWY7OBW.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   template
-} from "./chunk-SQF2SUJZ.mjs";
+} from "./chunk-YZ7HQHTL.mjs";
 
 // src/components/icon/Icon.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-4ZJFD3L3.mjs → chunk-XOPCRI7Z.mjs}

@@ -389,7 +389,15 @@ var boxShadow = {
   "border-9": "inner 0 0 0 9px inset",
   "border-10": "inner 0 0 0 10px inset",
   inner: "inset 0 4px 8px 0 rgba(36, 39, 44, 0.2)",
-  drop: "0 20px 40px 0 rgba(36, 39, 44, 0.2)"
+  "inner-sm": "inset 0 4px 8px 0 rgba(0, 0, 0, 0.2)",
+  "inner-md": "inset 0 6px 12px 0 rgba(0, 0, 0, 0.2)",
+  "inner-lg": "inset 0 8px 16px 0 rgba(0, 0, 0, 0.2)",
+  "inner-xl": "inset 0 10px 20px 0 rgba(0, 0, 0, 0.2)",
+  drop: "0 20px 40px 0 rgba(36, 39, 44, 0.2)",
+  "drop-sm": "0 4px 12px 0 rgba(0, 0, 0, 0.1)",
+  "drop-md": "0 6px 18px 0 rgba(0, 0, 0, 0.1)",
+  "drop-lg": "0 8px 24px 0 rgba(0, 0, 0, 0.1)",
+  "drop-xl": "0 10px 30px 0 rgba(0, 0, 0, 0.1)"
 };
 
 // ../tailwind-config/src/border/radius.ts