@wealthx/shadcn 1.0.2 → 1.2.0

package/dist/components/ui/field.js

@@ -67,8 +67,40 @@ var import_class_variance_authority = require("class-variance-authority");
 // src/lib/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      "font-size": [
+        {
+          text: [
+            "display-large",
+            "display-medium",
+            "display-small",
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "body-large",
+            "body-medium",
+            "body-small",
+            "label-large",
+            "label-medium",
+            "label-small",
+            "button",
+            "button-xs",
+            "caption",
+            "overline",
+            "code"
+          ]
+        }
+      ]
+    }
+  }
+});
 function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/components/ui/label.tsx
@@ -77,16 +109,12 @@ var import_jsx_runtime = (
   require("react/jsx-runtime")
 );
 function Label(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "label",
     __spreadValues({
       className: cn(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        "flex items-center gap-2 text-label-medium leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
         className
       ),
       "data-slot": "label"
@@ -146,9 +174,9 @@ function FieldLegend(_a) {
     "legend",
     __spreadValues({
       className: cn(
-        "mb-3 font-medium",
-        "data-[variant=legend]:text-base",
-        "data-[variant=label]:text-sm",
+        "mb-3",
+        "data-[variant=legend]:text-label-large",
+        "data-[variant=label]:text-label-medium",
         className
       ),
       "data-slot": "field-legend",
@@ -211,7 +239,11 @@ function Field(_a) {
   );
 }
 function FieldContent(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "div",
     __spreadValues({
@@ -224,11 +256,7 @@ function FieldContent(_a) {
   );
 }
 function FieldLabel(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     Label,
     __spreadValues({
@@ -248,7 +276,7 @@ function FieldTitle(_a) {
     "div",
     __spreadValues({
       className: cn(
-        "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",
+        "flex w-fit items-center gap-2 text-label-medium leading-snug group-data-[disabled=true]/field:opacity-50",
         className
       ),
       "data-slot": "field-label"
@@ -256,12 +284,16 @@ function FieldTitle(_a) {
   );
 }
 function FieldDescription(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "p",
     __spreadValues({
       className: cn(
-        "text-xs leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "text-caption leading-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance",
         "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
         "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
         className
@@ -282,7 +314,7 @@ function FieldSeparator(_a) {
     "div",
     __spreadProps(__spreadValues({
       className: cn(
-        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        "relative -my-2 h-5 text-body-small group-data-[variant=outline]/field-group:-mb-2",
         className
       ),
       "data-content": Boolean(children),
@@ -336,7 +368,7 @@ function FieldError(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "div",
     __spreadProps(__spreadValues({
-      className: cn("text-xs font-normal text-destructive", className),
+      className: cn("text-caption text-destructive", className),
       "data-slot": "field-error",
       role: "alert"
     }, props), {

package/dist/components/ui/field.mjs

@@ -9,10 +9,10 @@ import {
   FieldSeparator,
   FieldSet,
   FieldTitle
-} from "../../chunk-HUVTPUV2.mjs";
-import "../../chunk-ZZV5JVNW.mjs";
-import "../../chunk-55CEW76V.mjs";
-import "../../chunk-V7CNWJT3.mjs";
+} from "../../chunk-LLVQKSU3.mjs";
+import "../../chunk-FH6QVUVZ.mjs";
+import "../../chunk-NSLMILBT.mjs";
+import "../../chunk-VLQZANBF.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Field,