@iit/precision-ui 0.2.0 → 0.4.0

package/dist/Adapters.d.ts

@@ -15,13 +15,6 @@ interface Adapters {
         className?: string;
         objectFit?: string;
     }>;
-    CarouselWrapper?: ComponentAdapter<{
-        items: unknown[];
-        renderItem: (item: unknown, index: number) => React.ReactNode;
-        columns: number;
-        showControlsOnDesktop: boolean;
-        className?: string;
-    }>;
 }
 export declare const registerAdapter: <T extends keyof Adapters>(key: T, adapter: NonNullable<Adapters[T]>) => void;
 export declare const getAdapter: <T extends keyof Adapters>(key: T) => NonNullable<Adapters[T]>;

package/dist/Adapters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Adapters.d.ts","sourceRoot":"","sources":["../src/Adapters.tsx"],"names":[],"mappings":"AAAA,KAAK,gBAAgB,CAAC,MAAM,GAAG,OAAO,IAAI,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,CAAA;AAE1D,UAAU,QAAQ;IAChB,WAAW,CAAC,EAAE,gBAAgB,CAAC;QAC7B,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;QACzB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,GAAG,CAAC,EAAE,MAAM,CAAA;KACb,CAAC,CAAA;IACF,YAAY,CAAC,EAAE,gBAAgB,CAAC;QAC9B,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAC,CAAA;IACF,eAAe,CAAC,EAAE,gBAAgB,CAAC;QACjC,KAAK,EAAE,OAAO,EAAE,CAAA;QAChB,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;QAC7D,OAAO,EAAE,MAAM,CAAA;QACf,qBAAqB,EAAE,OAAO,CAAA;QAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAC,CAAA;CACH;AAID,eAAO,MAAM,eAAe,kCACrB,CAAC,WACG,YAAY,QAAQ,CAAC,CAAC,CAAC,CAAC,SAGlC,CAAA;AAED,eAAO,MAAM,UAAU,kCAChB,CAAC,KACL,YAAY,QAAQ,CAAC,CAAC,CAAC,CAMzB,CAAA"}
+{"version":3,"file":"Adapters.d.ts","sourceRoot":"","sources":["../src/Adapters.tsx"],"names":[],"mappings":"AAAA,KAAK,gBAAgB,CAAC,MAAM,GAAG,OAAO,IAAI,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,CAAA;AAE1D,UAAU,QAAQ;IAChB,WAAW,CAAC,EAAE,gBAAgB,CAAC;QAC7B,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;QACzB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,GAAG,CAAC,EAAE,MAAM,CAAA;KACb,CAAC,CAAA;IACF,YAAY,CAAC,EAAE,gBAAgB,CAAC;QAC9B,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAC,CAAA;CAQH;AAID,eAAO,MAAM,eAAe,kCACrB,CAAC,WACG,YAAY,QAAQ,CAAC,CAAC,CAAC,CAAC,SAGlC,CAAA;AAED,eAAO,MAAM,UAAU,kCAChB,CAAC,KACL,YAAY,QAAQ,CAAC,CAAC,CAAC,CAMzB,CAAA"}

package/dist/components/GridIterator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridIterator.d.ts","sourceRoot":"","sources":["../../src/components/GridIterator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,iBAAiB,CAAC,CAAC;IAC3B,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,YAAY,yFAOf,kBAAkB,CAAC,CAAC,gDA8CtB,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"GridIterator.d.ts","sourceRoot":"","sources":["../../src/components/GridIterator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,iBAAiB,CAAC,CAAC;IAC3B,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,YAAY,yFAOf,kBAAkB,CAAC,CAAC,gDA8CtB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/core/typography/Heading.d.ts

@@ -5,6 +5,7 @@ interface HeadingProps {
     as?: ElementType;
     className?: string;
     children: ReactNode;
+    id?: string;
 }
 declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
 export default Heading;

package/dist/components/core/typography/Heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/core/typography/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAIlE,UAAU,YAAY;IACpB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,yFAeZ,CAAC;AAIF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/core/typography/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAIlE,UAAU,YAAY;IACpB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,OAAO,yFAgBZ,CAAC;AAIF,eAAe,OAAO,CAAC"}

package/dist/components/ui/checkbox/CheckboxWithLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxWithLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/checkbox/CheckboxWithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,QAAA,MAAM,yBAAyB;;8EAU7B,CAAA;AAEF,UAAU,sBACR,SAAQ,YAAY,CAAC,OAAO,yBAAyB,CAAC;IACtD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,OAAO,GACR,EAAE,sBAAsB,+CAoBxB"}
+{"version":3,"file":"CheckboxWithLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/checkbox/CheckboxWithLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAA,MAAM,yBAAyB;;8EAU7B,CAAA;AAEF,UAAU,sBACR,SAAQ,YAAY,CAAC,OAAO,yBAAyB,CAAC;IACtD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,OAAO,GACR,EAAE,sBAAsB,+CAoBxB"}

package/dist/components/ui/form.d.ts

@@ -0,0 +1,24 @@
+import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as React from 'react';
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-dev-runtime").JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import('react-hook-form').FieldError | undefined;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-slot').SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
+//# sourceMappingURL=form.d.ts.map

package/dist/components/ui/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/ui/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAEL,eAAe,EACf,SAAS,EACT,WAAW,EAGZ,MAAM,iBAAiB,CAAA;AAMxB,QAAA,MAAM,IAAI,yOAAe,CAAA;AAazB,QAAA,MAAM,SAAS,kIAKZ,gBAAgB,YAAY,EAAE,KAAK,CAAC,gDAMtC,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAA;AAUD,QAAA,MAAM,QAAQ,6GAWZ,CAAA;AAGF,QAAA,MAAM,SAAS,yJAcb,CAAA;AAGF,QAAA,MAAM,WAAW,8JAmBf,CAAA;AAGF,QAAA,MAAM,eAAe,yHAcnB,CAAA;AAGF,QAAA,MAAM,WAAW,yHAqBf,CAAA;AAGF,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAA"}

package/dist/components/ui/textarea/Textarea.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const textareaVariants: (props?: ({
+    variant?: "default" | "blue" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/components/ui/textarea/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAI5D,QAAA,MAAM,gBAAgB;;8EAcrB,CAAA;AAED,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACvD,YAAY,CAAC,OAAO,gBAAgB,CAAC;CAExC;AAED,QAAA,MAAM,QAAQ,2FAUb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/ui/textarea/TextareaWithLabel.d.ts

@@ -0,0 +1,11 @@
+import { InputVariant } from '../input/types';
+
+interface TextareaWithLabelProps {
+    variant?: InputVariant;
+    label?: string;
+    id?: string;
+    className?: string;
+}
+export declare function TextareaWithLabel({ id, variant, label, className, }: TextareaWithLabelProps): import("react/jsx-dev-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TextareaWithLabel.d.ts.map

package/dist/components/ui/textarea/TextareaWithLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaWithLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/textarea/TextareaWithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAK7C,UAAU,sBAAsB;IAC9B,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,OAAmB,EACnB,KAAK,EACL,SAAS,GACV,EAAE,sBAAsB,+CA8BxB"}

package/dist/components/ui/textarea/index.d.ts

@@ -0,0 +1,5 @@
+import { Textarea } from './Textarea';
+import { TextareaWithLabel } from './TextareaWithLabel';
+
+export { Textarea, TextareaWithLabel };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/textarea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/decorators/CarouselWrapper.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
 
-export declare const CarouselWrapper: React.FC<{
-    items: unknown[];
-    renderItem: (item: unknown, index: number) => React.ReactNode;
+export declare const CarouselWrapper: <T>({ items, renderItem, columns, showControlsOnDesktop, className, }: {
+    items: T[];
+    renderItem: (item: T, index: number) => React.ReactNode;
     columns: number;
     showControlsOnDesktop: boolean;
     className?: string;
-}>;
+}) => import("react/jsx-dev-runtime").JSX.Element;
 //# sourceMappingURL=CarouselWrapper.d.ts.map

package/dist/decorators/CarouselWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselWrapper.d.ts","sourceRoot":"","sources":["../../src/decorators/CarouselWrapper.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7D,OAAO,EAAE,MAAM,CAAA;IACf,qBAAqB,EAAE,OAAO,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAoCA,CAAA"}
+{"version":3,"file":"CarouselWrapper.d.ts","sourceRoot":"","sources":["../../src/decorators/CarouselWrapper.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,eAAe,yEAMzB;IACD,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,SAAS,CAAA;IACvD,OAAO,EAAE,MAAM,CAAA;IACf,qBAAqB,EAAE,OAAO,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,gDA0CA,CAAA"}

package/dist/index.d.ts

@@ -8,6 +8,8 @@ import { default as AppLink } from './components/ui/Link';
 import { registerAdapter } from './Adapters';
 import { Input } from './components/ui/input/Input';
 import { InputWithLabel } from './components/ui/input/InputWithLabel';
+import { Textarea, TextareaWithLabel } from './components/ui/textarea';
+import { Label } from './components/ui/label';
 import { default as Informer } from './components/Informer';
 import { default as SafeHtmlRenderer } from './components/SafeHtml';
 import { Checkbox, CheckboxWithLabel } from './components/ui/checkbox';
@@ -30,6 +32,8 @@ export { ButtonUnique, type ButtonUniqueProps };
 export { AppLink };
 export { registerAdapter };
 export { Input, InputWithLabel };
+export { Textarea, TextareaWithLabel };
+export { Label };
 export { Informer };
 export { SafeHtmlRenderer };
 export { Checkbox, CheckboxWithLabel };
@@ -40,4 +44,5 @@ export { Partners };
 export { Section };
 export { CardsGridSection };
 export { Heading, Text };
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, } from './components/ui/form';
 //# 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":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAA;AAC/E,OAAO,aAAa,EAAE,EACpB,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAA;AAC7C,OAAO,eAAe,EAAE,EACtB,KAAK,oBAAoB,EAC1B,MAAM,wCAAwC,CAAA;AAC/C,OAAO,UAAU,EAAE,EACjB,KAAK,eAAe,EACrB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,YAAY,EAAE,EACnB,KAAK,iBAAiB,EACvB,MAAM,qCAAqC,CAAA;AAC5C,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAG5C,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE3E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,CAAA;AAElB,OAAO,EAAE,eAAe,EAAE,CAAA;AAG1B,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAA;AACrE,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,gBAAgB,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAA;AAChC,OAAO,EAAE,QAAQ,EAAE,CAAA;AACnB,OAAO,EAAE,gBAAgB,EAAE,CAAA;AAC3B,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,CAAA;AAId,OAAO,GAAG,MAAM,gBAAgB,CAAA;AAChC,OAAO,IAAI,MAAM,iBAAiB,CAAA;AAClC,OAAO,QAAQ,MAAM,qBAAqB,CAAA;AAC1C,OAAO,OAAO,MAAM,oBAAoB,CAAA;AACxC,OAAO,gBAAgB,MAAM,6BAA6B,CAAA;AAE1D,OAAO,EAAE,GAAG,EAAE,CAAA;AACd,OAAO,EAAE,IAAI,EAAE,CAAA;AACf,OAAO,EAAE,QAAQ,EAAE,CAAA;AACnB,OAAO,EAAE,OAAO,EAAE,CAAA;AAClB,OAAO,EAAE,gBAAgB,EAAE,CAAA;AAE3B,OAAO,OAAO,MAAM,sCAAsC,CAAA;AAC1D,OAAO,IAAI,MAAM,mCAAmC,CAAA;AAEpD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.es.js

@@ -1,51 +1,65 @@
-import { Button as e } from "./index.es2.js";
+import { Button as o } from "./index.es2.js";
 import { default as a } from "./index.es3.js";
-import { default as p } from "./index.es4.js";
-import { default as m } from "./index.es5.js";
-import { default as l } from "./index.es6.js";
-import { default as n } from "./index.es7.js";
+import { default as m } from "./index.es4.js";
+import { default as x } from "./index.es5.js";
+import { default as u } from "./index.es6.js";
+import { default as d } from "./index.es7.js";
 import { default as i } from "./index.es8.js";
-import { registerAdapter as A } from "./index.es9.js";
-import { Alert as T, AlertDescription as b, AlertTitle as h } from "./index.es10.js";
-import { Input as I } from "./index.es11.js";
-import { InputWithLabel as g } from "./index.es12.js";
-import { default as H } from "./index.es13.js";
-import { default as y } from "./index.es14.js";
-import { Checkbox as W } from "./index.es15.js";
-import { CheckboxWithLabel as D } from "./index.es16.js";
-import { Tag as R } from "./index.es17.js";
-import { default as j } from "./index.es18.js";
-import { default as w } from "./index.es19.js";
-import { default as E } from "./index.es20.js";
-import { default as J } from "./index.es21.js";
-import { default as M } from "./index.es22.js";
+import { registerAdapter as F } from "./index.es9.js";
+import { Alert as T, AlertDescription as A, AlertTitle as B } from "./index.es10.js";
+import { Input as h } from "./index.es11.js";
+import { InputWithLabel as I } from "./index.es12.js";
+import { Textarea as S } from "./index.es13.js";
+import { TextareaWithLabel as H } from "./index.es14.js";
+import { Label as y } from "./index.es15.js";
+import { default as P } from "./index.es16.js";
+import { default as G } from "./index.es17.js";
+import { Checkbox as R } from "./index.es18.js";
+import { CheckboxWithLabel as j } from "./index.es19.js";
+import { Tag as w } from "./index.es20.js";
+import { default as E } from "./index.es21.js";
+import { default as K } from "./index.es22.js";
 import { default as O } from "./index.es23.js";
 import { default as V } from "./index.es24.js";
+import { default as Y } from "./index.es25.js";
+import { default as _ } from "./index.es26.js";
+import { default as rr } from "./index.es27.js";
+import { Form as or, FormControl as tr, FormDescription as ar, FormItem as fr, FormLabel as mr, FormMessage as pr, useFormField as xr } from "./index.es28.js";
 export {
   T as Alert,
-  b as AlertDescription,
-  h as AlertTitle,
+  A as AlertDescription,
+  B as AlertTitle,
   i as AppLink,
-  e as Button,
+  o as Button,
   a as ButtonIcon,
-  p as ButtonPrimary,
-  m as ButtonSecondary,
-  l as ButtonText,
-  n as ButtonUnique,
-  j as CTA,
-  M as CardsGridSection,
-  W as Checkbox,
-  D as CheckboxWithLabel,
-  O as Heading,
-  w as Hero,
-  H as Informer,
-  I as Input,
-  g as InputWithLabel,
-  E as Partners,
-  y as SafeHtmlRenderer,
-  J as Section,
-  R as Tag,
-  V as Text,
-  A as registerAdapter
+  m as ButtonPrimary,
+  x as ButtonSecondary,
+  u as ButtonText,
+  d as ButtonUnique,
+  E as CTA,
+  Y as CardsGridSection,
+  R as Checkbox,
+  j as CheckboxWithLabel,
+  or as Form,
+  tr as FormControl,
+  ar as FormDescription,
+  fr as FormItem,
+  mr as FormLabel,
+  pr as FormMessage,
+  _ as Heading,
+  K as Hero,
+  P as Informer,
+  h as Input,
+  I as InputWithLabel,
+  y as Label,
+  O as Partners,
+  G as SafeHtmlRenderer,
+  V as Section,
+  w as Tag,
+  rr as Text,
+  S as Textarea,
+  H as TextareaWithLabel,
+  F as registerAdapter,
+  xr as useFormField
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.es10.js

@@ -1,6 +1,6 @@
 import e from "react";
 import { cva as d } from "class-variance-authority";
-import { cn as l } from "./index.es25.js";
+import { cn as l } from "./index.es29.js";
 const i = d(
   "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
   {

package/dist/index.es11.js

@@ -1,6 +1,6 @@
 import * as t from "react";
 import { cva as n } from "class-variance-authority";
-import { cn as l } from "./index.es25.js";
+import { cn as l } from "./index.es29.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",
   {

package/dist/index.es12.js

@@ -1,28 +1,27 @@
 import { Input as l } from "./index.es11.js";
-import { Label as m } from "./index.es27.js";
-import e from "react";
-import { uniqueId as p } from "./index.es28.js";
-function I({
+import { Label as m } from "./index.es15.js";
+import e, { useId as p } from "react";
+function h({
   variant: t = "default",
   label: o,
-  type: n = "text",
-  id: r,
-  placeholder: u,
-  className: a
+  type: s = "text",
+  id: a,
+  placeholder: c,
+  className: i
 }) {
-  const c = p(), i = r || c, s = t === "default" ? "group-focus-within:text-navy-opacity-40" : "group-focus-within:text-whitish-opacity-60";
-  return /* @__PURE__ */ e.createElement("div", { className: `grid w-full items-center gap-1 group ${a}` }, o && /* @__PURE__ */ e.createElement(m, { variant: t, htmlFor: i, className: s }, o), /* @__PURE__ */ e.createElement(
+  const r = p(), n = a || r, u = t === "default" ? "group-focus-within:text-navy-opacity-40" : "group-focus-within:text-whitish-opacity-60";
+  return /* @__PURE__ */ e.createElement("div", { className: `grid w-full items-center gap-1 group ${i}` }, o && /* @__PURE__ */ e.createElement(m, { variant: t, htmlFor: n, className: u }, o), /* @__PURE__ */ e.createElement(
     l,
     {
       variant: t,
-      type: n,
-      id: i,
-      placeholder: u,
+      type: s,
+      id: n,
+      placeholder: c,
       className: "focus:outline-none"
     }
   ));
 }
 export {
-  I as InputWithLabel
+  h as InputWithLabel
 };
 //# sourceMappingURL=index.es12.js.map

package/dist/index.es12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es12.js","sources":["../src/components/ui/input/InputWithLabel.tsx"],"sourcesContent":["import { Input } from '@/components/ui/input'\r\nimport { InputVariant } from './types'\r\nimport { Label } from '@/components/ui/label'\r\nimport React from 'react'\r\nimport { uniqueId } from '@/utils/unique'\r\n\r\ninterface InputWithLabelProps {\r\n  variant?: InputVariant\r\n  label?: string\r\n  type?: string\r\n  id?: string\r\n  placeholder?: string\r\n  className?: string\r\n}\r\n\r\nexport function InputWithLabel({\r\n  variant = 'default',\r\n  label,\r\n  type = 'text',\r\n  id,\r\n  placeholder,\r\n  className,\r\n}: InputWithLabelProps) {\r\n  const generatedId = uniqueId()\r\n  const inputId = id || generatedId\r\n\r\n  const labelClasses =\r\n    variant === 'default'\r\n      ? 'group-focus-within:text-navy-opacity-40'\r\n      : 'group-focus-within:text-whitish-opacity-60'\r\n\r\n  return (\r\n    <div className={`grid w-full items-center gap-1 group ${className}`}>\r\n      {label && (\r\n        <Label variant={variant} htmlFor={inputId} className={labelClasses}>\r\n          {label}\r\n        </Label>\r\n      )}\r\n      <Input\r\n        variant={variant}\r\n        type={type}\r\n        id={inputId}\r\n        placeholder={placeholder}\r\n        className=\"focus:outline-none\"\r\n      />\r\n    </div>\r\n  )\r\n}\r\n"],"names":["InputWithLabel","variant","label","type","id","placeholder","className","generatedId","uniqueId","inputId","labelClasses","React","Label","Input"],"mappings":";;;;AAeO,SAASA,EAAe;AAAA,EAC7B,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACF,GAAwB;AACtB,QAAMC,IAAcC,KACdC,IAAUL,KAAMG,GAEhBG,IACJT,MAAY,YACR,4CACA;AAEN,SACGU,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAW,wCAAwCL,CAAS,GAC9D,GAAAJ,KACES,gBAAAA,EAAA,cAAAC,GAAA,EAAM,SAAAX,GAAkB,SAASQ,GAAS,WAAWC,KACnDR,CACH,GAEFS,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,SAAAZ;AAAA,MACA,MAAAE;AAAA,MACA,IAAIM;AAAA,MACJ,aAAAJ;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,EAAA,CAEd;AAEJ;"}
+{"version":3,"file":"index.es12.js","sources":["../src/components/ui/input/InputWithLabel.tsx"],"sourcesContent":["import { Input } from '@/components/ui/input'\r\nimport { InputVariant } from './types'\r\nimport { Label } from '@/components/ui/label'\r\nimport React from 'react'\r\nimport { useId } from 'react'\r\n\r\ninterface InputWithLabelProps {\r\n  variant?: InputVariant\r\n  label?: string\r\n  type?: string\r\n  id?: string\r\n  placeholder?: string\r\n  className?: string\r\n}\r\n\r\nexport function InputWithLabel({\r\n  variant = 'default',\r\n  label,\r\n  type = 'text',\r\n  id,\r\n  placeholder,\r\n  className,\r\n}: InputWithLabelProps) {\r\n  const generatedId = useId()\r\n  const inputId = id || generatedId\r\n\r\n  const labelClasses =\r\n    variant === 'default'\r\n      ? 'group-focus-within:text-navy-opacity-40'\r\n      : 'group-focus-within:text-whitish-opacity-60'\r\n\r\n  return (\r\n    <div className={`grid w-full items-center gap-1 group ${className}`}>\r\n      {label && (\r\n        <Label variant={variant} htmlFor={inputId} className={labelClasses}>\r\n          {label}\r\n        </Label>\r\n      )}\r\n      <Input\r\n        variant={variant}\r\n        type={type}\r\n        id={inputId}\r\n        placeholder={placeholder}\r\n        className=\"focus:outline-none\"\r\n      />\r\n    </div>\r\n  )\r\n}\r\n"],"names":["InputWithLabel","variant","label","type","id","placeholder","className","generatedId","useId","inputId","labelClasses","React","Label","Input"],"mappings":";;;AAeO,SAASA,EAAe;AAAA,EAC7B,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACF,GAAwB;AACtB,QAAMC,IAAcC,KACdC,IAAUL,KAAMG,GAEhBG,IACJT,MAAY,YACR,4CACA;AAEN,SACGU,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAW,wCAAwCL,CAAS,GAC9D,GAAAJ,KACES,gBAAAA,EAAA,cAAAC,GAAA,EAAM,SAAAX,GAAkB,SAASQ,GAAS,WAAWC,KACnDR,CACH,GAEFS,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,SAAAZ;AAAA,MACA,MAAAE;AAAA,MACA,IAAIM;AAAA,MACJ,aAAAJ;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,EAAA,CAEd;AAEJ;"}

package/dist/index.es13.js

@@ -1,28 +1,31 @@
-import { Popover as n, PopoverTrigger as a, PopoverContent as l } from "./index.es29.js";
-import { TooltipProvider as m, Tooltip as i, TooltipTrigger as c, TooltipContent as s } from "./index.es30.js";
-import { Button as r } from "./index.es2.js";
-import { Info as o } from "lucide-react";
-import e from "react";
-const p = ({ content: t }) => /* @__PURE__ */ e.createElement(m, { delayDuration: 0 }, /* @__PURE__ */ e.createElement("div", { className: "hidden xl:block" }, /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(c, { asChild: !0 }, /* @__PURE__ */ e.createElement(
-  r,
+import * as e from "react";
+import { cva as i } from "class-variance-authority";
+import { cn as n } from "./index.es29.js";
+const s = i(
+  "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible0:ring-2 focus-visible0:ring-ring focus-visible0:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
   {
-    variant: "ghost",
-    size: "icon",
-    className: "rounded-full group/informer h-8 w-8"
-  },
-  /* @__PURE__ */ e.createElement(o, { className: "w-5 h-5 text-navy-opacity-40 group-hover/informer:text-navy transition-colors" }),
-  /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Warning")
-)), /* @__PURE__ */ e.createElement(s, null, /* @__PURE__ */ e.createElement("div", null, t)))), /* @__PURE__ */ e.createElement("div", { className: "block xl:hidden" }, /* @__PURE__ */ e.createElement(n, null, /* @__PURE__ */ e.createElement(a, { asChild: !0 }, /* @__PURE__ */ e.createElement(
-  r,
-  {
-    variant: "ghost",
-    size: "icon",
-    className: "rounded-full group/informer h-8 w-8"
-  },
-  /* @__PURE__ */ e.createElement(o, { className: "w-5 h-5 text-navy-opacity-40 group-hover/informer:text-navy transition-colors" }),
-  /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Warning")
-)), /* @__PURE__ */ e.createElement(l, { className: "px-3 py-1.5" }, /* @__PURE__ */ e.createElement("div", null, t))))), g = p;
+    variants: {
+      variant: {
+        default: "bg-navy-opacity-4 text-navy focus:border-navy hover:bg-navy-opacity-8 border-b-navy-opacity-32",
+        blue: "bg-whitish-opacity-8 text-white focus:border-white hover:bg-whitish-opacity-16 border-b-whitish-opacity-32"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), c = e.forwardRef(
+  ({ className: t, variant: a, ...r }, o) => /* @__PURE__ */ e.createElement(
+    "textarea",
+    {
+      className: n(s({ variant: a, className: t })),
+      ref: o,
+      ...r
+    }
+  )
+);
+c.displayName = "Textarea";
 export {
-  g as default
+  c as Textarea
 };
 //# sourceMappingURL=index.es13.js.map

package/dist/index.es13.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es13.js","sources":["../src/components/Informer.tsx"],"sourcesContent":["import {\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n} from '@/components/ui/popover'\r\nimport {\r\n  Tooltip,\r\n  TooltipContent,\r\n  TooltipProvider,\r\n  TooltipTrigger,\r\n} from '@/components/ui/tooltip'\r\n\r\nimport { Button } from '@/components/ui/button'\r\nimport { Info } from 'lucide-react'\r\nimport React from 'react'\r\n\r\ninterface InformerProps {\r\n  content: string\r\n}\r\n\r\nconst Informer = ({ content }: InformerProps) => {\r\n  return (\r\n    <TooltipProvider delayDuration={0}>\r\n      <div className=\"hidden xl:block\">\r\n        <Tooltip>\r\n          <TooltipTrigger asChild>\r\n            <Button\r\n              variant=\"ghost\"\r\n              size=\"icon\"\r\n              className=\"rounded-full group/informer h-8 w-8\"\r\n            >\r\n              <Info className=\"w-5 h-5 text-navy-opacity-40 group-hover/informer:text-navy transition-colors\" />\r\n              <span className=\"sr-only\">Warning</span>\r\n            </Button>\r\n          </TooltipTrigger>\r\n          <TooltipContent>\r\n            <div>{content}</div>\r\n          </TooltipContent>\r\n        </Tooltip>\r\n      </div>\r\n      <div className=\"block xl:hidden\">\r\n        <Popover>\r\n          <PopoverTrigger asChild>\r\n            <Button\r\n              variant=\"ghost\"\r\n              size=\"icon\"\r\n              className=\"rounded-full group/informer h-8 w-8\"\r\n            >\r\n              <Info className=\"w-5 h-5 text-navy-opacity-40 group-hover/informer:text-navy transition-colors\" />\r\n              <span className=\"sr-only\">Warning</span>\r\n            </Button>\r\n          </PopoverTrigger>\r\n          <PopoverContent className=\"px-3 py-1.5\">\r\n            <div>{content}</div>\r\n          </PopoverContent>\r\n        </Popover>\r\n      </div>\r\n    </TooltipProvider>\r\n  )\r\n}\r\n\r\nexport default Informer\r\n"],"names":["Informer","content","React","TooltipProvider","Tooltip","TooltipTrigger","Button","Info","TooltipContent","Popover","PopoverTrigger","PopoverContent","Informer$1"],"mappings":";;;;;AAoBA,MAAMA,IAAW,CAAC,EAAE,SAAAC,QAEfC,gBAAAA,EAAA,cAAAC,GAAA,EAAgB,eAAe,EAAA,GAC7BD,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,qBACZA,gBAAAA,EAAA,cAAAE,GAAA,MACEF,gBAAAA,EAAA,cAAAG,GAAA,EAAe,SAAO,GACrB,GAAAH,gBAAAA,EAAA;AAAA,EAACI;AAAA,EAAA;AAAA,IACC,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,WAAU;AAAA,EAAA;AAAA,EAEVJ,gBAAAA,EAAA,cAACK,GAAK,EAAA,WAAU,gFAAgF,CAAA;AAAA,EAC/FL,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAU,SAAO;AAErC,CAAA,GACCA,gBAAAA,EAAA,cAAAM,GAAA,sCACE,OAAK,MAAAP,CAAQ,CAChB,CACF,CACF,GACCC,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,kBACb,GAAAA,gBAAAA,EAAA,cAACO,SACEP,gBAAAA,EAAA,cAAAQ,GAAA,EAAe,SAAO,GACrB,GAAAR,gBAAAA,EAAA;AAAA,EAACI;AAAA,EAAA;AAAA,IACC,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,WAAU;AAAA,EAAA;AAAA,EAEVJ,gBAAAA,EAAA,cAACK,GAAK,EAAA,WAAU,gFAAgF,CAAA;AAAA,EAC/FL,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAU,SAAO;AAAA,CAErC,GACCA,gBAAAA,EAAA,cAAAS,GAAA,EAAe,WAAU,cAAA,GACvBT,gBAAAA,EAAA,cAAA,OAAA,MAAKD,CAAQ,CAChB,CACF,CACF,CACF,GAIJW,IAAeZ;"}
+{"version":3,"file":"index.es13.js","sources":["../src/components/ui/textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react'\r\n\r\nimport { VariantProps, cva } from 'class-variance-authority'\r\n\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst textareaVariants = cva(\r\n  'flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible0:ring-2 focus-visible0:ring-ring focus-visible0:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-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 TextareaProps\r\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\r\n    VariantProps<typeof textareaVariants> {\r\n  // className?: string\r\n}\r\n\r\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\r\n  ({ className, variant, ...props }, ref) => {\r\n    return (\r\n      <textarea\r\n        className={cn(textareaVariants({ variant, className }))}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    )\r\n  }\r\n)\r\nTextarea.displayName = 'Textarea'\r\n\r\nexport { Textarea }\r\n"],"names":["textareaVariants","cva","Textarea","React","className","variant","props","ref","cn"],"mappings":";;;AAMA,MAAMA,IAAmBC;AAAA,EACvB;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,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GAASC,MAE/B,gBAAAJ,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWK,EAAGR,EAAiB,EAAE,SAAAK,GAAS,WAAAD,EAAW,CAAA,CAAC;AAAA,MACtD,KAAAG;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAJ,EAAS,cAAc;"}

package/dist/index.es14.js

@@ -1,76 +1,31 @@
-import u from "react";
-const h = (t) => {
-  const a = /* @__PURE__ */ new Set(["br", "img", "input", "hr", "meta", "link"]), i = /<\/?([a-z]+)(\s[^>]*)?>/gi, r = [];
-  let l;
-  for (; (l = i.exec(t)) !== null; ) {
-    const s = l[0], e = l[1].toLowerCase();
-    if (s === "</br>")
-      return !1;
-    if (s.startsWith("</")) {
-      if (a.has(e) || r.length === 0 || r.pop() !== e)
-        return !1;
-    } else
-      !a.has(e) && !s.endsWith("/>") && r.push(e);
-  }
-  return r.length === 0;
-}, m = (t) => {
-  const a = /<[a-z]+\s+([^>]+)>/gi, i = t.matchAll(a);
-  for (const [s, e] of i) {
-    const o = e.match(/\w+\s*=\s*(['"])(.*?)\1|\w+(?!=)/g) || [];
-    for (const n of o)
-      if (n.includes("=")) {
-        const [g, ...f] = n.split("="), c = f.join("=");
-        if (!(c.startsWith('"') && c.endsWith('"') || c.startsWith("'") && c.endsWith("'")))
-          return !1;
-        const d = c[0];
-        if (c.slice(1, -1).includes(d))
-          return !1;
-      }
-  }
-  const r = /<[^>]*?['"][^'"]*>/g, l = t.match(r) || [];
-  for (const s of l) {
-    let e = !1, o = "";
-    for (let n = 0; n < s.length; n++)
-      (s[n] === "'" || s[n] === '"') && (e ? s[n] === o && (e = !1) : (e = !0, o = s[n]));
-    if (e)
-      return !1;
-  }
-  return !0;
-}, v = (t) => {
-  const a = [...t.matchAll(/<([a-z]+)(\s[^>]*)\/>/gi)];
-  for (const [i, r, l] of a) {
-    const s = /(\w+)=["']([^"']*)["']/g, e = [...l.matchAll(s)];
-    for (const [g, f, c] of e)
-      if (!f || !c)
-        return !1;
-    const o = /(\w+)=["'][^"']*$/g;
-    if ([...l.matchAll(o)].length > 0)
-      return !1;
-  }
-  return !0;
-}, p = (t) => {
-  const a = /style=["']([^"']*)["']/gi, i = [...t.matchAll(a)];
-  for (const [r, l] of i) {
-    const s = l.split(";");
-    for (const e of s)
-      if (e.trim()) {
-        const [o, n] = e.split(":");
-        if (!o || !n)
-          return !1;
-      }
-  }
-  return !0;
-}, T = (t) => h(t) && m(t) && v(t) && p(t), y = ({
-  html: t,
-  className: a
-}) => T(t) ? /* @__PURE__ */ u.createElement(
-  "div",
-  {
-    className: ["content", a].filter(Boolean).join(" "),
-    dangerouslySetInnerHTML: { __html: t }
-  }
-) : (console.error("Invalid HTML content:", t), /* @__PURE__ */ u.createElement("div", { style: { color: "red" } }, "Invalid HTML content")), R = y;
+import { Label as i } from "./index.es15.js";
+import { Textarea as n } from "./index.es13.js";
+import { useId as m } from "react";
+function p({
+  id: r,
+  variant: e = "default",
+  label: t,
+  className: c
+}) {
+  const s = m(), a = r || s, o = e === "default" ? "group-focus-within:text-navy-opacity-40" : "group-focus-within:text-whitish-opacity-60";
+  return /* @__PURE__ */ React.createElement("div", { className: `grid w-full items-center gap-1 group ${c}` }, t && /* @__PURE__ */ React.createElement(
+    i,
+    {
+      variant: e,
+      htmlFor: a,
+      className: o
+    },
+    t
+  ), /* @__PURE__ */ React.createElement(
+    n,
+    {
+      id: a,
+      variant: e,
+      className: `focus:outline-none '${o}'`
+    }
+  ));
+}
 export {
-  R as default
+  p as TextareaWithLabel
 };
 //# sourceMappingURL=index.es14.js.map

package/dist/index.es14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es14.js","sources":["../src/components/SafeHtml.tsx"],"sourcesContent":["import React from 'react'\r\n\r\n// Check if tags are correctly opened and closed\r\nconst validateTags = (htmlString: string) => {\r\n  // List of known self-closing tags\r\n  const selfClosingTags = new Set(['br', 'img', 'input', 'hr', 'meta', 'link'])\r\n\r\n  const tagPattern = /<\\/?([a-z]+)(\\s[^>]*)?>/gi\r\n  const tagStack: string[] = []\r\n  let match\r\n\r\n  while ((match = tagPattern.exec(htmlString)) !== null) {\r\n    const fullTag = match[0]\r\n    const tagName = match[1].toLowerCase()\r\n\r\n    // Check for incorrect </br> usage\r\n    if (fullTag === '</br>') {\r\n      return false // </br> is invalid HTML\r\n    }\r\n\r\n    if (fullTag.startsWith('</')) {\r\n      // Closing tag\r\n      if (selfClosingTags.has(tagName)) {\r\n        return false // Self-closing tags shouldn't have closing tags\r\n      }\r\n      if (tagStack.length === 0) return false\r\n      const lastTag = tagStack.pop()\r\n      if (lastTag !== tagName) return false\r\n    } else {\r\n      // Opening tag\r\n      if (!selfClosingTags.has(tagName) && !fullTag.endsWith('/>')) {\r\n        tagStack.push(tagName)\r\n      }\r\n    }\r\n  }\r\n\r\n  return tagStack.length === 0\r\n}\r\n\r\nconst validateAttributes = (htmlString: string) => {\r\n  const attributeRegex = /<[a-z]+\\s+([^>]+)>/gi\r\n  const matches = htmlString.matchAll(attributeRegex)\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n  for (const [fullMatch, attributes] of matches) {\r\n    // Split attributes by space, but keep quoted values together\r\n    const attrs = attributes.match(/\\w+\\s*=\\s*(['\"])(.*?)\\1|\\w+(?!=)/g) || []\r\n\r\n    for (const attr of attrs) {\r\n      // Check if attribute has quotes\r\n      if (attr.includes('=')) {\r\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n        const [name, ...rest] = attr.split('=')\r\n        const value = rest.join('=') // Rejoin in case value contains =\r\n\r\n        // Check for proper quote matching\r\n        if (\r\n          !(\r\n            (value.startsWith('\"') && value.endsWith('\"')) ||\r\n            (value.startsWith(\"'\") && value.endsWith(\"'\"))\r\n          )\r\n        ) {\r\n          return false\r\n        }\r\n\r\n        // Extract the quote character used\r\n        const quoteChar = value[0]\r\n        // Check if there are any unescaped quotes of the same type inside the value\r\n        const valueContent = value.slice(1, -1)\r\n        if (valueContent.includes(quoteChar)) {\r\n          return false\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Additional check for unclosed quotes before >\r\n  const unclosedQuoteCheck = /<[^>]*?['\"][^'\"]*>/g\r\n  const potentiallyUnclosedTags = htmlString.match(unclosedQuoteCheck) || []\r\n  for (const tag of potentiallyUnclosedTags) {\r\n    let inQuote = false\r\n    let quoteChar = ''\r\n    for (let i = 0; i < tag.length; i++) {\r\n      if (tag[i] === \"'\" || tag[i] === '\"') {\r\n        if (!inQuote) {\r\n          inQuote = true\r\n          quoteChar = tag[i]\r\n        } else if (tag[i] === quoteChar) {\r\n          inQuote = false\r\n        }\r\n      }\r\n    }\r\n    if (inQuote) {\r\n      return false\r\n    }\r\n  }\r\n\r\n  return true\r\n}\r\n\r\n// Check if self-closing tags are valid\r\nconst validateSelfClosingTags = (htmlString: string) => {\r\n  const selfClosingTags = [...htmlString.matchAll(/<([a-z]+)(\\s[^>]*)\\/>/gi)]\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n  for (const [_, tag, attributes] of selfClosingTags) {\r\n    const attrRegex = /(\\w+)=[\"']([^\"']*)[\"']/g\r\n    const attrs = [...attributes.matchAll(attrRegex)]\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    for (const [_, attrName, attrValue] of attrs) {\r\n      if (!attrName || !attrValue) {\r\n        return false // Invalid attribute format\r\n      }\r\n    }\r\n\r\n    // Check for unclosed attributes\r\n    const unclosedAttrRegex = /(\\w+)=[\"'][^\"']*$/g\r\n    const unclosedAttrs = [...attributes.matchAll(unclosedAttrRegex)]\r\n\r\n    if (unclosedAttrs.length > 0) {\r\n      return false // Unclosed attribute in self-closing tag\r\n    }\r\n  }\r\n\r\n  return true // Self-closing tags are valid\r\n}\r\n\r\n// Check for inline styles and ensure they follow a valid format\r\nconst validateInlineStyles = (htmlString: string) => {\r\n  const styleRegex = /style=[\"']([^\"']*)[\"']/gi\r\n  const styles = [...htmlString.matchAll(styleRegex)]\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n  for (const [_, styleContent] of styles) {\r\n    // A basic check for properly formatted style declarations (e.g., \"property: value;\")\r\n    const styleRules = styleContent.split(';')\r\n    for (const rule of styleRules) {\r\n      if (rule.trim()) {\r\n        const [property, value] = rule.split(':')\r\n        if (!property || !value) {\r\n          return false // Invalid style declaration\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  return true // Inline styles are valid\r\n}\r\n\r\n// Main function that calls the smaller subfunctions\r\nconst validateHtmlBasic = (htmlString: string) => {\r\n  return (\r\n    validateTags(htmlString) &&\r\n    validateAttributes(htmlString) &&\r\n    validateSelfClosingTags(htmlString) &&\r\n    validateInlineStyles(htmlString)\r\n  )\r\n}\r\n\r\n////\r\n\r\nconst SafeHtmlRenderer = ({\r\n  html,\r\n  className,\r\n}: {\r\n  html: string\r\n  className?: string\r\n}) => {\r\n  const isValid = validateHtmlBasic(html)\r\n  // console.log(\"isValidHTML\", isValid);\r\n  // TODO: add send error to TG\r\n\r\n  if (!isValid) {\r\n    console.error('Invalid HTML content:', html)\r\n    return <div style={{ color: 'red' }}>Invalid HTML content</div>\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className={['content', className].filter(Boolean).join(' ')}\r\n      dangerouslySetInnerHTML={{ __html: html }}\r\n    />\r\n  )\r\n}\r\n\r\nexport default SafeHtmlRenderer\r\n"],"names":["validateTags","htmlString","selfClosingTags","tagPattern","tagStack","match","fullTag","tagName","validateAttributes","attributeRegex","matches","fullMatch","attributes","attrs","attr","name","rest","value","quoteChar","unclosedQuoteCheck","potentiallyUnclosedTags","tag","inQuote","i","validateSelfClosingTags","_","attrRegex","attrName","attrValue","unclosedAttrRegex","validateInlineStyles","styleRegex","styles","styleContent","styleRules","rule","property","validateHtmlBasic","SafeHtmlRenderer","html","className","React","SafeHtmlRenderer$1"],"mappings":"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"}
+{"version":3,"file":"index.es14.js","sources":["../src/components/ui/textarea/TextareaWithLabel.tsx"],"sourcesContent":["import { InputVariant } from '../input/types'\r\nimport { Label } from '../label'\r\nimport { Textarea } from './Textarea'\r\nimport { useId } from 'react'\r\n\r\ninterface TextareaWithLabelProps {\r\n  variant?: InputVariant\r\n  label?: string\r\n  id?: string\r\n  className?: string\r\n}\r\n\r\nexport function TextareaWithLabel({\r\n  id,\r\n  variant = 'default',\r\n  label,\r\n  className,\r\n}: TextareaWithLabelProps) {\r\n  const generatedId = useId()\r\n  const textareaId = id || generatedId\r\n\r\n  const textareaClasses =\r\n    variant === 'default'\r\n      ? 'group-focus-within:text-navy-opacity-40'\r\n      : 'group-focus-within:text-whitish-opacity-60'\r\n\r\n  return (\r\n    <div className={`grid w-full items-center gap-1 group ${className}`}>\r\n      {label && (\r\n        <Label\r\n          variant={variant}\r\n          htmlFor={textareaId}\r\n          className={textareaClasses}\r\n        >\r\n          {label}\r\n        </Label>\r\n      )}\r\n\r\n      <Textarea\r\n        id={textareaId}\r\n        variant={variant}\r\n        className={`focus:outline-none '${textareaClasses}'`}\r\n      />\r\n\r\n      {/* {desc && <p className=\"text-sm text-muted-foreground\">{desc}</p>} */}\r\n    </div>\r\n  )\r\n}\r\n"],"names":["TextareaWithLabel","id","variant","label","className","generatedId","useId","textareaId","textareaClasses","Label","Textarea"],"mappings":";;;AAYO,SAASA,EAAkB;AAAA,EAChC,IAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,WAAAC;AACF,GAA2B;AACzB,QAAMC,IAAcC,KACdC,IAAaN,KAAMI,GAEnBG,IACJN,MAAY,YACR,4CACA;AAEN,6CACG,OAAI,EAAA,WAAW,wCAAwCE,CAAS,MAC9DD,KACC,sBAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,SAASK;AAAA,MACT,WAAWC;AAAA,IAAA;AAAA,IAEVL;AAAA,EAIL,GAAA,sBAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,IAAIH;AAAA,MACJ,SAAAL;AAAA,MACA,WAAW,uBAAuBM,CAAe;AAAA,IAAA;AAAA,EAAA,CAIrD;AAEJ;"}