@lerianstudio/sindarian-ui 1.1.1-beta.2 → 1.2.0-beta.1

package/dist/components/form/country-field/index.d.ts

@@ -1,4 +1,5 @@
+import { FieldValues } from 'react-hook-form';
 import { ComboBoxFieldProps } from '../combo-box-field';
-export type CountryFieldProps = Omit<ComboBoxFieldProps, 'children'> & {};
-export declare const CountryField: ({ ...others }: CountryFieldProps) => import("react/jsx-runtime").JSX.Element;
+export type CountryFieldProps<T extends FieldValues = FieldValues> = Omit<ComboBoxFieldProps<T>, 'children'>;
+export declare const CountryField: <T extends FieldValues = FieldValues>({ ...others }: CountryFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/form/country-field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/country-field/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAGtE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,GAAG,EAAE,CAAA;AAEzE,eAAO,MAAM,YAAY,GAAI,eAAe,iBAAiB,4CAU5D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/country-field/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAiB,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAGtE,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI,IAAI,CACvE,kBAAkB,CAAC,CAAC,CAAC,EACrB,UAAU,CACX,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,eAE/D,iBAAiB,CAAC,CAAC,CAAC,4CAUtB,CAAA"}

package/dist/components/form/state-field/index.d.ts

@@ -1,8 +1,9 @@
+import { FieldValues } from 'react-hook-form';
 import { SelectFieldProps } from '../select-field';
-export type StateFieldProps = Omit<SelectFieldProps, 'children'> & {
+export type StateFieldProps<T extends FieldValues = FieldValues> = Omit<SelectFieldProps<T>, 'children'> & {
     countryName?: string;
     emptyMessage?: string;
     readOnly?: boolean;
 };
-export declare const StateField: ({ countryName, label, placeholder, emptyMessage, required, readOnly, ...others }: StateFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StateField: <T extends FieldValues = FieldValues>({ countryName, label, placeholder, emptyMessage, required, readOnly, ...others }: StateFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/form/state-field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/state-field/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAsHlD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,kFAQxB,eAAe,4CAmBjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/state-field/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAQ,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAsHlD,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI,IAAI,CACrE,gBAAgB,CAAC,CAAC,CAAC,EACnB,UAAU,CACX,GAAG;IACF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,kFAQ7D,eAAe,CAAC,CAAC,CAAC,4CAoBpB,CAAA"}

package/dist/components/form/state-field/index.js

@@ -37,6 +37,6 @@ function StateComboBox({ value, placeholder, onChange, countryName, emptyMessage
                                         }, children: option.label }, option.value))) })] })] }) })] }));
 }
 const StateField = ({ countryName = 'address.country', label, placeholder, emptyMessage, required, readOnly, ...others }) => {
-    return ((0, jsx_runtime_1.jsx)(form_1.FormField, { ...others, render: ({ field }) => ((0, jsx_runtime_1.jsxs)(form_1.FormItem, { required: required, children: [label && (0, jsx_runtime_1.jsx)(form_1.FormLabel, { children: label }), (0, jsx_runtime_1.jsx)(StateComboBox, { countryName: countryName, placeholder: placeholder, emptyMessage: emptyMessage, readOnly: readOnly, ...field }), (0, jsx_runtime_1.jsx)(form_1.FormMessage, {})] })) }));
+    return ((0, jsx_runtime_1.jsx)(form_1.FormField, { ...others, name: others.name, render: ({ field }) => ((0, jsx_runtime_1.jsxs)(form_1.FormItem, { required: required, children: [label && (0, jsx_runtime_1.jsx)(form_1.FormLabel, { children: label }), (0, jsx_runtime_1.jsx)(StateComboBox, { countryName: countryName, placeholder: placeholder, emptyMessage: emptyMessage, readOnly: readOnly, ...field }), (0, jsx_runtime_1.jsx)(form_1.FormMessage, {})] })) }));
 };
 exports.StateField = StateField;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "outline" | "alert" | "destructive" | "success" | "active" | "inactive" | "error" | "info" | null | undefined;
+    variant?: "default" | "secondary" | "outline" | "alert" | "destructive" | "success" | "active" | "inactive" | "error" | "info" | "purple" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type BadgeProps = React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,aAAa;;8EA4BlB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACnD,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAE5D,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAUnE;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,aAAa;;8EA8BlB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACnD,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAE5D,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAUnE;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/ui/badge/index.js

@@ -18,6 +18,7 @@ const badgeVariants = (0, class_variance_authority_1.cva)('inline-flex items-cen
             success: 'border-system-success-border bg-system-success-surface text-system-success-text px-[10px] py-1',
             info: 'border-system-info-border bg-system-info-surface text-system-info-text px-[10px] py-1',
             alert: 'border-system-alert-border bg-system-alert-surface text-system-alert-text px-[10px] py-1',
+            purple: 'border-system-purple-border bg-system-purple-surface text-system-purple-text px-[10px] py-1',
             outline: 'text-foreground'
         }
     },

package/dist/globals.css

@@ -153,6 +153,11 @@
   --color-system-alert-h1a: hsl(var(--system-alert-h1a));
   --color-system-alert-border: hsl(var(--system-alert-border));
   --color-system-alert-text: hsl(var(--system-alert-text) / 0.7);
+  --color-system-purple: hsl(var(--system-purple));
+  --color-system-purple-surface: hsl(var(--system-purple-surface));
+  --color-system-purple-h1a: hsl(var(--system-purple-h1a));
+  --color-system-purple-border: hsl(var(--system-purple-border));
+  --color-system-purple-text: hsl(var(--system-purple-text) / 0.7);
 
   --radius-lg: var(--radius);
   --radius-md: calc(var(--radius) - 2px);
@@ -251,6 +256,11 @@
     --system-alert-h1a: 36 92% 29%; /* yellow/800 = #854D0E */
     --system-alert-border: 48 96% 47% / 0.5; /* #EAB308 50% */
     --system-alert-text: 36 92% 29%; /* #854D0E - opacity via /70 */
+    --system-purple: 271 81% 56%; /* purple/600 = #9333EA */
+    --system-purple-surface: 270 100% 98%; /* purple/50 = #FAF5FF */
+    --system-purple-h1a: 273 67% 39%; /* purple/800 = #6B21A8 */
+    --system-purple-border: 271 81% 56% / 0.5; /* #9333EA 50% */
+    --system-purple-text: 273 67% 39%; /* #6B21A8 - opacity via /70 */
 
     /* Shadow color token for dark mode adaptation */
     --shadow-color: 0 0% 0%;
@@ -320,6 +330,13 @@
     --system-alert-h1a: 53 98% 77%; /* yellow/200 = #FEF08A */
     --system-alert-border: 48 96% 53% / 0.3; /* #FACC15 30% */
 
+    /* Shadcn — System Purple */
+    --system-purple: 270 95% 75%; /* purple/400 = #C084FC */
+    --system-purple-surface: 266 86% 13%; /* purple/950 = #3B0764 */
+    --system-purple-text: 269 97% 85%; /* purple/300 = #D8B4FE - opacity via /70 */
+    --system-purple-h1a: 269 100% 92%; /* purple/200 = #E9D5FF */
+    --system-purple-border: 270 95% 75% / 0.3; /* #C084FC 30% */
+
     /* Shadow color for dark mode */
     --shadow-color: 0 0% 100%;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lerianstudio/sindarian-ui",
-  "version": "1.1.1-beta.2",
+  "version": "1.2.0-beta.1",
   "description": "Sindarian UI - A UI library for Midaz Console",
   "license": "ISC",
   "author": {