@iit/precision-ui 0.5.1 → 0.5.2

package/dist/index.d.ts

@@ -45,6 +45,6 @@ export { Section };
 export { CardsGridSection };
 export { Heading, Text };
 export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, } from './components/ui/form';
-export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, } from './components/ui/dialog';
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogHeader, DialogFooter, DialogTitle, DialogDescription, } from './components/ui/dialog';
 export { ScrollArea, ScrollBar } from './components/ui/scroll-area';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.es.js

@@ -25,8 +25,8 @@ import { default as Y } from "./index.es25.js";
 import { default as _ } from "./index.es26.js";
 import { default as oo } from "./index.es27.js";
 import { Form as eo, FormControl as to, FormDescription as ao, FormField as fo, FormItem as lo, FormLabel as mo, FormMessage as po, useFormField as xo } from "./index.es28.js";
-import { Dialog as so, DialogClose as uo, DialogContent as no, DialogDescription as go, DialogFooter as Do, DialogHeader as co, DialogOverlay as Fo, DialogPortal as To, DialogTitle as bo, DialogTrigger as Ao } from "./index.es29.js";
-import { ScrollArea as Co, ScrollBar as Lo } from "./index.es30.js";
+import { Dialog as so, DialogClose as uo, DialogDescription as no, DialogFooter as go, DialogHeader as Do, DialogOverlay as co, DialogPortal as Fo, DialogTitle as To, DialogTrigger as bo } from "./index.es29.js";
+import { ScrollArea as Bo, ScrollBar as Co } from "./index.es30.js";
 export {
   F as Alert,
   T as AlertDescription,
@@ -44,14 +44,13 @@ export {
   R as CheckboxWithLabel,
   so as Dialog,
   uo as DialogClose,
-  no as DialogContent,
-  go as DialogDescription,
-  Do as DialogFooter,
-  co as DialogHeader,
-  Fo as DialogOverlay,
-  To as DialogPortal,
-  bo as DialogTitle,
-  Ao as DialogTrigger,
+  no as DialogDescription,
+  go as DialogFooter,
+  Do as DialogHeader,
+  co as DialogOverlay,
+  Fo as DialogPortal,
+  To as DialogTitle,
+  bo as DialogTrigger,
   eo as Form,
   to as FormControl,
   ao as FormDescription,
@@ -67,8 +66,8 @@ export {
   y as Label,
   N as Partners,
   v as SafeHtmlRenderer,
-  Co as ScrollArea,
-  Lo as ScrollBar,
+  Bo as ScrollArea,
+  Co as ScrollBar,
   V as Section,
   j as Tag,
   oo as Text,

package/dist/index.es11.js

@@ -1,8 +1,8 @@
-import * as t from "react";
+import * as r from "react";
 import { cva as n } from "class-variance-authority";
-import { cn as l } from "./index.es31.js";
-const d = n(
-  "flex h-11 w-full rounded-lg border border-transparent border-b bg-background px-3 pt-[14px] pb-[11px] typo_variant_small-body ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none  disabled:cursor-not-allowed disabled:opacity-50 duration-200 transition-colors",
+import { cn as d } from "./index.es31.js";
+const l = n(
+  "flex h-11 w-full rounded-lg border border-transparent border-b bg-background px-3 pt-[14px] pb-[11px] typo_variant_small-body ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none  disabled:cursor-not-allowed disabled:opacity-50 duration-200 transition-colors aria-invalid:border-red-500 aria-invalid:bg-red-50",
   {
     variants: {
       variant: {
@@ -14,22 +14,22 @@ const d = n(
       variant: "default"
     }
   }
-), s = t.forwardRef(
-  ({ className: e, variant: r, type: a, ...o }, i) => (
+), b = r.forwardRef(
+  ({ className: t, variant: a, type: e, ...o }, i) => (
     // <span className={`input-container ${containerStyles}`}>
-    /* @__PURE__ */ t.createElement("span", null, /* @__PURE__ */ t.createElement(
+    /* @__PURE__ */ r.createElement("span", null, /* @__PURE__ */ r.createElement(
       "input",
       {
-        type: a,
-        className: l(d({ variant: r, className: e })),
+        type: e,
+        className: d(l({ variant: a, className: t })),
         ref: i,
         ...o
       }
     ))
   )
 );
-s.displayName = "Input";
+b.displayName = "Input";
 export {
-  s as Input
+  b as Input
 };
 //# sourceMappingURL=index.es11.js.map

package/dist/index.es11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es11.js","sources":["../src/components/ui/input/Input.tsx"],"sourcesContent":["import * as React from 'react'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst inputVariants = cva(\r\n  'flex h-11 w-full rounded-lg border border-transparent border-b bg-background px-3 pt-[14px] pb-[11px] typo_variant_small-body ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none  disabled:cursor-not-allowed disabled:opacity-50 duration-200 transition-colors',\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default:\r\n          'bg-navy-opacity-4 text-navy focus:border-navy hover:bg-navy-opacity-8 border-b-navy-opacity-32',\r\n        blue: 'bg-whitish-opacity-8 text-white focus:border-white hover:bg-whitish-opacity-16 border-b-whitish-opacity-32',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: 'default',\r\n    },\r\n  }\r\n)\r\n\r\nexport interface InputProps\r\n  extends React.InputHTMLAttributes<HTMLInputElement>,\r\n    VariantProps<typeof inputVariants> {\r\n  className?: string\r\n}\r\n\r\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\r\n  ({ className, variant, type, ...props }, ref) => {\r\n    // const containerStyles =\r\n    //   variant === \"default\"\r\n    //     ? \"input-container_variant_default\"\r\n    //     : \"input-container_variant_blue\";\r\n    return (\r\n      // <span className={`input-container ${containerStyles}`}>\r\n      <span>\r\n        <input\r\n          type={type}\r\n          className={cn(inputVariants({ variant, className }))}\r\n          ref={ref}\r\n          {...props}\r\n        />\r\n      </span>\r\n    )\r\n  }\r\n)\r\nInput.displayName = 'Input'\r\n\r\nexport { Input }\r\n"],"names":["inputVariants","cva","Input","React","className","variant","type","props","ref","cn"],"mappings":";;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAQMC,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,KAASC;AAAA;AAAA,oCAOpC,QACC,MAAA,gBAAAL,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAG;AAAA,QACA,WAAWG,EAAGT,EAAc,EAAE,SAAAK,GAAS,WAAAD,EAAW,CAAA,CAAC;AAAA,QACnD,KAAAI;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA,CAER;AAAA;AAGN;AACAL,EAAM,cAAc;"}
+{"version":3,"file":"index.es11.js","sources":["../src/components/ui/input/Input.tsx"],"sourcesContent":["import * as React from 'react'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst inputVariants = cva(\r\n  'flex h-11 w-full rounded-lg border border-transparent border-b bg-background px-3 pt-[14px] pb-[11px] typo_variant_small-body ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none  disabled:cursor-not-allowed disabled:opacity-50 duration-200 transition-colors aria-invalid:border-red-500 aria-invalid:bg-red-50',\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default:\r\n          'bg-navy-opacity-4 text-navy focus:border-navy hover:bg-navy-opacity-8 border-b-navy-opacity-32',\r\n        blue: 'bg-whitish-opacity-8 text-white focus:border-white hover:bg-whitish-opacity-16 border-b-whitish-opacity-32',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: 'default',\r\n    },\r\n  }\r\n)\r\n\r\nexport interface InputProps\r\n  extends React.InputHTMLAttributes<HTMLInputElement>,\r\n    VariantProps<typeof inputVariants> {\r\n  className?: string\r\n}\r\n\r\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\r\n  ({ className, variant, type, ...props }, ref) => {\r\n    // const containerStyles =\r\n    //   variant === \"default\"\r\n    //     ? \"input-container_variant_default\"\r\n    //     : \"input-container_variant_blue\";\r\n    return (\r\n      // <span className={`input-container ${containerStyles}`}>\r\n      <span>\r\n        <input\r\n          type={type}\r\n          className={cn(inputVariants({ variant, className }))}\r\n          ref={ref}\r\n          {...props}\r\n        />\r\n      </span>\r\n    )\r\n  }\r\n)\r\nInput.displayName = 'Input'\r\n\r\nexport { Input }\r\n"],"names":["inputVariants","cva","Input","React","className","variant","type","props","ref","cn"],"mappings":";;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAQMC,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,KAASC;AAAA;AAAA,oCAOpC,QACC,MAAA,gBAAAL,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAG;AAAA,QACA,WAAWG,EAAGT,EAAc,EAAE,SAAAK,GAAS,WAAAD,EAAW,CAAA,CAAC;AAAA,QACnD,KAAAI;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA,CAER;AAAA;AAGN;AACAL,EAAM,cAAc;"}

package/dist/styles.css

@@ -2317,6 +2317,14 @@ html {
 .hover\:data-\[state\=checked\]\:bg-whitish-opacity-80[data-state=checked]:hover{
     background-color: hsl(var(--precision-ui-tw-whitish-opacity-80));
 }
+[aria-invalid="true"].aria-invalid\:border-red-500{
+    --precision-ui-tw-border-opacity: 1;
+    border-color: rgb(239 68 68 / var(--precision-ui-tw-border-opacity));
+}
+[aria-invalid="true"].aria-invalid\:bg-red-50{
+    --precision-ui-tw-bg-opacity: 1;
+    background-color: rgb(254 242 242 / var(--precision-ui-tw-bg-opacity));
+}
 .dark\:border-destructive:is([data-mode="dark"] *){
     border-color: hsl(var(--precision-ui-tw-destructive));
 }

package/package.json

@@ -13,7 +13,7 @@
     "type": "git",
     "url": "git+https://github.com/wowxoxo/precision-ui.git"
   },
-  "version": "0.5.1",
+  "version": "0.5.2",
   "type": "module",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -63,6 +63,7 @@
     "react-hook-form": "^7.54.2",
     "tailwind-merge": "^2.3.0",
     "tailwindcss-animate": "^1.0.7",
+    "tailwindcss-aria-attributes": "^2.0.1",
     "the-new-css-reset": "^1.11.3",
     "zod": "^3.24.1"
   },
@@ -71,7 +72,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.54.2",
-    "zod": "^3.24.1"
+    "zod": "^3.24.1",
+    "tailwindcss-aria-attributes": "^2.0.1"
   },
   "peerDependenciesMeta": {
     "@hookform/resolvers": {