asterui 0.10.2

package/dist/index29.js

@@ -0,0 +1,164 @@
+import { jsx as n, jsxs as I } from "react/jsx-runtime";
+import { createContext as Z, useId as C, isValidElement as k, cloneElement as T, useContext as _ } from "react";
+import { useForm as q, useFieldArray as B, Controller as D } from "react-hook-form";
+const j = Z(void 0), $ = {
+  email: {
+    value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
+    message: "Please enter a valid email address"
+  },
+  url: {
+    value: /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)$/,
+    message: "Please enter a valid URL"
+  },
+  number: {
+    value: /^-?\d+(\.\d+)?$/,
+    message: "Please enter a valid number"
+  }
+};
+function S() {
+  const t = _(j);
+  if (!t)
+    throw new Error("Form compound components must be used within Form");
+  return t;
+}
+function H({
+  form: t,
+  onFinish: a,
+  initialValues: r,
+  layout: i = "vertical",
+  size: c,
+  children: x,
+  className: m = "",
+  noValidate: h = !0,
+  ...l
+}) {
+  const p = q({
+    defaultValues: r
+  }), d = t || p, v = (F) => {
+    F.preventDefault(), a && d.handleSubmit(a)(F);
+  };
+  return /* @__PURE__ */ n(j.Provider, { value: { form: d, layout: i, size: c }, children: /* @__PURE__ */ n("form", { onSubmit: v, className: m, noValidate: h, ...l, children: x }) });
+}
+function U({
+  name: t,
+  label: a,
+  help: r,
+  required: i = !1,
+  rules: c,
+  valuePropName: x = "value",
+  inline: m = !1,
+  className: h = "",
+  children: l
+}) {
+  const { form: p, size: d, listName: v, layout: F } = S(), z = C(), V = C();
+  if (!t)
+    return /* @__PURE__ */ n("div", { className: `form-control ${m ? "w-auto" : "w-full"} ${h}`, children: l });
+  let N;
+  Array.isArray(t) ? N = (v ? [v, ...t] : t).join(".") : N = t;
+  const A = ((e) => {
+    const o = e.split(".");
+    let s = p.formState.errors;
+    for (const E of o) {
+      if (!s) break;
+      s = s[E];
+    }
+    return s;
+  })(N), b = A?.message, L = c ? Array.isArray(c) ? c : [c] : [], u = {}, P = [], w = [];
+  i && (u.required = "This field is required");
+  for (const e of L) {
+    if (e.required && (u.required = typeof e.required == "string" ? e.required : e.message || "This field is required"), e.type && $[e.type] && P.push({
+      pattern: $[e.type].value,
+      message: e.message || $[e.type].message
+    }), e.min !== void 0) {
+      const o = typeof e.min == "object" ? e.min.value : e.min, s = typeof e.min == "object" ? e.min.message : e.message || `Minimum length is ${o} characters`;
+      u.minLength = { value: o, message: s };
+    }
+    if (e.max !== void 0) {
+      const o = typeof e.max == "object" ? e.max.value : e.max, s = typeof e.max == "object" ? e.max.message : e.message || `Maximum length is ${o} characters`;
+      u.maxLength = { value: o, message: s };
+    }
+    if (e.pattern) {
+      const o = e.pattern instanceof RegExp ? e.pattern : e.pattern.value, s = e.pattern instanceof RegExp ? e.message || "Invalid format" : e.pattern.message;
+      P.push({ pattern: o, message: s });
+    }
+    e.validate && w.push(e.validate);
+  }
+  return (P.length > 0 || w.length > 0) && (u.validate = async (e) => {
+    if (!e && !u.required) return !0;
+    for (const { pattern: o, message: s } of P)
+      if (e && !o.test(e))
+        return s;
+    for (const o of w) {
+      const s = await o(e);
+      if (s !== !0)
+        return s;
+    }
+    return !0;
+  }), /* @__PURE__ */ n(
+    D,
+    {
+      name: N,
+      control: p.control,
+      rules: u,
+      render: ({ field: e }) => {
+        const { value: o, onChange: s, onBlur: E, ref: M } = e, f = {
+          id: z,
+          ref: M,
+          onBlur: E,
+          "aria-invalid": A ? !0 : void 0,
+          "aria-describedby": A ? V : void 0
+        };
+        x === "checked" ? (f.checked = o, f.onChange = (g) => s(g.target.checked)) : (f.value = o || "", f.onChange = (g) => {
+          g && g.target !== void 0 ? s(g.target.value) : s(g);
+        }), d && k(l) && (l.props.size || (f.size = d)), A && (f.color = "error");
+        const R = k(l) ? T(l, f) : l, y = F === "horizontal";
+        return /* @__PURE__ */ I("div", { className: `form-control ${m ? "w-auto" : "w-full"} ${h}`, children: [
+          /* @__PURE__ */ I("div", { className: y ? "flex items-center gap-4" : "", children: [
+            a && /* @__PURE__ */ n("label", { htmlFor: z, className: `label ${y ? "flex-shrink-0" : "mb-2"}`, children: /* @__PURE__ */ I("span", { className: "label-text", children: [
+              a,
+              i && /* @__PURE__ */ n("span", { className: "text-error ml-1", children: "*" })
+            ] }) }),
+            /* @__PURE__ */ n("div", { className: y ? "flex-1" : "", children: R })
+          ] }),
+          !y && !m && /* @__PURE__ */ n("div", { className: "label", children: /* @__PURE__ */ n("span", { id: V, className: "label-text-alt text-error min-h-[1.25rem]", role: b ? "alert" : void 0, children: b || r && /* @__PURE__ */ n("span", { className: "text-base-content/70", children: r }) || " " }) }),
+          y && (b || r) && /* @__PURE__ */ n("div", { className: "label", children: /* @__PURE__ */ n("span", { id: V, className: "label-text-alt text-error min-h-[1.25rem] ml-auto", role: b ? "alert" : void 0, children: b || r && /* @__PURE__ */ n("span", { className: "text-base-content/70", children: r }) }) })
+        ] });
+      }
+    }
+  );
+}
+function W({
+  name: t,
+  children: a
+}) {
+  const { form: r, layout: i, size: c } = S(), { fields: x, append: m, remove: h, move: l } = B({
+    control: r.control,
+    name: t
+  }), p = x.map((d, v) => ({
+    ...d,
+    name: v
+  }));
+  return /* @__PURE__ */ n(j.Provider, { value: { form: r, layout: i, size: c, listName: t }, children: a(p, {
+    add: m,
+    remove: h,
+    move: l
+  }) });
+}
+function Y() {
+  const t = q(), a = t;
+  return a.setFieldValue = t.setValue, a.getFieldValue = (r) => t.getValues(r), a.getFieldsValue = t.getValues, a.setFieldsValue = (r) => {
+    Object.keys(r).forEach((i) => {
+      t.setValue(i, r[i]);
+    });
+  }, a.validateFields = t.trigger, a.resetFields = t.reset, a.isFieldTouched = (r) => !!t.formState.touchedFields[r], a.getFieldError = (r) => t.formState.errors[r]?.message, a;
+}
+const Q = Object.assign(H, {
+  Item: U,
+  List: W,
+  useForm: Y
+});
+export {
+  Q as Form,
+  Y as useFormInstance
+};
+//# sourceMappingURL=index29.js.map

package/dist/index29.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index29.js","sources":["../src/components/Form.tsx"],"sourcesContent":["import React, { createContext, useContext, cloneElement, isValidElement, useId } from 'react'\nimport { useForm, UseFormReturn, FieldValues, SubmitHandler, UseFormProps, Controller, useFieldArray, FieldArrayPath, FieldArray } from 'react-hook-form'\n\ninterface FormContextValue {\n  form: UseFormReturn<any>\n  layout?: 'vertical' | 'horizontal' | 'inline'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  listName?: string\n}\n\nconst FormContext = createContext<FormContextValue | undefined>(undefined)\n\n// Built-in type validators\nconst TYPE_VALIDATORS = {\n  email: {\n    value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n    message: 'Please enter a valid email address',\n  },\n  url: {\n    value: /^https?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_\\+.~#?&//=]*)$/,\n    message: 'Please enter a valid URL',\n  },\n  number: {\n    value: /^-?\\d+(\\.\\d+)?$/,\n    message: 'Please enter a valid number',\n  },\n}\n\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues>\n  extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {\n  form?: UseFormReturn<TFieldValues>\n  onFinish?: SubmitHandler<TFieldValues>\n  initialValues?: UseFormProps<TFieldValues>['defaultValues']\n  layout?: 'vertical' | 'horizontal' | 'inline'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  children: React.ReactNode\n}\n\nexport interface FormRule {\n  required?: boolean | string\n  type?: 'email' | 'url' | 'number'\n  min?: number | { value: number; message: string }\n  max?: number | { value: number; message: string }\n  pattern?: RegExp | { value: RegExp; message: string }\n  message?: string\n  validate?: (value: any) => boolean | string | Promise<boolean | string>\n}\n\nexport interface FormItemProps {\n  name?: string | string[]\n  label?: string\n  help?: string\n  required?: boolean\n  rules?: FormRule | FormRule[]\n  valuePropName?: string\n  inline?: boolean\n  className?: string\n  children: React.ReactElement\n}\n\nexport interface FormListProps<TFieldValues extends FieldValues = FieldValues> {\n  name: FieldArrayPath<TFieldValues>\n  children: (\n    fields: FieldArray<TFieldValues>[],\n    operations: {\n      add: (value?: any) => void\n      remove: (index: number) => void\n      move: (from: number, to: number) => void\n    }\n  ) => React.ReactNode\n}\n\nfunction useFormContext() {\n  const context = useContext(FormContext)\n  if (!context) {\n    throw new Error('Form compound components must be used within Form')\n  }\n  return context\n}\n\nfunction FormRoot<TFieldValues extends FieldValues = FieldValues>({\n  form: externalForm,\n  onFinish,\n  initialValues,\n  layout = 'vertical',\n  size,\n  children,\n  className = '',\n  noValidate = true,\n  ...props\n}: FormProps<TFieldValues>) {\n  const internalForm = useForm<TFieldValues>({\n    defaultValues: initialValues,\n  })\n\n  const form = externalForm || internalForm\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    if (onFinish) {\n      form.handleSubmit(onFinish)(e)\n    }\n  }\n\n  return (\n    <FormContext.Provider value={{ form, layout, size }}>\n      <form onSubmit={handleSubmit} className={className} noValidate={noValidate} {...props}>\n        {children}\n      </form>\n    </FormContext.Provider>\n  )\n}\n\nfunction FormItem({\n  name,\n  label,\n  help,\n  required = false,\n  rules,\n  valuePropName = 'value',\n  inline = false,\n  className = '',\n  children,\n}: FormItemProps) {\n  const { form, size, listName, layout } = useFormContext()\n  const inputId = useId()\n  const errorId = useId()\n\n  if (!name) {\n    // Render without form control if no name provided\n    return <div className={`form-control ${inline ? 'w-auto' : 'w-full'} ${className}`}>{children}</div>\n  }\n\n  // Handle nested field names (for Form.List)\n  let fieldName: string\n  if (Array.isArray(name)) {\n    // If we're inside a Form.List, prepend the list name\n    const fullPath = listName ? [listName, ...name] : name\n    fieldName = fullPath.join('.')\n  } else {\n    fieldName = name\n  }\n\n  // Get error by traversing the error object path\n  const getErrorByPath = (path: string) => {\n    const keys = path.split('.')\n    let error: any = form.formState.errors\n    for (const key of keys) {\n      if (!error) break\n      error = error[key]\n    }\n    return error\n  }\n\n  const error = getErrorByPath(fieldName)\n  const errorMessage = error?.message as string | undefined\n\n  // Normalize rules to array\n  const rulesArray: FormRule[] = rules\n    ? Array.isArray(rules) ? rules : [rules]\n    : []\n\n  // Build validation rules\n  const validationRules: any = {}\n  const patternValidators: Array<{ pattern: RegExp; message: string }> = []\n  const customValidators: Array<(value: any) => boolean | string | Promise<boolean | string>> = []\n\n  // Handle top-level required prop\n  if (required) {\n    validationRules.required = 'This field is required'\n  }\n\n  // Process each rule\n  for (const rule of rulesArray) {\n    // Required\n    if (rule.required) {\n      validationRules.required = typeof rule.required === 'string'\n        ? rule.required\n        : rule.message || 'This field is required'\n    }\n\n    // Type validator\n    if (rule.type && TYPE_VALIDATORS[rule.type]) {\n      patternValidators.push({\n        pattern: TYPE_VALIDATORS[rule.type].value,\n        message: rule.message || TYPE_VALIDATORS[rule.type].message,\n      })\n    }\n\n    // Min length\n    if (rule.min !== undefined) {\n      const minValue = typeof rule.min === 'object' ? rule.min.value : rule.min\n      const minMessage = typeof rule.min === 'object'\n        ? rule.min.message\n        : rule.message || `Minimum length is ${minValue} characters`\n      validationRules.minLength = { value: minValue, message: minMessage }\n    }\n\n    // Max length\n    if (rule.max !== undefined) {\n      const maxValue = typeof rule.max === 'object' ? rule.max.value : rule.max\n      const maxMessage = typeof rule.max === 'object'\n        ? rule.max.message\n        : rule.message || `Maximum length is ${maxValue} characters`\n      validationRules.maxLength = { value: maxValue, message: maxMessage }\n    }\n\n    // Pattern - collect all patterns\n    if (rule.pattern) {\n      const patternValue = rule.pattern instanceof RegExp ? rule.pattern : rule.pattern.value\n      const patternMessage = rule.pattern instanceof RegExp\n        ? rule.message || 'Invalid format'\n        : rule.pattern.message\n      patternValidators.push({ pattern: patternValue, message: patternMessage })\n    }\n\n    // Custom validator\n    if (rule.validate) {\n      customValidators.push(rule.validate)\n    }\n  }\n\n  // Combine all pattern and custom validators into a single validate function\n  if (patternValidators.length > 0 || customValidators.length > 0) {\n    validationRules.validate = async (value: any) => {\n      // Skip validation if empty (required rule handles that)\n      if (!value && !validationRules.required) return true\n\n      // Check all patterns\n      for (const { pattern, message } of patternValidators) {\n        if (value && !pattern.test(value)) {\n          return message\n        }\n      }\n\n      // Run all custom validators\n      for (const validator of customValidators) {\n        const result = await validator(value)\n        if (result !== true) {\n          return result\n        }\n      }\n\n      return true\n    }\n  }\n\n  return (\n    <Controller\n      name={fieldName}\n      control={form.control}\n      rules={validationRules}\n      render={({ field }) => {\n        const { value, onChange, onBlur, ref } = field\n\n        // Clone the child element and inject form control props\n        const childProps: any = {\n          id: inputId,\n          ref,\n          onBlur,\n          'aria-invalid': error ? true : undefined,\n          'aria-describedby': error ? errorId : undefined,\n        }\n\n        // Handle different value prop names (e.g., 'checked' for checkboxes)\n        if (valuePropName === 'checked') {\n          childProps.checked = value\n          childProps.onChange = (e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.checked)\n        } else {\n          childProps.value = value || ''\n          childProps.onChange = (eventOrValue: any) => {\n            // Handle components that pass value directly (e.g., Range, Rating)\n            // vs components that pass event object (e.g., Input, Select)\n            if (eventOrValue && eventOrValue.target !== undefined) {\n              onChange(eventOrValue.target.value)\n            } else {\n              onChange(eventOrValue)\n            }\n          }\n        }\n\n        // Apply size if specified at form level\n        if (size && isValidElement(children)) {\n          const existingProps = children.props as any\n          if (!existingProps.size) {\n            childProps.size = size\n          }\n        }\n\n        // Apply error styling\n        if (error) {\n          childProps.color = 'error'\n        }\n\n        const enhancedChild = isValidElement(children)\n          ? cloneElement(children as React.ReactElement<any>, childProps)\n          : children\n\n        const isHorizontal = layout === 'horizontal'\n\n        return (\n          <div className={`form-control ${inline ? 'w-auto' : 'w-full'} ${className}`}>\n            <div className={isHorizontal ? 'flex items-center gap-4' : ''}>\n              {label && (\n                <label htmlFor={inputId} className={`label ${isHorizontal ? 'flex-shrink-0' : 'mb-2'}`}>\n                  <span className=\"label-text\">\n                    {label}\n                    {required && <span className=\"text-error ml-1\">*</span>}\n                  </span>\n                </label>\n              )}\n              <div className={isHorizontal ? 'flex-1' : ''}>\n                {enhancedChild}\n              </div>\n            </div>\n            {!isHorizontal && !inline && (\n              <div className=\"label\">\n                <span id={errorId} className=\"label-text-alt text-error min-h-[1.25rem]\" role={errorMessage ? 'alert' : undefined}>\n                  {errorMessage || (help && <span className=\"text-base-content/70\">{help}</span>) || '\\u00A0'}\n                </span>\n              </div>\n            )}\n            {isHorizontal && (errorMessage || help) && (\n              <div className=\"label\">\n                <span id={errorId} className=\"label-text-alt text-error min-h-[1.25rem] ml-auto\" role={errorMessage ? 'alert' : undefined}>\n                  {errorMessage || (help && <span className=\"text-base-content/70\">{help}</span>)}\n                </span>\n              </div>\n            )}\n          </div>\n        )\n      }}\n    />\n  )\n}\n\nfunction FormList<TFieldValues extends FieldValues = FieldValues>({\n  name,\n  children,\n}: FormListProps<TFieldValues>) {\n  const { form, layout, size } = useFormContext()\n\n  const { fields, append, remove, move } = useFieldArray({\n    control: form.control,\n    name,\n  })\n\n  // Add name (index) to each field for proper path construction\n  const fieldsWithName = fields.map((field, index) => ({\n    ...field,\n    name: index,\n  }))\n\n  return (\n    <FormContext.Provider value={{ form, layout, size, listName: name as string }}>\n      {children(fieldsWithName as any, {\n        add: append,\n        remove,\n        move,\n      })}\n    </FormContext.Provider>\n  )\n}\n\n// Enhanced hook to expose full form API\nexport function useFormInstance<TFieldValues extends FieldValues = FieldValues>() {\n  const formInstance = useForm<TFieldValues>()\n\n  // Add convenience methods to the instance\n  const enhancedInstance = formInstance as typeof formInstance & {\n    setFieldValue: typeof formInstance.setValue\n    getFieldValue: (name: any) => any\n    getFieldsValue: typeof formInstance.getValues\n    setFieldsValue: (values: any) => void\n    validateFields: typeof formInstance.trigger\n    resetFields: typeof formInstance.reset\n    isFieldTouched: (name: string) => boolean\n    getFieldError: (name: string) => string | undefined\n  }\n\n  // Add the alias methods\n  enhancedInstance.setFieldValue = formInstance.setValue\n  enhancedInstance.getFieldValue = (name: any) => formInstance.getValues(name)\n  enhancedInstance.getFieldsValue = formInstance.getValues\n  enhancedInstance.setFieldsValue = (values: any) => {\n    Object.keys(values).forEach((key) => {\n      formInstance.setValue(key as any, values[key])\n    })\n  }\n  enhancedInstance.validateFields = formInstance.trigger\n  enhancedInstance.resetFields = formInstance.reset\n  enhancedInstance.isFieldTouched = (name: string) => {\n    const touched = formInstance.formState.touchedFields as any\n    return !!touched[name]\n  }\n  enhancedInstance.getFieldError = (name: string) => {\n    const errors = formInstance.formState.errors as any\n    return errors[name]?.message as string | undefined\n  }\n\n  return enhancedInstance\n}\n\nexport const Form = Object.assign(FormRoot, {\n  Item: FormItem,\n  List: FormList,\n  useForm: useFormInstance,\n})\n\nexport type { UseFormReturn as FormInstance }\n"],"names":["FormContext","createContext","TYPE_VALIDATORS","useFormContext","context","useContext","FormRoot","externalForm","onFinish","initialValues","layout","size","children","className","noValidate","props","internalForm","useForm","form","handleSubmit","e","jsx","FormItem","name","label","help","required","rules","valuePropName","inline","listName","inputId","useId","errorId","fieldName","error","path","keys","key","errorMessage","rulesArray","validationRules","patternValidators","customValidators","rule","minValue","minMessage","maxValue","maxMessage","patternValue","patternMessage","value","pattern","message","validator","result","Controller","field","onChange","onBlur","ref","childProps","eventOrValue","isValidElement","enhancedChild","cloneElement","isHorizontal","jsxs","FormList","fields","append","remove","move","useFieldArray","fieldsWithName","index","useFormInstance","formInstance","enhancedInstance","values","Form"],"mappings":";;;AAUA,MAAMA,IAAcC,EAA4C,MAAS,GAGnEC,IAAkB;AAAA,EACtB,OAAO;AAAA,IACL,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAAA,EAEX,KAAK;AAAA,IACH,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAAA,EAEX,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAEb;AA8CA,SAASC,IAAiB;AACxB,QAAMC,IAAUC,EAAWL,CAAW;AACtC,MAAI,CAACI;AACH,UAAM,IAAI,MAAM,mDAAmD;AAErE,SAAOA;AACT;AAEA,SAASE,EAAyD;AAAA,EAChE,MAAMC;AAAA,EACN,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,GAA4B;AAC1B,QAAMC,IAAeC,EAAsB;AAAA,IACzC,eAAeR;AAAA,EAAA,CAChB,GAEKS,IAAOX,KAAgBS,GAEvBG,IAAe,CAACC,MAAwC;AAC5D,IAAAA,EAAE,eAAA,GACEZ,KACFU,EAAK,aAAaV,CAAQ,EAAEY,CAAC;AAAA,EAEjC;AAEA,2BACGpB,EAAY,UAAZ,EAAqB,OAAO,EAAE,MAAAkB,GAAM,QAAAR,GAAQ,MAAAC,EAAA,GAC3C,UAAA,gBAAAU,EAAC,QAAA,EAAK,UAAUF,GAAc,WAAAN,GAAsB,YAAAC,GAAyB,GAAGC,GAC7E,UAAAH,GACH,GACF;AAEJ;AAEA,SAASU,EAAS;AAAA,EAChB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,QAAAC,IAAS;AAAA,EACT,WAAAhB,IAAY;AAAA,EACZ,UAAAD;AACF,GAAkB;AAChB,QAAM,EAAE,MAAAM,GAAM,MAAAP,GAAM,UAAAmB,GAAU,QAAApB,EAAA,IAAWP,EAAA,GACnC4B,IAAUC,EAAA,GACVC,IAAUD,EAAA;AAEhB,MAAI,CAACT;AAEH,WAAO,gBAAAF,EAAC,OAAA,EAAI,WAAW,gBAAgBQ,IAAS,WAAW,QAAQ,IAAIhB,CAAS,IAAK,UAAAD,EAAA,CAAS;AAIhG,MAAIsB;AACJ,EAAI,MAAM,QAAQX,CAAI,IAGpBW,KADiBJ,IAAW,CAACA,GAAU,GAAGP,CAAI,IAAIA,GAC7B,KAAK,GAAG,IAE7BW,IAAYX;AAcd,QAAMY,KAViB,CAACC,MAAiB;AACvC,UAAMC,IAAOD,EAAK,MAAM,GAAG;AAC3B,QAAID,IAAajB,EAAK,UAAU;AAChC,eAAWoB,KAAOD,GAAM;AACtB,UAAI,CAACF,EAAO;AACZA,MAAAA,IAAQA,EAAMG,CAAG;AAAA,IACnB;AACA,WAAOH;AAAAA,EACT,GAE6BD,CAAS,GAChCK,IAAeJ,GAAO,SAGtBK,IAAyBb,IAC3B,MAAM,QAAQA,CAAK,IAAIA,IAAQ,CAACA,CAAK,IACrC,CAAA,GAGEc,IAAuB,CAAA,GACvBC,IAAiE,CAAA,GACjEC,IAAwF,CAAA;AAG9F,EAAIjB,MACFe,EAAgB,WAAW;AAI7B,aAAWG,KAAQJ,GAAY;AAiB7B,QAfII,EAAK,aACPH,EAAgB,WAAW,OAAOG,EAAK,YAAa,WAChDA,EAAK,WACLA,EAAK,WAAW,2BAIlBA,EAAK,QAAQ1C,EAAgB0C,EAAK,IAAI,KACxCF,EAAkB,KAAK;AAAA,MACrB,SAASxC,EAAgB0C,EAAK,IAAI,EAAE;AAAA,MACpC,SAASA,EAAK,WAAW1C,EAAgB0C,EAAK,IAAI,EAAE;AAAA,IAAA,CACrD,GAICA,EAAK,QAAQ,QAAW;AAC1B,YAAMC,IAAW,OAAOD,EAAK,OAAQ,WAAWA,EAAK,IAAI,QAAQA,EAAK,KAChEE,IAAa,OAAOF,EAAK,OAAQ,WACnCA,EAAK,IAAI,UACTA,EAAK,WAAW,qBAAqBC,CAAQ;AACjD,MAAAJ,EAAgB,YAAY,EAAE,OAAOI,GAAU,SAASC,EAAA;AAAA,IAC1D;AAGA,QAAIF,EAAK,QAAQ,QAAW;AAC1B,YAAMG,IAAW,OAAOH,EAAK,OAAQ,WAAWA,EAAK,IAAI,QAAQA,EAAK,KAChEI,IAAa,OAAOJ,EAAK,OAAQ,WACnCA,EAAK,IAAI,UACTA,EAAK,WAAW,qBAAqBG,CAAQ;AACjD,MAAAN,EAAgB,YAAY,EAAE,OAAOM,GAAU,SAASC,EAAA;AAAA,IAC1D;AAGA,QAAIJ,EAAK,SAAS;AAChB,YAAMK,IAAeL,EAAK,mBAAmB,SAASA,EAAK,UAAUA,EAAK,QAAQ,OAC5EM,IAAiBN,EAAK,mBAAmB,SAC3CA,EAAK,WAAW,mBAChBA,EAAK,QAAQ;AACjB,MAAAF,EAAkB,KAAK,EAAE,SAASO,GAAc,SAASC,GAAgB;AAAA,IAC3E;AAGA,IAAIN,EAAK,YACPD,EAAiB,KAAKC,EAAK,QAAQ;AAAA,EAEvC;AAGA,UAAIF,EAAkB,SAAS,KAAKC,EAAiB,SAAS,OAC5DF,EAAgB,WAAW,OAAOU,MAAe;AAE/C,QAAI,CAACA,KAAS,CAACV,EAAgB,SAAU,QAAO;AAGhD,eAAW,EAAE,SAAAW,GAAS,SAAAC,EAAA,KAAaX;AACjC,UAAIS,KAAS,CAACC,EAAQ,KAAKD,CAAK;AAC9B,eAAOE;AAKX,eAAWC,KAAaX,GAAkB;AACxC,YAAMY,IAAS,MAAMD,EAAUH,CAAK;AACpC,UAAII,MAAW;AACb,eAAOA;AAAA,IAEX;AAEA,WAAO;AAAA,EACT,IAIA,gBAAAlC;AAAA,IAACmC;AAAA,IAAA;AAAA,MACC,MAAMtB;AAAA,MACN,SAAShB,EAAK;AAAA,MACd,OAAOuB;AAAA,MACP,QAAQ,CAAC,EAAE,OAAAgB,QAAY;AACrB,cAAM,EAAE,OAAAN,GAAO,UAAAO,GAAU,QAAAC,GAAQ,KAAAC,MAAQH,GAGnCI,IAAkB;AAAA,UACtB,IAAI9B;AAAA,UACJ,KAAA6B;AAAA,UACA,QAAAD;AAAA,UACA,gBAAgBxB,IAAQ,KAAO;AAAA,UAC/B,oBAAoBA,IAAQF,IAAU;AAAA,QAAA;AAIxC,QAAIL,MAAkB,aACpBiC,EAAW,UAAUV,GACrBU,EAAW,WAAW,CAACzC,MAA2CsC,EAAStC,EAAE,OAAO,OAAO,MAE3FyC,EAAW,QAAQV,KAAS,IAC5BU,EAAW,WAAW,CAACC,MAAsB;AAG3C,UAAIA,KAAgBA,EAAa,WAAW,SAC1CJ,EAASI,EAAa,OAAO,KAAK,IAElCJ,EAASI,CAAY;AAAA,QAEzB,IAIEnD,KAAQoD,EAAenD,CAAQ,MACXA,EAAS,MACZ,SACjBiD,EAAW,OAAOlD,KAKlBwB,MACF0B,EAAW,QAAQ;AAGrB,cAAMG,IAAgBD,EAAenD,CAAQ,IACzCqD,EAAarD,GAAqCiD,CAAU,IAC5DjD,GAEEsD,IAAexD,MAAW;AAEhC,eACE,gBAAAyD,EAAC,SAAI,WAAW,gBAAgBtC,IAAS,WAAW,QAAQ,IAAIhB,CAAS,IACvE,UAAA;AAAA,UAAA,gBAAAsD,EAAC,OAAA,EAAI,WAAWD,IAAe,4BAA4B,IACxD,UAAA;AAAA,YAAA1C,KACC,gBAAAH,EAAC,SAAA,EAAM,SAASU,GAAS,WAAW,SAASmC,IAAe,kBAAkB,MAAM,IAClF,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,cACb,UAAA;AAAA,cAAA3C;AAAA,cACAE,KAAY,gBAAAL,EAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,IAAA,CAAC;AAAA,YAAA,EAAA,CAClD,EAAA,CACF;AAAA,8BAED,OAAA,EAAI,WAAW6C,IAAe,WAAW,IACvC,UAAAF,EAAA,CACH;AAAA,UAAA,GACF;AAAA,UACC,CAACE,KAAgB,CAACrC,KACjB,gBAAAR,EAAC,OAAA,EAAI,WAAU,SACb,UAAA,gBAAAA,EAAC,QAAA,EAAK,IAAIY,GAAS,WAAU,6CAA4C,MAAMM,IAAe,UAAU,QACrG,UAAAA,KAAiBd,KAAQ,gBAAAJ,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAI,EAAA,CAAK,KAAY,IAAA,CACrF,GACF;AAAA,UAEDyC,MAAiB3B,KAAgBd,MAChC,gBAAAJ,EAAC,OAAA,EAAI,WAAU,SACb,UAAA,gBAAAA,EAAC,QAAA,EAAK,IAAIY,GAAS,WAAU,qDAAoD,MAAMM,IAAe,UAAU,QAC7G,UAAAA,KAAiBd,KAAQ,gBAAAJ,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAI,EAAA,CAAK,EAAA,CACzE,EAAA,CACF;AAAA,QAAA,GAEJ;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAAS2C,EAAyD;AAAA,EAChE,MAAA7C;AAAA,EACA,UAAAX;AACF,GAAgC;AAC9B,QAAM,EAAE,MAAAM,GAAM,QAAAR,GAAQ,MAAAC,EAAA,IAASR,EAAA,GAEzB,EAAE,QAAAkE,GAAQ,QAAAC,GAAQ,QAAAC,GAAQ,MAAAC,EAAA,IAASC,EAAc;AAAA,IACrD,SAASvD,EAAK;AAAA,IACd,MAAAK;AAAA,EAAA,CACD,GAGKmD,IAAiBL,EAAO,IAAI,CAACZ,GAAOkB,OAAW;AAAA,IACnD,GAAGlB;AAAA,IACH,MAAMkB;AAAA,EAAA,EACN;AAEF,SACE,gBAAAtD,EAACrB,EAAY,UAAZ,EAAqB,OAAO,EAAE,MAAAkB,GAAM,QAAAR,GAAQ,MAAAC,GAAM,UAAUY,EAAA,GAC1D,YAASmD,GAAuB;AAAA,IAC/B,KAAKJ;AAAA,IACL,QAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,CACD,GACH;AAEJ;AAGO,SAASI,IAAkE;AAChF,QAAMC,IAAe5D,EAAA,GAGf6D,IAAmBD;AAYzB,SAAAC,EAAiB,gBAAgBD,EAAa,UAC9CC,EAAiB,gBAAgB,CAACvD,MAAcsD,EAAa,UAAUtD,CAAI,GAC3EuD,EAAiB,iBAAiBD,EAAa,WAC/CC,EAAiB,iBAAiB,CAACC,MAAgB;AACjD,WAAO,KAAKA,CAAM,EAAE,QAAQ,CAACzC,MAAQ;AACnC,MAAAuC,EAAa,SAASvC,GAAYyC,EAAOzC,CAAG,CAAC;AAAA,IAC/C,CAAC;AAAA,EACH,GACAwC,EAAiB,iBAAiBD,EAAa,SAC/CC,EAAiB,cAAcD,EAAa,OAC5CC,EAAiB,iBAAiB,CAACvD,MAE1B,CAAC,CADQsD,EAAa,UAAU,cACtBtD,CAAI,GAEvBuD,EAAiB,gBAAgB,CAACvD,MACjBsD,EAAa,UAAU,OACxBtD,CAAI,GAAG,SAGhBuD;AACT;AAEO,MAAME,IAAO,OAAO,OAAO1E,GAAU;AAAA,EAC1C,MAAMgB;AAAA,EACN,MAAM8C;AAAA,EACN,SAASQ;AACX,CAAC;"}

package/dist/index3.js

@@ -0,0 +1,31 @@
+import { jsx as i } from "react/jsx-runtime";
+const m = ({
+  children: r,
+  className: s = "",
+  type: e,
+  outline: a = !1,
+  dash: l = !1,
+  soft: t = !1,
+  vertical: o = !1,
+  ...n
+}) => {
+  const c = [
+    "alert",
+    e && {
+      info: "alert-info",
+      success: "alert-success",
+      warning: "alert-warning",
+      error: "alert-error"
+    }[e],
+    a && "alert-outline",
+    l && "alert-dash",
+    t && "alert-soft",
+    o && "alert-vertical",
+    s
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i("div", { role: "alert", className: c, ...n, children: r });
+};
+export {
+  m as Alert
+};
+//# sourceMappingURL=index3.js.map

package/dist/index3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index3.js","sources":["../src/components/Alert.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  type?: 'info' | 'success' | 'warning' | 'error'\n  outline?: boolean\n  dash?: boolean\n  soft?: boolean\n  vertical?: boolean\n}\n\nexport const Alert: React.FC<AlertProps> = ({\n  children,\n  className = '',\n  type,\n  outline = false,\n  dash = false,\n  soft = false,\n  vertical = false,\n  ...rest\n}) => {\n  const typeClasses = {\n    info: 'alert-info',\n    success: 'alert-success',\n    warning: 'alert-warning',\n    error: 'alert-error',\n  }\n\n  const classes = [\n    'alert',\n    type && typeClasses[type],\n    outline && 'alert-outline',\n    dash && 'alert-dash',\n    soft && 'alert-soft',\n    vertical && 'alert-vertical',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div role=\"alert\" className={classes} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["Alert","children","className","type","outline","dash","soft","vertical","rest","classes","jsx"],"mappings":";AAWO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,MAAM;AAQJ,QAAMC,IAAU;AAAA,IACd;AAAA,IACAN,KATkB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA,EAKaA,CAAI;AAAA,IACxBC,KAAW;AAAA,IACXC,KAAQ;AAAA,IACRC,KAAQ;AAAA,IACRC,KAAY;AAAA,IACZL;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,SAAI,MAAK,SAAQ,WAAWD,GAAU,GAAGD,GACvC,UAAAP,GACH;AAEJ;"}