@jameskabz/nextcraft-ui 0.6.5 → 0.6.6

package/dist/components/craft-form-field.d.cts

@@ -1,30 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
-
-type CraftFormFieldOption = {
-    label: React.ReactNode;
-    value: string;
-    disabled?: boolean;
-};
-type CraftFormFieldType = "text" | "number" | "password" | "textarea" | "select" | "checkbox" | "slider" | "date" | "color" | "email" | "tel" | "url" | "time" | "datetime-local" | "month" | "week" | "file" | "multifile" | "radio" | "switch" | "range" | "search" | "hidden" | "multiselect" | "currency";
-type CraftFormFieldProps<TValues extends FieldValues = FieldValues> = {
-    name: Path<TValues>;
-    label?: React.ReactNode;
-    description?: React.ReactNode;
-    type?: CraftFormFieldType;
-    options?: CraftFormFieldOption[];
-    placeholder?: string;
-    tone?: ThemeName;
-    className?: string;
-    inputClassName?: string;
-    labelClassName?: string;
-    descriptionClassName?: string;
-    rules?: RegisterOptions<TValues>;
-    disabled?: boolean;
-    fieldProps?: Record<string, unknown>;
-};
-declare function CraftFormField<TValues extends FieldValues = FieldValues>({ name, label, description, type, options, placeholder, tone, className, inputClassName, labelClassName, descriptionClassName, rules, disabled, fieldProps, }: CraftFormFieldProps<TValues>): react_jsx_runtime.JSX.Element;
-
-export { CraftFormField, type CraftFormFieldOption, type CraftFormFieldProps, type CraftFormFieldType };

package/dist/components/craft-form-field.d.ts

@@ -1,30 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
-
-type CraftFormFieldOption = {
-    label: React.ReactNode;
-    value: string;
-    disabled?: boolean;
-};
-type CraftFormFieldType = "text" | "number" | "password" | "textarea" | "select" | "checkbox" | "slider" | "date" | "color" | "email" | "tel" | "url" | "time" | "datetime-local" | "month" | "week" | "file" | "multifile" | "radio" | "switch" | "range" | "search" | "hidden" | "multiselect" | "currency";
-type CraftFormFieldProps<TValues extends FieldValues = FieldValues> = {
-    name: Path<TValues>;
-    label?: React.ReactNode;
-    description?: React.ReactNode;
-    type?: CraftFormFieldType;
-    options?: CraftFormFieldOption[];
-    placeholder?: string;
-    tone?: ThemeName;
-    className?: string;
-    inputClassName?: string;
-    labelClassName?: string;
-    descriptionClassName?: string;
-    rules?: RegisterOptions<TValues>;
-    disabled?: boolean;
-    fieldProps?: Record<string, unknown>;
-};
-declare function CraftFormField<TValues extends FieldValues = FieldValues>({ name, label, description, type, options, placeholder, tone, className, inputClassName, labelClassName, descriptionClassName, rules, disabled, fieldProps, }: CraftFormFieldProps<TValues>): react_jsx_runtime.JSX.Element;
-
-export { CraftFormField, type CraftFormFieldOption, type CraftFormFieldProps, type CraftFormFieldType };

package/dist/components/craft-form-field.js

@@ -1,280 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  Controller,
-  useFormContext
-} from "react-hook-form";
-import { cn } from "@/utils/cn";
-import { CraftInput } from "@/components/craft-input";
-import { CraftTextarea } from "@/components/craft-textarea";
-import { CraftSelect } from "@/components/craft-select";
-import { CraftCheckbox } from "@/components/craft-checkbox";
-import { CraftSwitch } from "@/components/craft-switch";
-import { CraftDatePicker } from "@/components/craft-date-picker";
-import { CraftNumberInput } from "@/components/craft-number-input";
-import { CraftCurrencyInput } from "@/components/craft-currency-input";
-function getFieldError(errors, name) {
-  if (!errors || typeof errors !== "object") return void 0;
-  const segments = name.split(".");
-  let current = errors;
-  for (const segment of segments) {
-    if (!current || typeof current !== "object") return void 0;
-    current = current[segment];
-  }
-  return current;
-}
-const baseInputClass = "w-full rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)] focus:outline-none focus:ring-4 transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed border-[rgb(var(--nc-border)/0.35)] focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)] px-5 py-3 text-base placeholder:text-[rgb(var(--nc-fg-soft))]";
-function CraftFormField({
-  name,
-  label,
-  description,
-  type = "text",
-  options = [],
-  placeholder,
-  tone,
-  className,
-  inputClassName,
-  labelClassName,
-  descriptionClassName,
-  rules,
-  disabled,
-  fieldProps
-}) {
-  const { register, control, formState } = useFormContext();
-  const error = getFieldError(formState.errors, name);
-  const errorMessage = typeof (error == null ? void 0 : error.message) === "string" ? error.message : void 0;
-  if (type === "hidden") {
-    return /* @__PURE__ */ jsx("input", { type: "hidden", ...register(name, rules) });
-  }
-  const labelNode = label ? /* @__PURE__ */ jsx(
-    "label",
-    {
-      htmlFor: name,
-      className: cn(
-        "text-sm font-semibold text-[rgb(var(--nc-fg))]",
-        labelClassName
-      ),
-      children: label
-    }
-  ) : null;
-  const descriptionNode = description ? /* @__PURE__ */ jsx(
-    "p",
-    {
-      className: cn(
-        "text-xs text-[rgb(var(--nc-fg-muted))]",
-        descriptionClassName
-      ),
-      children: description
-    }
-  ) : null;
-  const errorNode = errorMessage ? /* @__PURE__ */ jsx("p", { className: "text-xs text-[rgb(var(--nc-accent-3))]", children: errorMessage }) : null;
-  const renderInput = () => {
-    if (type === "textarea") {
-      return /* @__PURE__ */ jsx(
-        CraftTextarea,
-        {
-          id: name,
-          placeholder,
-          tone,
-          className: inputClassName,
-          disabled,
-          ...fieldProps,
-          ...register(name, rules)
-        }
-      );
-    }
-    if (type === "select" || type === "multiselect") {
-      return /* @__PURE__ */ jsxs(
-        CraftSelect,
-        {
-          id: name,
-          tone,
-          className: inputClassName,
-          multiple: type === "multiselect",
-          disabled,
-          ...fieldProps,
-          ...register(name, rules),
-          children: [
-            placeholder && /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: placeholder }),
-            options.map((option) => /* @__PURE__ */ jsx(
-              "option",
-              {
-                value: option.value,
-                disabled: option.disabled,
-                children: option.label
-              },
-              option.value
-            ))
-          ]
-        }
-      );
-    }
-    if (type === "checkbox") {
-      return /* @__PURE__ */ jsx(
-        CraftCheckbox,
-        {
-          tone,
-          label,
-          description,
-          disabled,
-          ...fieldProps,
-          ...register(name, rules)
-        }
-      );
-    }
-    if (type === "switch") {
-      return /* @__PURE__ */ jsx(
-        CraftSwitch,
-        {
-          tone,
-          label,
-          disabled,
-          ...fieldProps,
-          ...register(name, rules)
-        }
-      );
-    }
-    if (type === "date") {
-      return /* @__PURE__ */ jsx(
-        Controller,
-        {
-          control,
-          name,
-          rules,
-          render: ({ field }) => {
-            var _a;
-            return /* @__PURE__ */ jsx(
-              CraftDatePicker,
-              {
-                value: (_a = field.value) != null ? _a : "",
-                onChange: field.onChange,
-                tone,
-                placeholder,
-                ...fieldProps
-              }
-            );
-          }
-        }
-      );
-    }
-    if (type === "number") {
-      return /* @__PURE__ */ jsx(
-        CraftNumberInput,
-        {
-          id: name,
-          tone,
-          placeholder,
-          className: inputClassName,
-          disabled,
-          ...fieldProps,
-          ...register(name, rules)
-        }
-      );
-    }
-    if (type === "currency") {
-      return /* @__PURE__ */ jsx(
-        CraftCurrencyInput,
-        {
-          id: name,
-          tone,
-          placeholder,
-          className: inputClassName,
-          disabled,
-          ...fieldProps,
-          ...register(name, rules)
-        }
-      );
-    }
-    if (type === "radio") {
-      return /* @__PURE__ */ jsx("div", { className: "grid gap-3", children: options.map((option) => /* @__PURE__ */ jsxs(
-        "label",
-        {
-          className: cn(
-            "flex items-center gap-3 rounded-2xl border border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.08)] px-4 py-3 text-sm text-[rgb(var(--nc-fg))]",
-            "transition-all duration-200",
-            "focus-within:ring-2 focus-within:ring-[rgb(var(--nc-accent-1)/0.5)]",
-            option.disabled ? "opacity-60" : "cursor-pointer"
-          ),
-          "data-nc-theme": tone,
-          children: [
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "radio",
-                value: option.value,
-                disabled: option.disabled || disabled,
-                className: "h-4 w-4 accent-[rgb(var(--nc-accent-1))]",
-                ...fieldProps,
-                ...register(name, rules)
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { children: option.label })
-          ]
-        },
-        option.value
-      )) });
-    }
-    if (type === "range" || type === "slider") {
-      return /* @__PURE__ */ jsx(
-        "input",
-        {
-          id: name,
-          type: "range",
-          className: cn(
-            "w-full accent-[rgb(var(--nc-accent-1))]",
-            inputClassName
-          ),
-          disabled,
-          ...fieldProps,
-          ...register(name, rules)
-        }
-      );
-    }
-    if (type === "file" || type === "multifile") {
-      return /* @__PURE__ */ jsx(
-        "input",
-        {
-          id: name,
-          type: "file",
-          multiple: type === "multifile",
-          className: cn(
-            baseInputClass,
-            "file:mr-4 file:rounded-xl file:border-0 file:bg-[rgb(var(--nc-surface)/0.35)] file:px-4 file:py-2 file:text-sm file:font-semibold file:text-[rgb(var(--nc-fg))]",
-            inputClassName
-          ),
-          disabled,
-          ...fieldProps,
-          ...register(name, rules)
-        }
-      );
-    }
-    const inputType = type === "search" || type === "password" || type === "email" || type === "tel" || type === "url" || type === "time" || type === "datetime-local" || type === "month" || type === "week" || type === "color" ? type : "text";
-    return /* @__PURE__ */ jsx(
-      CraftInput,
-      {
-        id: name,
-        type: inputType,
-        placeholder,
-        tone,
-        className: inputClassName,
-        disabled,
-        ...fieldProps,
-        ...register(name, rules)
-      }
-    );
-  };
-  const showLabel = type !== "checkbox" && type !== "switch";
-  const showDescriptionAbove = type !== "checkbox" && type !== "switch";
-  const showDescriptionBelow = type === "switch";
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), "data-nc-theme": tone, children: [
-    showLabel ? labelNode : null,
-    showDescriptionAbove ? descriptionNode : null,
-    renderInput(),
-    showDescriptionBelow ? descriptionNode : null,
-    errorNode
-  ] });
-}
-export {
-  CraftFormField
-};
-//# sourceMappingURL=craft-form-field.js.map

package/dist/components/craft-form-field.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/craft-form-field.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Controller,\n  type FieldValues,\n  type Path,\n  type RegisterOptions,\n  useFormContext,\n} from \"react-hook-form\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftInput } from \"@/components/craft-input\";\nimport { CraftTextarea } from \"@/components/craft-textarea\";\nimport { CraftSelect } from \"@/components/craft-select\";\nimport { CraftCheckbox } from \"@/components/craft-checkbox\";\nimport { CraftSwitch } from \"@/components/craft-switch\";\nimport { CraftDatePicker } from \"@/components/craft-date-picker\";\nimport { CraftNumberInput } from \"@/components/craft-number-input\";\nimport { CraftCurrencyInput } from \"@/components/craft-currency-input\";\n\nexport type CraftFormFieldOption = {\n  label: React.ReactNode;\n  value: string;\n  disabled?: boolean;\n};\n\nexport type CraftFormFieldType =\n  | \"text\"\n  | \"number\"\n  | \"password\"\n  | \"textarea\"\n  | \"select\"\n  | \"checkbox\"\n  | \"slider\"\n  | \"date\"\n  | \"color\"\n  | \"email\"\n  | \"tel\"\n  | \"url\"\n  | \"time\"\n  | \"datetime-local\"\n  | \"month\"\n  | \"week\"\n  | \"file\"\n  | \"multifile\"\n  | \"radio\"\n  | \"switch\"\n  | \"range\"\n  | \"search\"\n  | \"hidden\"\n  | \"multiselect\"\n  | \"currency\";\n\nexport type CraftFormFieldProps<TValues extends FieldValues = FieldValues> = {\n  name: Path<TValues>;\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  type?: CraftFormFieldType;\n  options?: CraftFormFieldOption[];\n  placeholder?: string;\n  tone?: ThemeName;\n  className?: string;\n  inputClassName?: string;\n  labelClassName?: string;\n  descriptionClassName?: string;\n  rules?: RegisterOptions<TValues>;\n  disabled?: boolean;\n  fieldProps?: Record<string, unknown>;\n};\n\nfunction getFieldError(errors: unknown, name: string) {\n  if (!errors || typeof errors !== \"object\") return undefined;\n  const segments = name.split(\".\");\n  let current: unknown = errors;\n  for (const segment of segments) {\n    if (!current || typeof current !== \"object\") return undefined;\n    current = (current as Record<string, unknown>)[segment];\n  }\n  return current;\n}\n\nconst baseInputClass =\n  \"w-full rounded-2xl border-2 bg-[rgb(var(--nc-surface)/0.08)] text-[rgb(var(--nc-fg))] backdrop-blur-xl shadow-[inset_0_2px_8px_rgba(0,0,0,0.3)] focus:outline-none focus:ring-4 transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed border-[rgb(var(--nc-border)/0.35)] focus:border-[rgb(var(--nc-accent-1)/0.8)] focus:ring-[rgb(var(--nc-accent-1)/0.3)] px-5 py-3 text-base placeholder:text-[rgb(var(--nc-fg-soft))]\";\n\nexport function CraftFormField<TValues extends FieldValues = FieldValues>({\n  name,\n  label,\n  description,\n  type = \"text\",\n  options = [],\n  placeholder,\n  tone,\n  className,\n  inputClassName,\n  labelClassName,\n  descriptionClassName,\n  rules,\n  disabled,\n  fieldProps,\n}: CraftFormFieldProps<TValues>) {\n  const { register, control, formState } = useFormContext<TValues>();\n  const error = getFieldError(formState.errors, name);\n  const errorMessage =\n    typeof (error as { message?: unknown })?.message === \"string\"\n      ? (error as { message: string }).message\n      : undefined;\n\n  if (type === \"hidden\") {\n    return <input type=\"hidden\" {...register(name, rules)} />;\n  }\n\n  const labelNode = label ? (\n    <label\n      htmlFor={name}\n      className={cn(\n        \"text-sm font-semibold text-[rgb(var(--nc-fg))]\",\n        labelClassName\n      )}\n    >\n      {label}\n    </label>\n  ) : null;\n\n  const descriptionNode = description ? (\n    <p\n      className={cn(\n        \"text-xs text-[rgb(var(--nc-fg-muted))]\",\n        descriptionClassName\n      )}\n    >\n      {description}\n    </p>\n  ) : null;\n\n  const errorNode = errorMessage ? (\n    <p className=\"text-xs text-[rgb(var(--nc-accent-3))]\">{errorMessage}</p>\n  ) : null;\n\n  const renderInput = () => {\n    if (type === \"textarea\") {\n      return (\n        <CraftTextarea\n          id={name}\n          placeholder={placeholder}\n          tone={tone}\n          className={inputClassName}\n          disabled={disabled}\n          {...(fieldProps as Record<string, unknown>)}\n          {...register(name, rules)}\n        />\n      );\n    }\n\n    if (type === \"select\" || type === \"multiselect\") {\n      return (\n        <CraftSelect\n          id={name}\n          tone={tone}\n          className={inputClassName}\n          multiple={type === \"multiselect\"}\n          disabled={disabled}\n          {...(fieldProps as Record<string, unknown>)}\n          {...register(name, rules)}\n        >\n          {placeholder && (\n            <option value=\"\" disabled>\n              {placeholder}\n            </option>\n          )}\n          {options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              disabled={option.disabled}\n            >\n              {option.label}\n            </option>\n          ))}\n        </CraftSelect>\n      );\n    }\n\n    if (type === \"checkbox\") {\n      return (\n        <CraftCheckbox\n          tone={tone}\n          label={label}\n          description={description}\n          disabled={disabled}\n          {...(fieldProps as Record<string, unknown>)}\n          {...register(name, rules)}\n        />\n      );\n    }\n\n    if (type === \"switch\") {\n      return (\n        <CraftSwitch\n          tone={tone}\n          label={label}\n          disabled={disabled}\n          {...(fieldProps as Record<string, unknown>)}\n          {...register(name, rules)}\n        />\n      );\n    }\n\n    if (type === \"date\") {\n      return (\n        <Controller\n          control={control}\n          name={name}\n          rules={rules}\n          render={({ field }) => (\n            <CraftDatePicker\n              value={field.value ?? \"\"}\n              onChange={field.onChange}\n              tone={tone}\n              placeholder={placeholder}\n              {...(fieldProps as Record<string, unknown>)}\n            />\n          )}\n        />\n      );\n    }\n\n    if (type === \"number\") {\n      return (\n        <CraftNumberInput\n          id={name}\n          tone={tone}\n          placeholder={placeholder}\n          className={inputClassName}\n          disabled={disabled}\n          {...(fieldProps as Record<string, unknown>)}\n          {...register(name, rules)}\n        />\n      );\n    }\n\n    if (type === \"currency\") {\n      return (\n        <CraftCurrencyInput\n          id={name}\n          tone={tone}\n          placeholder={placeholder}\n          className={inputClassName}\n          disabled={disabled}\n          {...(fieldProps as Record<string, unknown>)}\n          {...register(name, rules)}\n        />\n      );\n    }\n\n    if (type === \"radio\") {\n      return (\n        <div className=\"grid gap-3\">\n          {options.map((option) => (\n            <label\n              key={option.value}\n              className={cn(\n                \"flex items-center gap-3 rounded-2xl border border-[rgb(var(--nc-border)/0.35)] bg-[rgb(var(--nc-surface)/0.08)] px-4 py-3 text-sm text-[rgb(var(--nc-fg))]\",\n                \"transition-all duration-200\",\n                \"focus-within:ring-2 focus-within:ring-[rgb(var(--nc-accent-1)/0.5)]\",\n                option.disabled ? \"opacity-60\" : \"cursor-pointer\"\n              )}\n              data-nc-theme={tone}\n            >\n              <input\n                type=\"radio\"\n                value={option.value}\n                disabled={option.disabled || disabled}\n                className=\"h-4 w-4 accent-[rgb(var(--nc-accent-1))]\"\n                {...(fieldProps as Record<string, unknown>)}\n                {...register(name, rules)}\n              />\n              <span>{option.label}</span>\n            </label>\n          ))}\n        </div>\n      );\n    }\n\n    if (type === \"range\" || type === \"slider\") {\n      return (\n        <input\n          id={name}\n          type=\"range\"\n          className={cn(\n            \"w-full accent-[rgb(var(--nc-accent-1))]\",\n            inputClassName\n          )}\n          disabled={disabled}\n          {...(fieldProps as Record<string, unknown>)}\n          {...register(name, rules)}\n        />\n      );\n    }\n\n    if (type === \"file\" || type === \"multifile\") {\n      return (\n        <input\n          id={name}\n          type=\"file\"\n          multiple={type === \"multifile\"}\n          className={cn(\n            baseInputClass,\n            \"file:mr-4 file:rounded-xl file:border-0 file:bg-[rgb(var(--nc-surface)/0.35)] file:px-4 file:py-2 file:text-sm file:font-semibold file:text-[rgb(var(--nc-fg))]\",\n            inputClassName\n          )}\n          disabled={disabled}\n          {...(fieldProps as Record<string, unknown>)}\n          {...register(name, rules)}\n        />\n      );\n    }\n\n    const inputType =\n      type === \"search\" ||\n      type === \"password\" ||\n      type === \"email\" ||\n      type === \"tel\" ||\n      type === \"url\" ||\n      type === \"time\" ||\n      type === \"datetime-local\" ||\n      type === \"month\" ||\n      type === \"week\" ||\n      type === \"color\"\n        ? type\n        : \"text\";\n\n    return (\n      <CraftInput\n        id={name}\n        type={inputType}\n        placeholder={placeholder}\n        tone={tone}\n        className={inputClassName}\n        disabled={disabled}\n        {...(fieldProps as Record<string, unknown>)}\n        {...register(name, rules)}\n      />\n    );\n  };\n\n  const showLabel = type !== \"checkbox\" && type !== \"switch\";\n  const showDescriptionAbove = type !== \"checkbox\" && type !== \"switch\";\n  const showDescriptionBelow = type === \"switch\";\n\n  return (\n    <div className={cn(\"space-y-2\", className)} data-nc-theme={tone}>\n      {showLabel ? labelNode : null}\n      {showDescriptionAbove ? descriptionNode : null}\n      {renderInput()}\n      {showDescriptionBelow ? descriptionNode : null}\n      {errorNode}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/craft-form.cjs

@@ -1,114 +0,0 @@
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var craft_form_exports = {};
-__export(craft_form_exports, {
-  CraftForm: () => CraftForm
-});
-module.exports = __toCommonJS(craft_form_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var React = __toESM(require("react"), 1);
-var import_react_hook_form = require("react-hook-form");
-var import_cn = require("@/utils/cn");
-var import_craft_modal = require("@/components/craft-modal");
-var import_craft_button = require("@/components/craft-button");
-var import_craft_submit_button = require("@/components/craft-submit-button");
-function CraftForm({
-  form,
-  onSubmit,
-  open,
-  defaultOpen = false,
-  onOpenChange,
-  trigger,
-  title,
-  description,
-  submitLabel = "Save",
-  cancelLabel = "Cancel",
-  tone,
-  className,
-  children,
-  footer,
-  disableSubmitWhenInvalid = true,
-  closeOnSubmit = true,
-  formClassName
-}) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
-  const isControlled = typeof open === "boolean";
-  const isOpen = isControlled ? open : uncontrolledOpen;
-  const setOpen = React.useCallback(
-    (next) => {
-      if (!isControlled) setUncontrolledOpen(next);
-      onOpenChange == null ? void 0 : onOpenChange(next);
-    },
-    [isControlled, onOpenChange]
-  );
-  const formId = React.useId();
-  const handleSubmit = form.handleSubmit(async (values) => {
-    await onSubmit(values);
-    if (closeOnSubmit) setOpen(false);
-  });
-  const footerContent = footer != null ? footer : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center justify-end gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_craft_button.CraftButton, { type: "button", variant: "ghost", onClick: () => setOpen(false), children: cancelLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_craft_submit_button.CraftSubmitButton,
-      {
-        form: formId,
-        disableWhenInvalid: disableSubmitWhenInvalid,
-        children: submitLabel
-      }
-    )
-  ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.FormProvider, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_craft_modal.CraftModal,
-    {
-      open: isOpen,
-      onOpenChange: setOpen,
-      trigger,
-      title,
-      description,
-      tone,
-      className,
-      footer: footerContent,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "form",
-        {
-          id: formId,
-          onSubmit: handleSubmit,
-          className: (0, import_cn.cn)("space-y-5", formClassName),
-          children
-        }
-      )
-    }
-  ) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CraftForm
-});
-//# sourceMappingURL=craft-form.cjs.map

package/dist/components/craft-form.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/craft-form.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { FormProvider, type FieldValues, type UseFormReturn } from \"react-hook-form\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftModal } from \"@/components/craft-modal\";\nimport { CraftButton } from \"@/components/craft-button\";\nimport { CraftSubmitButton } from \"@/components/craft-submit-button\";\n\nexport type CraftFormProps<TValues extends FieldValues> = {\n  form: UseFormReturn<TValues>;\n  onSubmit: (values: TValues) => void | Promise<void>;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  trigger?: React.ReactNode;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  submitLabel?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  tone?: ThemeName;\n  className?: string;\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  disableSubmitWhenInvalid?: boolean;\n  closeOnSubmit?: boolean;\n  formClassName?: string;\n};\n\nexport function CraftForm<TValues extends FieldValues>({\n  form,\n  onSubmit,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  trigger,\n  title,\n  description,\n  submitLabel = \"Save\",\n  cancelLabel = \"Cancel\",\n  tone,\n  className,\n  children,\n  footer,\n  disableSubmitWhenInvalid = true,\n  closeOnSubmit = true,\n  formClassName,\n}: CraftFormProps<TValues>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const isControlled = typeof open === \"boolean\";\n  const isOpen = isControlled ? open : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const formId = React.useId();\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    await onSubmit(values);\n    if (closeOnSubmit) setOpen(false);\n  });\n\n  const footerContent = footer ?? (\n    <div className=\"flex flex-wrap items-center justify-end gap-3\">\n      <CraftButton type=\"button\" variant=\"ghost\" onClick={() => setOpen(false)}>\n        {cancelLabel}\n      </CraftButton>\n      <CraftSubmitButton\n        form={formId}\n        disableWhenInvalid={disableSubmitWhenInvalid}\n      >\n        {submitLabel}\n      </CraftSubmitButton>\n    </div>\n  );\n\n  return (\n    <FormProvider {...form}>\n      <CraftModal\n        open={isOpen}\n        onOpenChange={setOpen}\n        trigger={trigger}\n        title={title}\n        description={description}\n        tone={tone}\n        className={className}\n        footer={footerContent}\n      >\n        <form\n          id={formId}\n          onSubmit={handleSubmit}\n          className={cn(\"space-y-5\", formClassName)}\n        >\n          {children}\n        </form>\n      </CraftModal>\n    </FormProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsEI;AApEJ,YAAuB;AACvB,6BAAmE;AAEnE,gBAAmB;AAEnB,yBAA2B;AAC3B,0BAA4B;AAC5B,iCAAkC;AAsB3B,SAAS,UAAuC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,EAChB;AACF,GAA4B;AAC1B,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,WAAW;AAC1E,QAAM,eAAe,OAAO,SAAS;AACrC,QAAM,SAAS,eAAe,OAAO;AAErC,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,SAAkB;AACjB,UAAI,CAAC,aAAc,qBAAoB,IAAI;AAC3C,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,EAC7B;AAEA,QAAM,SAAS,MAAM,MAAM;AAE3B,QAAM,eAAe,KAAK,aAAa,OAAO,WAAW;AACvD,UAAM,SAAS,MAAM;AACrB,QAAI,cAAe,SAAQ,KAAK;AAAA,EAClC,CAAC;AAED,QAAM,gBAAgB,0BACpB,6CAAC,SAAI,WAAU,iDACb;AAAA,gDAAC,mCAAY,MAAK,UAAS,SAAQ,SAAQ,SAAS,MAAM,QAAQ,KAAK,GACpE,uBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,oBAAoB;AAAA,QAEnB;AAAA;AAAA,IACH;AAAA,KACF;AAGF,SACE,4CAAC,uCAAc,GAAG,MAChB;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,UAAU;AAAA,UACV,eAAW,cAAG,aAAa,aAAa;AAAA,UAEvC;AAAA;AAAA,MACH;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/craft-form.d.cts

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { FieldValues, UseFormReturn } from 'react-hook-form';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.cjs';
-
-type CraftFormProps<TValues extends FieldValues> = {
-    form: UseFormReturn<TValues>;
-    onSubmit: (values: TValues) => void | Promise<void>;
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    trigger?: React.ReactNode;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    submitLabel?: React.ReactNode;
-    cancelLabel?: React.ReactNode;
-    tone?: ThemeName;
-    className?: string;
-    children?: React.ReactNode;
-    footer?: React.ReactNode;
-    disableSubmitWhenInvalid?: boolean;
-    closeOnSubmit?: boolean;
-    formClassName?: string;
-};
-declare function CraftForm<TValues extends FieldValues>({ form, onSubmit, open, defaultOpen, onOpenChange, trigger, title, description, submitLabel, cancelLabel, tone, className, children, footer, disableSubmitWhenInvalid, closeOnSubmit, formClassName, }: CraftFormProps<TValues>): react_jsx_runtime.JSX.Element;
-
-export { CraftForm, type CraftFormProps };

package/dist/components/craft-form.d.ts

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { FieldValues, UseFormReturn } from 'react-hook-form';
-import { a as ThemeName } from '../theme-context-EVI9PfKv.js';
-
-type CraftFormProps<TValues extends FieldValues> = {
-    form: UseFormReturn<TValues>;
-    onSubmit: (values: TValues) => void | Promise<void>;
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    trigger?: React.ReactNode;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    submitLabel?: React.ReactNode;
-    cancelLabel?: React.ReactNode;
-    tone?: ThemeName;
-    className?: string;
-    children?: React.ReactNode;
-    footer?: React.ReactNode;
-    disableSubmitWhenInvalid?: boolean;
-    closeOnSubmit?: boolean;
-    formClassName?: string;
-};
-declare function CraftForm<TValues extends FieldValues>({ form, onSubmit, open, defaultOpen, onOpenChange, trigger, title, description, submitLabel, cancelLabel, tone, className, children, footer, disableSubmitWhenInvalid, closeOnSubmit, formClassName, }: CraftFormProps<TValues>): react_jsx_runtime.JSX.Element;
-
-export { CraftForm, type CraftFormProps };

package/dist/components/craft-form.js

@@ -1,80 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { FormProvider } from "react-hook-form";
-import { cn } from "@/utils/cn";
-import { CraftModal } from "@/components/craft-modal";
-import { CraftButton } from "@/components/craft-button";
-import { CraftSubmitButton } from "@/components/craft-submit-button";
-function CraftForm({
-  form,
-  onSubmit,
-  open,
-  defaultOpen = false,
-  onOpenChange,
-  trigger,
-  title,
-  description,
-  submitLabel = "Save",
-  cancelLabel = "Cancel",
-  tone,
-  className,
-  children,
-  footer,
-  disableSubmitWhenInvalid = true,
-  closeOnSubmit = true,
-  formClassName
-}) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
-  const isControlled = typeof open === "boolean";
-  const isOpen = isControlled ? open : uncontrolledOpen;
-  const setOpen = React.useCallback(
-    (next) => {
-      if (!isControlled) setUncontrolledOpen(next);
-      onOpenChange == null ? void 0 : onOpenChange(next);
-    },
-    [isControlled, onOpenChange]
-  );
-  const formId = React.useId();
-  const handleSubmit = form.handleSubmit(async (values) => {
-    await onSubmit(values);
-    if (closeOnSubmit) setOpen(false);
-  });
-  const footerContent = footer != null ? footer : /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-3", children: [
-    /* @__PURE__ */ jsx(CraftButton, { type: "button", variant: "ghost", onClick: () => setOpen(false), children: cancelLabel }),
-    /* @__PURE__ */ jsx(
-      CraftSubmitButton,
-      {
-        form: formId,
-        disableWhenInvalid: disableSubmitWhenInvalid,
-        children: submitLabel
-      }
-    )
-  ] });
-  return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(
-    CraftModal,
-    {
-      open: isOpen,
-      onOpenChange: setOpen,
-      trigger,
-      title,
-      description,
-      tone,
-      className,
-      footer: footerContent,
-      children: /* @__PURE__ */ jsx(
-        "form",
-        {
-          id: formId,
-          onSubmit: handleSubmit,
-          className: cn("space-y-5", formClassName),
-          children
-        }
-      )
-    }
-  ) });
-}
-export {
-  CraftForm
-};
-//# sourceMappingURL=craft-form.js.map

package/dist/components/craft-form.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/craft-form.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { FormProvider, type FieldValues, type UseFormReturn } from \"react-hook-form\";\n\nimport { cn } from \"@/utils/cn\";\nimport type { ThemeName } from \"@/theme/theme-context\";\nimport { CraftModal } from \"@/components/craft-modal\";\nimport { CraftButton } from \"@/components/craft-button\";\nimport { CraftSubmitButton } from \"@/components/craft-submit-button\";\n\nexport type CraftFormProps<TValues extends FieldValues> = {\n  form: UseFormReturn<TValues>;\n  onSubmit: (values: TValues) => void | Promise<void>;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  trigger?: React.ReactNode;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  submitLabel?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  tone?: ThemeName;\n  className?: string;\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  disableSubmitWhenInvalid?: boolean;\n  closeOnSubmit?: boolean;\n  formClassName?: string;\n};\n\nexport function CraftForm<TValues extends FieldValues>({\n  form,\n  onSubmit,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  trigger,\n  title,\n  description,\n  submitLabel = \"Save\",\n  cancelLabel = \"Cancel\",\n  tone,\n  className,\n  children,\n  footer,\n  disableSubmitWhenInvalid = true,\n  closeOnSubmit = true,\n  formClassName,\n}: CraftFormProps<TValues>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const isControlled = typeof open === \"boolean\";\n  const isOpen = isControlled ? open : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const formId = React.useId();\n\n  const handleSubmit = form.handleSubmit(async (values) => {\n    await onSubmit(values);\n    if (closeOnSubmit) setOpen(false);\n  });\n\n  const footerContent = footer ?? (\n    <div className=\"flex flex-wrap items-center justify-end gap-3\">\n      <CraftButton type=\"button\" variant=\"ghost\" onClick={() => setOpen(false)}>\n        {cancelLabel}\n      </CraftButton>\n      <CraftSubmitButton\n        form={formId}\n        disableWhenInvalid={disableSubmitWhenInvalid}\n      >\n        {submitLabel}\n      </CraftSubmitButton>\n    </div>\n  );\n\n  return (\n    <FormProvider {...form}>\n      <CraftModal\n        open={isOpen}\n        onOpenChange={setOpen}\n        trigger={trigger}\n        title={title}\n        description={description}\n        tone={tone}\n        className={className}\n        footer={footerContent}\n      >\n        <form\n          id={formId}\n          onSubmit={handleSubmit}\n          className={cn(\"space-y-5\", formClassName)}\n        >\n          {children}\n        </form>\n      </CraftModal>\n    </FormProvider>\n  );\n}\n"],"mappings":";AAsEI,SACE,KADF;AApEJ,YAAY,WAAW;AACvB,SAAS,oBAA0D;AAEnE,SAAS,UAAU;AAEnB,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAsB3B,SAAS,UAAuC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,EAChB;AACF,GAA4B;AAC1B,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,WAAW;AAC1E,QAAM,eAAe,OAAO,SAAS;AACrC,QAAM,SAAS,eAAe,OAAO;AAErC,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,SAAkB;AACjB,UAAI,CAAC,aAAc,qBAAoB,IAAI;AAC3C,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,EAC7B;AAEA,QAAM,SAAS,MAAM,MAAM;AAE3B,QAAM,eAAe,KAAK,aAAa,OAAO,WAAW;AACvD,UAAM,SAAS,MAAM;AACrB,QAAI,cAAe,SAAQ,KAAK;AAAA,EAClC,CAAC;AAED,QAAM,gBAAgB,0BACpB,qBAAC,SAAI,WAAU,iDACb;AAAA,wBAAC,eAAY,MAAK,UAAS,SAAQ,SAAQ,SAAS,MAAM,QAAQ,KAAK,GACpE,uBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,oBAAoB;AAAA,QAEnB;AAAA;AAAA,IACH;AAAA,KACF;AAGF,SACE,oBAAC,gBAAc,GAAG,MAChB;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,UAAU;AAAA,UACV,WAAW,GAAG,aAAa,aAAa;AAAA,UAEvC;AAAA;AAAA,MACH;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}