@deepnoid/ui 1.0.19 → 1.0.21

package/dist/components/table/table-body.mjs

@@ -1,22 +1,22 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-NPLC2OM6.mjs";
+} from "../../chunk-KAB3AB67.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-YZOXNWOC.mjs";
+import "../../chunk-WS4SOWDZ.mjs";
 import "../../chunk-F3HENRVM.mjs";
-import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-CAXTJ64M.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-SI3IR5X5.mjs";
+import "../../chunk-37BZALDV.mjs";
+import "../../chunk-2GCSFWHD.mjs";
+import "../../chunk-BJWYF2WY.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-XS32UZI3.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AOU4QX7H.mjs";
-import "../../chunk-UP6RPQDX.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-UP6RPQDX.mjs";
 export {
   table_body_default as default
 };

package/dist/components/table/table-head.mjs

@@ -1,22 +1,22 @@
 "use client";
 import {
   table_head_default
-} from "../../chunk-NPLC2OM6.mjs";
+} from "../../chunk-KAB3AB67.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-YZOXNWOC.mjs";
+import "../../chunk-WS4SOWDZ.mjs";
 import "../../chunk-F3HENRVM.mjs";
-import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-CAXTJ64M.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-SI3IR5X5.mjs";
+import "../../chunk-37BZALDV.mjs";
+import "../../chunk-2GCSFWHD.mjs";
+import "../../chunk-BJWYF2WY.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-XS32UZI3.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AOU4QX7H.mjs";
-import "../../chunk-UP6RPQDX.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-UP6RPQDX.mjs";
 export {
   table_head_default as default
 };

package/dist/components/table/table.mjs

@@ -2,22 +2,22 @@
 import {
   getCellStyle,
   table_default
-} from "../../chunk-NPLC2OM6.mjs";
+} from "../../chunk-KAB3AB67.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-YZOXNWOC.mjs";
+import "../../chunk-WS4SOWDZ.mjs";
 import "../../chunk-F3HENRVM.mjs";
-import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-CAXTJ64M.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-SI3IR5X5.mjs";
+import "../../chunk-37BZALDV.mjs";
+import "../../chunk-2GCSFWHD.mjs";
+import "../../chunk-BJWYF2WY.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-XS32UZI3.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AOU4QX7H.mjs";
-import "../../chunk-UP6RPQDX.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-UP6RPQDX.mjs";
 export {
   table_default as default,
   getCellStyle

package/dist/components/textarea/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-RRAZM5D3.mjs";
 import {
   textarea_default
-} from "../../chunk-4TJNIEXI.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+} from "../../chunk-MAGZDGUW.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 export {
   textarea_default as Textarea
 };

package/dist/components/textarea/textarea.mjs

@@ -2,9 +2,9 @@
 "use client";
 import {
   textarea_default
-} from "../../chunk-4TJNIEXI.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+} from "../../chunk-MAGZDGUW.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 export {
   textarea_default as default
 };

package/dist/components/timePicker/calendar.mjs

@@ -7,10 +7,10 @@ import "../../chunk-ZYIIXWVY.mjs";
 import {
   Icon_default
 } from "../../chunk-A6UUVHC6.mjs";
+import "../../chunk-AOU4QX7H.mjs";
 import {
   mapPropsVariants
 } from "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-AOU4QX7H.mjs";
 import {
   tv
 } from "../../chunk-UP6RPQDX.mjs";

package/dist/components/toast/index.mjs

@@ -3,17 +3,17 @@ import "../../chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "../../chunk-N63HDBJJ.mjs";
+} from "../../chunk-H7D5EBLL.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "../../chunk-JMD66FOF.mjs";
+} from "../../chunk-ZCJPPLYH.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AOU4QX7H.mjs";
-import "../../chunk-UP6RPQDX.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-UP6RPQDX.mjs";
 export {
   toast_default as Toast,
   ToastProvider,

package/dist/components/toast/toast.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   toast_default
-} from "../../chunk-JMD66FOF.mjs";
+} from "../../chunk-ZCJPPLYH.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AOU4QX7H.mjs";
-import "../../chunk-UP6RPQDX.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-UP6RPQDX.mjs";
 export {
   toast_default as default
 };

package/dist/components/toast/use-toast.mjs

@@ -2,15 +2,15 @@
 import {
   ToastProvider,
   useToast
-} from "../../chunk-N63HDBJJ.mjs";
+} from "../../chunk-H7D5EBLL.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
-import "../../chunk-JMD66FOF.mjs";
+import "../../chunk-ZCJPPLYH.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AOU4QX7H.mjs";
-import "../../chunk-UP6RPQDX.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-UP6RPQDX.mjs";
 export {
   ToastProvider,
   useToast

package/dist/components/tree/index.mjs

@@ -2,12 +2,12 @@
 import "../../chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "../../chunk-XPDNILTR.mjs";
+} from "../../chunk-R32BQ3NV.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
 import "../../chunk-AOU4QX7H.mjs";
-import "../../chunk-UP6RPQDX.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-UP6RPQDX.mjs";
 export {
   tree_default as Tree
 };

package/dist/components/tree/tree.mjs

@@ -3,12 +3,12 @@ import {
   Tree,
   TreeNodeItem,
   tree_default
-} from "../../chunk-XPDNILTR.mjs";
+} from "../../chunk-R32BQ3NV.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-A6UUVHC6.mjs";
 import "../../chunk-AOU4QX7H.mjs";
-import "../../chunk-UP6RPQDX.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-UP6RPQDX.mjs";
 export {
   Tree,
   TreeNodeItem,

package/dist/index.js

@@ -5523,7 +5523,7 @@ var buttonBaseStyle = tv({
     variant: {
       solid: {},
       soft: {},
-      outline: { base: ["bg-transparent"] },
+      outline: { base: ["bg-body-background"] },
       ghost: {}
     },
     color: {
@@ -5535,6 +5535,12 @@ var buttonBaseStyle = tv({
       warning: {},
       danger: {}
     },
+    size: {
+      sm: {},
+      md: {},
+      lg: {},
+      xl: {}
+    },
     disabled: {
       true: {
         base: ["!bg-neutral-soft", "!border-neutral-soft", "!text-neutral-light", "pointer-events-none"]
@@ -5542,7 +5548,7 @@ var buttonBaseStyle = tv({
     },
     isInGroup: {
       true: {
-        base: ["!rounded-none", "[&:not(:first-child)]:border-l-0"]
+        base: ["!rounded-none"]
       }
     }
   },
@@ -5636,85 +5642,49 @@ var buttonBaseStyle = tv({
       variant: "soft",
       color: "primary",
       class: {
-        base: [
-          "text-primary-main",
-          "bg-primary-soft",
-          "border-primary-soft",
-          "hover:border-primary-light",
-          "active:bg-primary-light"
-        ]
+        base: ["text-primary-main", "bg-primary-soft", "hover:border-primary-light", "active:bg-primary-light"]
       }
     },
     {
       variant: "soft",
       color: "secondary",
       class: {
-        base: [
-          "text-secondary-main",
-          "bg-secondary-soft",
-          "border-secondary-soft",
-          "hover:border-secondary-light",
-          "active:bg-secondary-light"
-        ]
+        base: ["text-secondary-main", "bg-secondary-soft", "hover:border-secondary-light", "active:bg-secondary-light"]
       }
     },
     {
       variant: "soft",
       color: "neutral",
       class: {
-        base: [
-          "text-neutral-main",
-          "bg-neutral-soft",
-          "border-neutral-soft",
-          "hover:border-neutral-light",
-          "active:bg-neutral-light"
-        ]
+        base: ["text-neutral-main", "bg-neutral-soft", "hover:border-neutral-light", "active:bg-neutral-light"]
       }
     },
     {
       variant: "soft",
       color: "info",
       class: {
-        base: ["text-info-main", "bg-info-soft", "border-info-soft", "hover:border-info-light", "active:bg-info-light"]
+        base: ["text-info-main", "bg-info-soft", "hover:border-info-light", "active:bg-info-light"]
       }
     },
     {
       variant: "soft",
       color: "success",
       class: {
-        base: [
-          "text-success-main",
-          "bg-success-soft",
-          "border-success-soft",
-          "hover:border-success-light",
-          "active:bg-success-light"
-        ]
+        base: ["text-success-main", "bg-success-soft", "hover:border-success-light", "active:bg-success-light"]
       }
     },
     {
       variant: "soft",
       color: "warning",
       class: {
-        base: [
-          "text-warning-main",
-          "bg-warning-soft",
-          "border-warning-soft",
-          "hover:border-warning-light",
-          "active:bg-warning-light"
-        ]
+        base: ["text-warning-main", "bg-warning-soft", "hover:border-warning-light", "active:bg-warning-light"]
       }
     },
     {
       variant: "soft",
       color: "danger",
       class: {
-        base: [
-          "text-danger-main",
-          "bg-danger-soft",
-          "border-danger-soft",
-          "hover:border-danger-light",
-          "active:bg-danger-light"
-        ]
+        base: ["text-danger-main", "bg-danger-soft", "hover:border-danger-light", "active:bg-danger-light"]
       }
     },
     // outline & color
@@ -5902,6 +5872,21 @@ var buttonBaseStyle = tv({
       class: {
         base: ["!border-neutral-light"]
       }
+    },
+    // variant && isInGroup
+    {
+      variant: ["outline"],
+      isInGroup: true,
+      class: {
+        base: ["[&:not(:first-child)]:!border-l-0"]
+      }
+    },
+    {
+      variant: ["soft"],
+      isInGroup: true,
+      class: {
+        base: ["hover:!z-10", "active:!z-20", "focus:!z-20", "border-l-none"]
+      }
     }
   ]
 });
@@ -11502,7 +11487,7 @@ function WheelColumn({ list, value, onChange }) {
   }, [idx]);
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative h-[94px] w-[40px]", children: [
     /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "pointer-events-none absolute top-[30px] left-1/2 h-[34px] w-[40px] -translate-x-1/2 rounded-[10px] shadow-[inset_0_0_0_1.5px_var(--color-primary-light)]" }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { ref, className: "scrollbar-none relative h-full overflow-y-scroll py-[0] select-none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { ref, className: "scrollbar-none relative h-full overflow-hidden py-[0] select-none", children: [
       /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { style: { height: ITEM_HEIGHT } }),
       list.map((v, i) => {
         const highlight = i === idx;
@@ -11738,7 +11723,7 @@ var timePickerStyle = tv({
       "rounded-[10px]",
       "bg-body-background",
       "shadow-drop-md",
-      "overflow-auto",
+      "overflow-hidden",
       "p-[10px]",
       "w-[165px]",
       "h-[137px]",

package/dist/index.mjs

@@ -2,16 +2,16 @@
 import "./chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "./chunk-XPDNILTR.mjs";
+} from "./chunk-R32BQ3NV.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "./chunk-N63HDBJJ.mjs";
+} from "./chunk-H7D5EBLL.mjs";
 import "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-JMD66FOF.mjs";
+} from "./chunk-ZCJPPLYH.mjs";
 import "./chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
@@ -19,49 +19,49 @@ import {
 import "./chunk-ZMOAFSYE.mjs";
 import "./chunk-WSIADHVC.mjs";
 import "./chunk-DX3KXNP6.mjs";
-import {
-  definition_table_default
-} from "./chunk-2BRUK2DU.mjs";
 import {
   table_default
-} from "./chunk-NPLC2OM6.mjs";
+} from "./chunk-KAB3AB67.mjs";
+import "./chunk-3MY6LO7N.mjs";
+import {
+  tabs_default
+} from "./chunk-USZSQXHS.mjs";
 import "./chunk-RRAZM5D3.mjs";
 import {
   textarea_default
-} from "./chunk-4TJNIEXI.mjs";
+} from "./chunk-MAGZDGUW.mjs";
+import "./chunk-QCEKPS7U.mjs";
+import {
+  select_default
+} from "./chunk-VZPVEICG.mjs";
 import "./chunk-OLQOLLKG.mjs";
 import {
   starRating_default
 } from "./chunk-D7DDV4UN.mjs";
-import "./chunk-MV2WCFK7.mjs";
-import {
-  slider_default
-} from "./chunk-LCEFG5IY.mjs";
 import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-CBIV6KFQ.mjs";
-import "./chunk-3MY6LO7N.mjs";
-import {
-  tabs_default
-} from "./chunk-USZSQXHS.mjs";
-import "./chunk-QCEKPS7U.mjs";
 import {
-  select_default
-} from "./chunk-KUGPZB4O.mjs";
+  definition_table_default
+} from "./chunk-HXBZB7CW.mjs";
 import "./chunk-MZ76AA76.mjs";
 import {
   skeleton_default
 } from "./chunk-6PN3DGOE.mjs";
+import "./chunk-MV2WCFK7.mjs";
+import {
+  slider_default
+} from "./chunk-LCEFG5IY.mjs";
 import "./chunk-4VWG4726.mjs";
 import {
   timePicker_default
-} from "./chunk-ARVWCWGT.mjs";
-import "./chunk-CA4ZDPGA.mjs";
-import "./chunk-ZUNOPH7C.mjs";
+} from "./chunk-FNFQCMB4.mjs";
+import "./chunk-SXSVNBRO.mjs";
+import "./chunk-2J4MNIMS.mjs";
 import {
   datePicker_default
-} from "./chunk-EL6G4AHQ.mjs";
+} from "./chunk-WQG4OYM6.mjs";
 import {
   day_default
 } from "./chunk-G6SZN3EK.mjs";
@@ -69,51 +69,45 @@ import "./chunk-3IBJXQTJ.mjs";
 import "./chunk-TPFN22HR.mjs";
 import {
   radio_default
-} from "./chunk-IW7CU7J3.mjs";
+} from "./chunk-AO6LNH3D.mjs";
 import "./chunk-NNVGYR5T.mjs";
 import {
   useGlobalModal
-} from "./chunk-ZJ7JCOXA.mjs";
+} from "./chunk-7OP3JEMA.mjs";
 import {
   GlobalModalProvider
-} from "./chunk-53G2LGJU.mjs";
+} from "./chunk-JGF5TY7M.mjs";
 import {
   modal_default
-} from "./chunk-MX4IEMVV.mjs";
+} from "./chunk-N4KPGD2N.mjs";
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "./chunk-YZOXNWOC.mjs";
+} from "./chunk-WS4SOWDZ.mjs";
 import "./chunk-F3HENRVM.mjs";
-import "./chunk-32GA3YW4.mjs";
-import {
-  drawer_default
-} from "./chunk-GDRPIGTR.mjs";
+import "./chunk-RLXOHILK.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
 import {
   listItem_default
-} from "./chunk-J4QVGC54.mjs";
+} from "./chunk-XTMOAGLY.mjs";
 import {
   list_default
 } from "./chunk-7CTICAGW.mjs";
-import "./chunk-3OCNT22V.mjs";
-import {
-  BarChartTooltip,
-  barChart_default
-} from "./chunk-62M6VPFS.mjs";
+import "./chunk-QZ3LVYJW.mjs";
 import {
-  circularProgress_default
-} from "./chunk-PIUOU6LS.mjs";
+  checkbox_default
+} from "./chunk-37BZALDV.mjs";
+import "./chunk-MGEWSREV.mjs";
 import {
-  radarChart_default
-} from "./chunk-Y3A7PN4Q.mjs";
+  chip_default
+} from "./chunk-QUWWLVCI.mjs";
+import "./chunk-32GA3YW4.mjs";
 import {
-  simpleBarChart_default
-} from "./chunk-WTBRXQFT.mjs";
-import "./chunk-RLXOHILK.mjs";
+  drawer_default
+} from "./chunk-CXVDES22.mjs";
 import {
   fileUpload_default
-} from "./chunk-KZ4VD7OZ.mjs";
+} from "./chunk-SR76DO4M.mjs";
 import "./chunk-7VOQKIIK.mjs";
 import {
   progress_default
@@ -121,15 +115,11 @@ import {
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "./chunk-CAXTJ64M.mjs";
-import "./chunk-QZ3LVYJW.mjs";
-import {
-  checkbox_default
-} from "./chunk-SI3IR5X5.mjs";
-import "./chunk-MGEWSREV.mjs";
+} from "./chunk-BJWYF2WY.mjs";
+import "./chunk-3OCNT22V.mjs";
 import {
-  chip_default
-} from "./chunk-QUWWLVCI.mjs";
+  simpleBarChart_default
+} from "./chunk-WTBRXQFT.mjs";
 import {
   areaChart_default
 } from "./chunk-O2KC4CDE.mjs";
@@ -137,28 +127,38 @@ import "./chunk-DQRAFUDA.mjs";
 import {
   scrollArea_default
 } from "./chunk-XS32UZI3.mjs";
+import {
+  BarChartTooltip,
+  barChart_default
+} from "./chunk-62M6VPFS.mjs";
+import {
+  circularProgress_default
+} from "./chunk-PIUOU6LS.mjs";
+import {
+  radarChart_default
+} from "./chunk-Y3A7PN4Q.mjs";
 import "./chunk-7DLOYKVC.mjs";
 import "./chunk-SE5TU755.mjs";
 import {
   backdrop_default
-} from "./chunk-5HYZLISC.mjs";
+} from "./chunk-5RJYESLP.mjs";
 import "./chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "./chunk-O3WY55XG.mjs";
+} from "./chunk-3K4OTUIB.mjs";
 import "./chunk-MY5U63QO.mjs";
 import {
   icon_button_default
-} from "./chunk-PRLKKUBY.mjs";
+} from "./chunk-IOJMTN6X.mjs";
 import {
   text_button_default
-} from "./chunk-NUV2RUDP.mjs";
+} from "./chunk-KIINY2GS.mjs";
 import {
   button_group_default
-} from "./chunk-APKF7DHK.mjs";
+} from "./chunk-LHWHM4LQ.mjs";
 import {
   button_default
-} from "./chunk-7U7FM6I6.mjs";
+} from "./chunk-O5VW7CHY.mjs";
 import "./chunk-6WSACUIB.mjs";
 import "./chunk-LXHUO6VM.mjs";
 import "./chunk-SZL743JC.mjs";
@@ -167,8 +167,7 @@ import {
   Icon_default,
   iconTemplate
 } from "./chunk-A6UUVHC6.mjs";
-import "./chunk-Q5T3XRA3.mjs";
-import "./chunk-3V4HT2K5.mjs";
+import "./chunk-2WAQRWST.mjs";
 import "./chunk-NMSDSEBD.mjs";
 import {
   accordion_default
@@ -176,15 +175,16 @@ import {
 import {
   accordionItem_default
 } from "./chunk-SLKXMIWY.mjs";
-import "./chunk-E3G5QXSH.mjs";
 import {
   avatar_default
 } from "./chunk-D3DKXTTY.mjs";
 import "./chunk-AOU4QX7H.mjs";
+import "./chunk-3V4HT2K5.mjs";
+import "./chunk-27Y6K5NK.mjs";
+import "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
-import "./chunk-27Y6K5NK.mjs";
 export {
   accordion_default as Accordion,
   accordionItem_default as AccordionItem,

package/dist/tailwind-config/styles/tokens/theme.css

@@ -1,6 +1,18 @@
 /* Fallback for bundlers that do not run Tailwind's CSS transform on dependency CSS. */
 :root,
 :host {
+  /* Border Width */
+  --border-width-sm: 1px;
+  --border-width-md: 1.25px;
+  --border-width-lg: 1.5px;
+  --border-width-xl: 1.75px;
+
+  /* Ring Width */
+  --ring-width-sm: 1px;
+  --ring-width-md: 1.25px;
+  --ring-width-lg: 1.5px;
+  --ring-width-xl: 1.75px;
+
   /* Fonts */
   --font-sans:
     "NanumSquare", "-apple-system", ".SFNSText-Regular", "San Francisco", "BlinkMacSystemFont", "Segoe UI",
@@ -89,6 +101,18 @@
 }
 
 @theme {
+  /* Border Width */
+  --border-width-sm: 1px;
+  --border-width-md: 1.25px;
+  --border-width-lg: 1.5px;
+  --border-width-xl: 1.75px;
+
+  /* Ring Width */
+  --ring-width-sm: 1px;
+  --ring-width-md: 1.25px;
+  --ring-width-lg: 1.5px;
+  --ring-width-xl: 1.75px;
+
   /* Fonts */
   --font-sans:
     "NanumSquare", "-apple-system", ".SFNSText-Regular", "San Francisco", "BlinkMacSystemFont", "Segoe UI",