@accreditation/ui 1.0.0

package/dist/components/molecules/dropdown-menu/variants.d.ts

@@ -0,0 +1,10 @@
+export declare const dropdownMenuRootWrapperClasses = "relative inline-block";
+export declare const dropdownMenuContentClasses = "fixed z-[9999] max-h-[280px] overflow-y-auto rounded-none bg-card p-1 shadow-[var(--shadow-2)]";
+export declare const dropdownMenuItemBaseClasses = "flex w-full cursor-pointer items-center gap-2 rounded-none border-0 bg-transparent px-3 py-2 text-left text-sm font-normal text-foreground";
+export declare const dropdownMenuItemDestructiveClasses = "text-destructive";
+export declare const dropdownMenuItemDisabledClasses = "cursor-not-allowed opacity-[var(--disabled-opacity)]";
+export declare const dropdownMenuLabelClasses = "px-3 py-2 text-sm font-medium text-muted-foreground";
+export declare const dropdownMenuSeparatorClasses = "my-1 h-px border-0 bg-border";
+export declare const dropdownMenuShortcutClasses = "ml-auto text-xs tracking-widest opacity-60";
+export declare const dropdownMenuCheckboxItemClasses: string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/molecules/dropdown-menu/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/variants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,8BAA8B,0BAA0B,CAAC;AAEtE,eAAO,MAAM,0BAA0B,mGAC2D,CAAC;AAEnG,eAAO,MAAM,2BAA2B,+IACsG,CAAC;AAE/I,eAAO,MAAM,kCAAkC,qBAAqB,CAAC;AAErE,eAAO,MAAM,+BAA+B,yDACY,CAAC;AAEzD,eAAO,MAAM,wBAAwB,wDACkB,CAAC;AAExD,eAAO,MAAM,4BAA4B,iCAAiC,CAAC;AAE3E,eAAO,MAAM,2BAA2B,+CAA+C,CAAC;AAExF,eAAO,MAAM,+BAA+B,QAAiD,CAAC"}

package/dist/components/molecules/dropdown-menu/variants.js

@@ -0,0 +1,21 @@
+'use strict';
+
+const dropdownMenuRootWrapperClasses = "relative inline-block";
+const dropdownMenuContentClasses = "fixed z-[9999] max-h-[280px] overflow-y-auto rounded-none bg-card p-1 shadow-[var(--shadow-2)]";
+const dropdownMenuItemBaseClasses = "flex w-full cursor-pointer items-center gap-2 rounded-none border-0 bg-transparent px-3 py-2 text-left text-sm font-normal text-foreground";
+const dropdownMenuItemDestructiveClasses = "text-destructive";
+const dropdownMenuItemDisabledClasses = "cursor-not-allowed opacity-[var(--disabled-opacity)]";
+const dropdownMenuLabelClasses = "px-3 py-2 text-sm font-medium text-muted-foreground";
+const dropdownMenuSeparatorClasses = "my-1 h-px border-0 bg-border";
+const dropdownMenuShortcutClasses = "ml-auto text-xs tracking-widest opacity-60";
+const dropdownMenuCheckboxItemClasses = dropdownMenuItemBaseClasses + " relative pl-8";
+
+exports.dropdownMenuCheckboxItemClasses = dropdownMenuCheckboxItemClasses;
+exports.dropdownMenuContentClasses = dropdownMenuContentClasses;
+exports.dropdownMenuItemBaseClasses = dropdownMenuItemBaseClasses;
+exports.dropdownMenuItemDestructiveClasses = dropdownMenuItemDestructiveClasses;
+exports.dropdownMenuItemDisabledClasses = dropdownMenuItemDisabledClasses;
+exports.dropdownMenuLabelClasses = dropdownMenuLabelClasses;
+exports.dropdownMenuRootWrapperClasses = dropdownMenuRootWrapperClasses;
+exports.dropdownMenuSeparatorClasses = dropdownMenuSeparatorClasses;
+exports.dropdownMenuShortcutClasses = dropdownMenuShortcutClasses;

package/dist/components/molecules/dropdown-menu/variants.mjs

@@ -0,0 +1,11 @@
+const dropdownMenuRootWrapperClasses = "relative inline-block";
+const dropdownMenuContentClasses = "fixed z-[9999] max-h-[280px] overflow-y-auto rounded-none bg-card p-1 shadow-[var(--shadow-2)]";
+const dropdownMenuItemBaseClasses = "flex w-full cursor-pointer items-center gap-2 rounded-none border-0 bg-transparent px-3 py-2 text-left text-sm font-normal text-foreground";
+const dropdownMenuItemDestructiveClasses = "text-destructive";
+const dropdownMenuItemDisabledClasses = "cursor-not-allowed opacity-[var(--disabled-opacity)]";
+const dropdownMenuLabelClasses = "px-3 py-2 text-sm font-medium text-muted-foreground";
+const dropdownMenuSeparatorClasses = "my-1 h-px border-0 bg-border";
+const dropdownMenuShortcutClasses = "ml-auto text-xs tracking-widest opacity-60";
+const dropdownMenuCheckboxItemClasses = dropdownMenuItemBaseClasses + " relative pl-8";
+
+export { dropdownMenuCheckboxItemClasses, dropdownMenuContentClasses, dropdownMenuItemBaseClasses, dropdownMenuItemDestructiveClasses, dropdownMenuItemDisabledClasses, dropdownMenuLabelClasses, dropdownMenuRootWrapperClasses, dropdownMenuSeparatorClasses, dropdownMenuShortcutClasses };

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

@@ -0,0 +1,26 @@
+import * as React from "react";
+import type { ComponentProps } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
+import { Label } from "../../../atoms/label";
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+declare function useFormField(): {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import("react-hook-form").FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare function FormItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FormLabel({ className, ...props }: ComponentProps<typeof Label>): import("react/jsx-runtime").JSX.Element;
+declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
+declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element | null;
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
+//# sourceMappingURL=form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/components/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAEN,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAIhB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAU7C,QAAA,MAAM,IAAI,4MAAe,CAAC;AAM1B,iBAAS,SAAS,CACjB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC9D,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,2CAMnD;AAMD,iBAAS,YAAY;;;;;;;;;;;EAoBpB;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWrE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,2CAWvE;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAgBnE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAU1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,kDAgBtE;AAED,OAAO,EACN,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACT,CAAC"}

package/dist/components/molecules/form/components/form.js

@@ -0,0 +1,139 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+var lucideReact = require('lucide-react');
+var reactHookForm = require('react-hook-form');
+var label = require('../../../atoms/label');
+var utils = require('../../../../lib/utils');
+var variants = require('../variants');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const Form = reactHookForm.FormProvider;
+const FormFieldContext = React__namespace.createContext(
+  {}
+);
+function FormField({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
+}
+const FormItemContext = React__namespace.createContext(
+  {}
+);
+function useFormField() {
+  const fieldContext = React__namespace.useContext(FormFieldContext);
+  const itemContext = React__namespace.useContext(FormItemContext);
+  const { getFieldState } = reactHookForm.useFormContext();
+  const formState = reactHookForm.useFormState({ name: fieldContext.name });
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+}
+function FormItem({ className, ...props }) {
+  const id = React__namespace.useId();
+  return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "form-item",
+      className: utils.cn(variants.formItemClasses, className),
+      ...props
+    }
+  ) });
+}
+function FormLabel({ className, ...props }) {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    label.Label,
+    {
+      "data-slot": "form-label",
+      "data-error": !!error,
+      className: utils.cn(variants.formLabelErrorClasses, className),
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+}
+function FormControl({ ...props }) {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactSlot.Slot,
+    {
+      "data-slot": "form-control",
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+}
+function FormDescription({ className, ...props }) {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      "data-slot": "form-description",
+      id: formDescriptionId,
+      className: utils.cn(variants.formDescriptionClasses, className),
+      ...props
+    }
+  );
+}
+function FormMessage({ className, ...props }) {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message ?? "") : props.children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "p",
+    {
+      "data-slot": "form-message",
+      id: formMessageId,
+      className: utils.cn(variants.formMessageClasses, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { className: "size-3" }),
+        " ",
+        body
+      ]
+    }
+  );
+}
+
+exports.Form = Form;
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormItem = FormItem;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;
+exports.useFormField = useFormField;

package/dist/components/molecules/form/components/form.mjs

@@ -0,0 +1,110 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { AlertCircleIcon } from 'lucide-react';
+import { FormProvider, Controller, useFormContext, useFormState } from 'react-hook-form';
+import { Label } from '../../../atoms/label';
+import { cn } from '../../../../lib/utils';
+import { formItemClasses, formLabelErrorClasses, formDescriptionClasses, formMessageClasses } from '../variants';
+
+const Form = FormProvider;
+const FormFieldContext = React.createContext(
+  {}
+);
+function FormField({ ...props }) {
+  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
+}
+const FormItemContext = React.createContext(
+  {}
+);
+function useFormField() {
+  const fieldContext = React.useContext(FormFieldContext);
+  const itemContext = React.useContext(FormItemContext);
+  const { getFieldState } = useFormContext();
+  const formState = useFormState({ name: fieldContext.name });
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+}
+function FormItem({ className, ...props }) {
+  const id = React.useId();
+  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "form-item",
+      className: cn(formItemClasses, className),
+      ...props
+    }
+  ) });
+}
+function FormLabel({ className, ...props }) {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    Label,
+    {
+      "data-slot": "form-label",
+      "data-error": !!error,
+      className: cn(formLabelErrorClasses, className),
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+}
+function FormControl({ ...props }) {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    Slot,
+    {
+      "data-slot": "form-control",
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+}
+function FormDescription({ className, ...props }) {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "form-description",
+      id: formDescriptionId,
+      className: cn(formDescriptionClasses, className),
+      ...props
+    }
+  );
+}
+function FormMessage({ className, ...props }) {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message ?? "") : props.children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "p",
+    {
+      "data-slot": "form-message",
+      id: formMessageId,
+      className: cn(formMessageClasses, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(AlertCircleIcon, { className: "size-3" }),
+        " ",
+        body
+      ]
+    }
+  );
+}
+
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };

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

@@ -0,0 +1,2 @@
+export * from "./components/form";
+//# sourceMappingURL=form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/form.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/components/molecules/form/form.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var form = require('./components/form');
+
+
+
+Object.keys(form).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return form[k]; }
+	});
+});

package/dist/components/molecules/form/form.mjs

@@ -0,0 +1 @@
+export * from './components/form';

package/dist/components/molecules/form/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./components/form";
+export * from "../form-error-alert";
+export * from "./types";
+export * from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/components/molecules/form/index.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var form = require('./components/form');
+var formErrorAlert = require('../form-error-alert');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.keys(form).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return form[k]; }
+	});
+});
+Object.keys(formErrorAlert).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return formErrorAlert[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});

package/dist/components/molecules/form/index.mjs

@@ -0,0 +1,4 @@
+export * from './components/form';
+export * from '../form-error-alert';
+export * from './types';
+export * from './variants';

package/dist/components/molecules/form/types.d.ts

@@ -0,0 +1,8 @@
+import type { FieldPath, FieldValues } from "react-hook-form";
+export type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: TName;
+};
+export type FormItemContextValue = {
+    id: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/form/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,MAAM,qBAAqB,CAC/B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,IAC7D;IACF,IAAI,EAAE,KAAK,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC"}

package/dist/components/molecules/form/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/molecules/form/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/molecules/form/variants.d.ts

@@ -0,0 +1,5 @@
+export declare const formItemClasses = "grid gap-2";
+export declare const formLabelErrorClasses = "data-[error=true]:text-destructive";
+export declare const formDescriptionClasses = "text-muted-foreground text-sm";
+export declare const formMessageClasses = "flex items-center gap-1 text-destructive text-sm animate-in fade-in-0 duration-300";
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/molecules/form/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/variants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,eAAe,CAAC;AAE5C,eAAO,MAAM,qBAAqB,uCAAuC,CAAC;AAE1E,eAAO,MAAM,sBAAsB,kCAAkC,CAAC;AAEtE,eAAO,MAAM,kBAAkB,uFACuD,CAAC"}

package/dist/components/molecules/form/variants.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const formItemClasses = "grid gap-2";
+const formLabelErrorClasses = "data-[error=true]:text-destructive";
+const formDescriptionClasses = "text-muted-foreground text-sm";
+const formMessageClasses = "flex items-center gap-1 text-destructive text-sm animate-in fade-in-0 duration-300";
+
+exports.formDescriptionClasses = formDescriptionClasses;
+exports.formItemClasses = formItemClasses;
+exports.formLabelErrorClasses = formLabelErrorClasses;
+exports.formMessageClasses = formMessageClasses;

package/dist/components/molecules/form/variants.mjs

@@ -0,0 +1,6 @@
+const formItemClasses = "grid gap-2";
+const formLabelErrorClasses = "data-[error=true]:text-destructive";
+const formDescriptionClasses = "text-muted-foreground text-sm";
+const formMessageClasses = "flex items-center gap-1 text-destructive text-sm animate-in fade-in-0 duration-300";
+
+export { formDescriptionClasses, formItemClasses, formLabelErrorClasses, formMessageClasses };

package/dist/components/molecules/form-error-alert/components/form-error-alert.d.ts

@@ -0,0 +1,7 @@
+import type { FormErrorAlertProps } from "../types";
+/**
+ * Componente reutilizável para exibir erros de formulário.
+ * Segue diretrizes: Nielsen Heuristics (Visibilidade do Status), Acessibilidade.
+ */
+export declare function FormErrorAlert({ message, title, className, }: FormErrorAlertProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=form-error-alert.d.ts.map

package/dist/components/molecules/form-error-alert/components/form-error-alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-error-alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form-error-alert/components/form-error-alert.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAc,EACd,SAAS,GACV,EAAE,mBAAmB,kDAwBrB"}

package/dist/components/molecules/form-error-alert/components/form-error-alert.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var utils = require('../../../../lib/utils');
+var variants = require('../variants');
+
+function FormErrorAlert({
+  message,
+  title = "Erro",
+  className
+}) {
+  if (!message) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn(variants.formErrorAlertRootClasses, className),
+      role: "alert",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: variants.formErrorAlertWrapperClasses, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.AlertCircle,
+          {
+            className: variants.formErrorAlertIconClasses,
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: variants.formErrorAlertContentClasses, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: variants.formErrorAlertTitleClasses, children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: variants.formErrorAlertMessageClasses, children: message })
+        ] })
+      ] })
+    }
+  );
+}
+
+exports.FormErrorAlert = FormErrorAlert;

package/dist/components/molecules/form-error-alert/components/form-error-alert.mjs

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { AlertCircle } from 'lucide-react';
+import { cn } from '../../../../lib/utils';
+import { formErrorAlertWrapperClasses, formErrorAlertIconClasses, formErrorAlertContentClasses, formErrorAlertTitleClasses, formErrorAlertMessageClasses, formErrorAlertRootClasses } from '../variants';
+
+function FormErrorAlert({
+  message,
+  title = "Erro",
+  className
+}) {
+  if (!message) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(formErrorAlertRootClasses, className),
+      role: "alert",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      children: /* @__PURE__ */ jsxs("div", { className: formErrorAlertWrapperClasses, children: [
+        /* @__PURE__ */ jsx(
+          AlertCircle,
+          {
+            className: formErrorAlertIconClasses,
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: formErrorAlertContentClasses, children: [
+          /* @__PURE__ */ jsx("p", { className: formErrorAlertTitleClasses, children: title }),
+          /* @__PURE__ */ jsx("p", { className: formErrorAlertMessageClasses, children: message })
+        ] })
+      ] })
+    }
+  );
+}
+
+export { FormErrorAlert };

package/dist/components/molecules/form-error-alert/form-error-alert.d.ts

@@ -0,0 +1,2 @@
+export * from "./components/form-error-alert";
+//# sourceMappingURL=form-error-alert.d.ts.map

package/dist/components/molecules/form-error-alert/form-error-alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-error-alert.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form-error-alert/form-error-alert.tsx"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}

package/dist/components/molecules/form-error-alert/form-error-alert.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var formErrorAlert = require('./components/form-error-alert');
+
+
+
+Object.keys(formErrorAlert).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return formErrorAlert[k]; }
+	});
+});

package/dist/components/molecules/form-error-alert/form-error-alert.mjs

@@ -0,0 +1 @@
+export * from './components/form-error-alert';

package/dist/components/molecules/form-error-alert/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./components/form-error-alert";
+export * from "./types";
+export * from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/form-error-alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form-error-alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/components/molecules/form-error-alert/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var formErrorAlert = require('./components/form-error-alert');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.keys(formErrorAlert).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return formErrorAlert[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});

package/dist/components/molecules/form-error-alert/index.mjs

@@ -0,0 +1,3 @@
+export * from './components/form-error-alert';
+export * from './types';
+export * from './variants';

package/dist/components/molecules/form-error-alert/types.d.ts

@@ -0,0 +1,15 @@
+export interface FormErrorAlertProps {
+    /**
+     * Mensagem de erro a ser exibida
+     */
+    message?: string;
+    /**
+     * Título opcional do erro (padrão: "Erro")
+     */
+    title?: string;
+    /**
+     * Classes CSS adicionais
+     */
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/form-error-alert/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form-error-alert/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/molecules/form-error-alert/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/molecules/form-error-alert/types.mjs

@@ -0,0 +1 @@
+