@trsys-tech/matrix-library 0.3.2 → 0.3.4

package/dist/textfield.es.js

@@ -1,13 +1,13 @@
-import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import { jsxs as x, jsx as i } from "react/jsx-runtime";
 import * as c from "react";
 import { tv as b } from "tailwind-variants";
-import { cn as i } from "./utils.es.js";
+import { cn as o } from "./utils.es.js";
 const g = b({
   base: "flex items-center w-full rounded-sm border border-input text-gray-800 bg-transparent p-0 text-xs font-medium shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300 hover:border-primary-400 focus-within:border-primary-400 focus-within:outline-none focus-within:ring focus-within:ring-primary-100  disabled:cursor-not-allowed disabled:text-text-300 disabled:bg-gray-100 disabled:border-gray-100",
   variants: {
     size: {
       sm: "h-7",
-      md: "h-9",
+      md: "h-8",
       lg: "h-11"
     }
   },
@@ -15,25 +15,26 @@ const g = b({
     size: "md"
   }
 }), h = c.forwardRef(
-  ({ className: o, slotProps: t, suffix: e, endButton: n, startButton: s, size: a, value: l, onChange: d, defaultValue: m, type: f, ...p }, u) => /* @__PURE__ */ x("div", { ...p, className: i(g({ size: a, className: o })), children: [
-    s,
-    /* @__PURE__ */ r(
+  ({ className: n, slotProps: t, suffix: e, endAdornment: s, startAdornment: r, size: a, value: l, onChange: d, defaultValue: m, type: p, ...f }, u) => /* @__PURE__ */ x("div", { ...f, className: o(g({ size: a, className: n })), children: [
+    r,
+    /* @__PURE__ */ i(
       "input",
       {
-        type: f,
+        type: p,
         ref: u,
         onChange: d,
         value: l,
         defaultValue: m,
         ...t?.inputProps ?? {},
-        className: i(
-          "focus:outline-none w-full h-full px-3 py-1 rounded-sm file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300",
+        className: o(
+          "focus:outline-none w-full h-full py-1 rounded-sm file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300",
+          r ? "ps-1 pe-3" : "px-3",
           t?.inputProps?.className
         )
       }
     ),
-    typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ r("span", { className: "inline-flex items-center px-2 text-xs font-medium text-primary bg-primary-50 m-0.5 rounded-sm", children: e }) : e,
-    n
+    typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ i("span", { className: "inline-flex items-center px-2 text-xs font-medium text-primary bg-primary-50 m-0.5 rounded-sm", children: e }) : e,
+    s
   ] })
 );
 h.displayName = "TextField";

package/dist/textfield.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"textfield.es.js","sources":["../src/components/text-field/TextField.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst textFieldVariants = tv({\r\n  base: \"flex items-center w-full rounded-sm border border-input text-gray-800 bg-transparent p-0 text-xs font-medium shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300 hover:border-primary-400 focus-within:border-primary-400 focus-within:outline-none focus-within:ring focus-within:ring-primary-100  disabled:cursor-not-allowed disabled:text-text-300 disabled:bg-gray-100 disabled:border-gray-100\",\r\n  variants: {\r\n    size: {\r\n      sm: \"h-7\",\r\n      md: \"h-9\",\r\n      lg: \"h-11\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface TextFieldProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof textFieldVariants> {\r\n  type?: React.HTMLInputTypeAttribute;\r\n  suffix?: React.ReactNode;\r\n  endButton?: React.ReactNode;\r\n  startButton?: React.ReactNode;\r\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\r\n  value?: string | number;\r\n  defaultValue?: string | number;\r\n  slotProps?: {\r\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\r\n  };\r\n}\r\n\r\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\r\n  ({ className, slotProps, suffix, endButton, startButton, size, value, onChange, defaultValue, type, ...props }, ref) => {\r\n    return (\r\n      <div {...props} className={cn(textFieldVariants({ size, className }))}>\r\n        {startButton}\r\n        <input\r\n          type={type}\r\n          ref={ref}\r\n          onChange={onChange}\r\n          value={value}\r\n          defaultValue={defaultValue}\r\n          {...(slotProps?.inputProps ?? {})}\r\n          className={cn(\r\n            \"focus:outline-none w-full h-full px-3 py-1 rounded-sm file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300\",\r\n            slotProps?.inputProps?.className,\r\n          )}\r\n        />\r\n        {typeof suffix === \"string\" || typeof suffix === \"number\" ? (\r\n          <span className=\"inline-flex items-center px-2 text-xs font-medium text-primary bg-primary-50 m-0.5 rounded-sm\">{suffix}</span>\r\n        ) : (\r\n          suffix\r\n        )}\r\n        {endButton}\r\n      </div>\r\n    );\r\n  },\r\n);\r\nTextField.displayName = \"TextField\";\r\n\r\nexport { TextField, type TextFieldProps };\r\n"],"names":["textFieldVariants","tv","TextField","React","className","slotProps","suffix","endButton","startButton","size","value","onChange","defaultValue","type","props","ref","jsxs","cn","jsx"],"mappings":";;;;AAKA,MAAMA,IAAoBC,EAAG;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAeKC,IAAYC,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,GAAW,aAAAC,GAAa,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,cAAAC,GAAc,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAE3G,gBAAAC,EAAA,OAAA,EAAK,GAAGF,GAAO,WAAWG,EAAGjB,EAAkB,EAAE,MAAAS,GAAM,WAAAL,GAAW,CAAC,GACjE,UAAA;AAAA,IAAAI;AAAA,IACD,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAL;AAAA,QACA,KAAAE;AAAA,QACA,UAAAJ;AAAA,QACA,OAAAD;AAAA,QACA,cAAAE;AAAA,QACC,GAAIP,GAAW,cAAc,CAAC;AAAA,QAC/B,WAAWY;AAAA,UACT;AAAA,UACAZ,GAAW,YAAY;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IACC,OAAOC,KAAW,YAAY,OAAOA,KAAW,WAC/C,gBAAAY,EAAC,QAAK,EAAA,WAAU,iGAAiG,UAAAZ,EAAA,CAAO,IAExHA;AAAA,IAEDC;AAAA,EAAA,GACH;AAGN;AACAL,EAAU,cAAc;"}
+{"version":3,"file":"textfield.es.js","sources":["../src/components/text-field/TextField.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst textFieldVariants = tv({\r\n  base: \"flex items-center w-full rounded-sm border border-input text-gray-800 bg-transparent p-0 text-xs font-medium shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300 hover:border-primary-400 focus-within:border-primary-400 focus-within:outline-none focus-within:ring focus-within:ring-primary-100  disabled:cursor-not-allowed disabled:text-text-300 disabled:bg-gray-100 disabled:border-gray-100\",\r\n  variants: {\r\n    size: {\r\n      sm: \"h-7\",\r\n      md: \"h-8\",\r\n      lg: \"h-11\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface TextFieldProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof textFieldVariants> {\r\n  type?: React.HTMLInputTypeAttribute;\r\n  suffix?: React.ReactNode;\r\n  endAdornment?: React.ReactNode;\r\n  startAdornment?: React.ReactNode;\r\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\r\n  value?: string | number;\r\n  defaultValue?: string | number;\r\n  slotProps?: {\r\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\r\n  };\r\n}\r\n\r\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\r\n  ({ className, slotProps, suffix, endAdornment, startAdornment, size, value, onChange, defaultValue, type, ...props }, ref) => {\r\n    return (\r\n      <div {...props} className={cn(textFieldVariants({ size, className }))}>\r\n        {startAdornment}\r\n        <input\r\n          type={type}\r\n          ref={ref}\r\n          onChange={onChange}\r\n          value={value}\r\n          defaultValue={defaultValue}\r\n          {...(slotProps?.inputProps ?? {})}\r\n          className={cn(\r\n            \"focus:outline-none w-full h-full py-1 rounded-sm file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300\",\r\n            !startAdornment ? \"px-3\" : \"ps-1 pe-3\",\r\n            slotProps?.inputProps?.className,\r\n          )}\r\n        />\r\n        {typeof suffix === \"string\" || typeof suffix === \"number\" ? (\r\n          <span className=\"inline-flex items-center px-2 text-xs font-medium text-primary bg-primary-50 m-0.5 rounded-sm\">{suffix}</span>\r\n        ) : (\r\n          suffix\r\n        )}\r\n        {endAdornment}\r\n      </div>\r\n    );\r\n  },\r\n);\r\nTextField.displayName = \"TextField\";\r\n\r\nexport { TextField, type TextFieldProps };\r\n"],"names":["textFieldVariants","tv","TextField","React","className","slotProps","suffix","endAdornment","startAdornment","size","value","onChange","defaultValue","type","props","ref","jsxs","cn","jsx"],"mappings":";;;;AAKA,MAAMA,IAAoBC,EAAG;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAeKC,IAAYC,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,QAAAC,GAAQ,cAAAC,GAAc,gBAAAC,GAAgB,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,cAAAC,GAAc,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAEjH,gBAAAC,EAAA,OAAA,EAAK,GAAGF,GAAO,WAAWG,EAAGjB,EAAkB,EAAE,MAAAS,GAAM,WAAAL,GAAW,CAAC,GACjE,UAAA;AAAA,IAAAI;AAAA,IACD,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAL;AAAA,QACA,KAAAE;AAAA,QACA,UAAAJ;AAAA,QACA,OAAAD;AAAA,QACA,cAAAE;AAAA,QACC,GAAIP,GAAW,cAAc,CAAC;AAAA,QAC/B,WAAWY;AAAA,UACT;AAAA,UACCT,IAA0B,cAAT;AAAA,UAClBH,GAAW,YAAY;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IACC,OAAOC,KAAW,YAAY,OAAOA,KAAW,WAC/C,gBAAAY,EAAC,QAAK,EAAA,WAAU,iGAAiG,UAAAZ,EAAA,CAAO,IAExHA;AAAA,IAEDC;AAAA,EAAA,GACH;AAGN;AACAL,EAAU,cAAc;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@trsys-tech/matrix-library",
   "description": "MatrixUI Library",
   "private": false,
-  "version": "0.3.2",
+  "version": "0.3.4",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.es.js",