@ginia/ui 0.1.1

package/dist/components/ui/index.js

@@ -0,0 +1,59 @@
+export * from "./accordion";
+export * from "./alert";
+export * from "./alert-dialog";
+export * from "./aspect-ratio";
+export * from "./autocomplete";
+export * from "./avatar";
+export * from "./badge";
+export * from "./breadcrumb";
+export * from "./button";
+export * from "./calendar";
+export * from "./card";
+export * from "./carousel";
+export * from "./checkbox";
+export * from "./collapsible";
+export * from "./combobox";
+export * from "./command";
+export * from "./context-menu";
+export * from "./date-picker";
+export * from "./dialog";
+export * from "./drawer";
+export * from "./dropdown-menu";
+export * from "./form";
+export * from "./hover-card";
+export * from "./icon";
+export * from "./input";
+export * from "./input-field";
+export * from "./input-otp";
+export * from "./label";
+export * from "./logo";
+export * from "./loading-state";
+export * from "./menubar";
+export * from "./month-year-picker";
+export * from "./multi-select";
+export * from "./navigation-menu";
+export * from "./pagination";
+export * from "./popover";
+export * from "./progress";
+export * from "./radio-group";
+export * from "./resizable";
+export * from "./rich-text-editor";
+export * from "./scroll-area";
+export * from "./section-loader";
+export * from "./select";
+export * from "./separator";
+export * from "./sheet";
+export * from "./skeleton";
+export * from "./slider";
+export * from "./sonner";
+export * from "./spinner";
+export * from "./switch";
+export * from "./table";
+export * from "./tabs";
+export * from "./tag-input";
+export * from "./textarea";
+export * from "./toast";
+export * from "./toggle";
+export * from "./toggle-group";
+export * from "./tooltip";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/index.ts"],"sourcesContent":["export * from \"./accordion\";\nexport * from \"./alert\";\nexport * from \"./alert-dialog\";\nexport * from \"./aspect-ratio\";\nexport * from \"./autocomplete\";\nexport * from \"./avatar\";\nexport * from \"./badge\";\nexport * from \"./breadcrumb\";\nexport * from \"./button\";\nexport * from \"./calendar\";\nexport * from \"./card\";\nexport * from \"./carousel\";\nexport * from \"./checkbox\";\nexport * from \"./collapsible\";\nexport * from \"./combobox\";\nexport * from \"./command\";\nexport * from \"./context-menu\";\nexport * from \"./date-picker\";\nexport * from \"./dialog\";\nexport * from \"./drawer\";\nexport * from \"./dropdown-menu\";\nexport * from \"./form\";\nexport * from \"./hover-card\";\nexport * from \"./icon\";\nexport * from \"./input\";\nexport * from \"./input-field\";\nexport * from \"./input-otp\";\nexport * from \"./label\";\nexport * from \"./logo\";\nexport * from \"./loading-state\";\nexport * from \"./menubar\";\nexport * from \"./month-year-picker\";\nexport * from \"./multi-select\";\nexport * from \"./navigation-menu\";\nexport * from \"./pagination\";\nexport * from \"./popover\";\nexport * from \"./progress\";\nexport * from \"./radio-group\";\nexport * from \"./resizable\";\nexport * from \"./rich-text-editor\";\nexport * from \"./scroll-area\";\nexport * from \"./section-loader\";\nexport * from \"./select\";\nexport * from \"./separator\";\nexport * from \"./sheet\";\nexport * from \"./skeleton\";\nexport * from \"./slider\";\nexport * from \"./sonner\";\nexport * from \"./spinner\";\nexport * from \"./switch\";\nexport * from \"./table\";\nexport * from \"./tabs\";\nexport * from \"./tag-input\";\nexport * from \"./textarea\";\nexport * from \"./toast\";\nexport * from \"./toggle\";\nexport * from \"./toggle-group\";\nexport * from \"./tooltip\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/components/ui/input/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var input_exports = {};
+module.exports = __toCommonJS(input_exports);
+__reExport(input_exports, require("./input"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./input")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/ui/input/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/input/index.ts"],"sourcesContent":["export * from \"./input\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,oBAAd;","names":[]}

package/dist/components/ui/input/index.d.cts

@@ -0,0 +1,3 @@
+export { Input } from './input.cjs';
+import 'react/jsx-runtime';
+import 'react';

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

@@ -0,0 +1,3 @@
+export { Input } from './input.js';
+import 'react/jsx-runtime';
+import 'react';

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

@@ -0,0 +1,2 @@
+export * from "./input";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/input/index.ts"],"sourcesContent":["export * from \"./input\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/components/ui/input/input.cjs

@@ -0,0 +1,44 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var input_exports = {};
+__export(input_exports, {
+  Input: () => Input
+});
+module.exports = __toCommonJS(input_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_utils = require("../../../lib/utils");
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: (0, import_utils.cn)(
+        "border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive flex w-full items-center justify-between gap-2 rounded-md border bg-card px-3 py-2 text-sm transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Input
+});
+//# sourceMappingURL=input.cjs.map

package/dist/components/ui/input/input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/input/input.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n    return (\n        <input\n            type={type}\n            data-slot=\"input\"\n            className={cn(\n                \"border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive flex w-full items-center justify-between gap-2 rounded-md border bg-card px-3 py-2 text-sm transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\nexport { Input };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMQ;AAJR,mBAAmB;AAEnB,SAAS,MAAM,EAAE,WAAW,MAAM,GAAG,MAAM,GAAkC;AACzE,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,aAAU;AAAA,MACV,eAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;","names":[]}

package/dist/components/ui/input/input.d.cts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
+
+export { Input };

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
+
+export { Input };

package/dist/components/ui/input/input.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive flex w-full items-center justify-between gap-2 rounded-md border bg-card px-3 py-2 text-sm transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Input
+};
+//# sourceMappingURL=input.js.map

package/dist/components/ui/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/input/input.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n    return (\n        <input\n            type={type}\n            data-slot=\"input\"\n            className={cn(\n                \"border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive flex w-full items-center justify-between gap-2 rounded-md border bg-card px-3 py-2 text-sm transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\nexport { Input };\n"],"mappings":"AAMQ;AAJR,SAAS,UAAU;AAEnB,SAAS,MAAM,EAAE,WAAW,MAAM,GAAG,MAAM,GAAkC;AACzE,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;","names":[]}

package/dist/components/ui/input-field/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var input_field_exports = {};
+module.exports = __toCommonJS(input_field_exports);
+__reExport(input_field_exports, require("./input-field"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./input-field")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/ui/input-field/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/input-field/index.ts"],"sourcesContent":["export * from \"./input-field\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gCAAc,0BAAd;","names":[]}

package/dist/components/ui/input-field/index.d.cts

@@ -0,0 +1,3 @@
+export { CustomFormField, CustomFormFieldProps, InputField, InputFieldProps } from './input-field.cjs';
+import 'react/jsx-runtime';
+import 'react';

package/dist/components/ui/input-field/index.d.ts

@@ -0,0 +1,3 @@
+export { CustomFormField, CustomFormFieldProps, InputField, InputFieldProps } from './input-field.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/components/ui/input-field/index.js

@@ -0,0 +1,2 @@
+export * from "./input-field";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/input-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/input-field/index.ts"],"sourcesContent":["export * from \"./input-field\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/components/ui/input-field/input-field.cjs

@@ -0,0 +1,72 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var input_field_exports = {};
+__export(input_field_exports, {
+  CustomFormField: () => CustomFormField,
+  InputField: () => InputField
+});
+module.exports = __toCommonJS(input_field_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_utils = require("../../../lib/utils");
+var import_label = require("../label");
+var import_input = require("../input");
+function InputField({
+  label,
+  id,
+  type = "text",
+  value,
+  onChange,
+  placeholder,
+  required = false,
+  className = "",
+  children,
+  autoComplete
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "data-slot": "input-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_label.Label, { htmlFor: id, className: "block mb-2", children: [
+      label,
+      " ",
+      required && "*"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_input.Input,
+        {
+          id,
+          type,
+          value,
+          onChange: (e) => onChange(e.target.value),
+          placeholder,
+          required,
+          className: (0, import_utils.cn)(className),
+          autoComplete
+        }
+      ),
+      children
+    ] })
+  ] });
+}
+const CustomFormField = InputField;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CustomFormField,
+  InputField
+});
+//# sourceMappingURL=input-field.cjs.map

package/dist/components/ui/input-field/input-field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/input-field/input-field.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Label } from \"../label\";\nimport { Input } from \"../input\";\n\ninterface InputFieldProps {\n  label: string;\n  id: string;\n  type?: string;\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  required?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n  autoComplete?: string;\n}\n\nfunction InputField({\n  label,\n  id,\n  type = \"text\",\n  value,\n  onChange,\n  placeholder,\n  required = false,\n  className = \"\",\n  children,\n  autoComplete,\n}: InputFieldProps) {\n  return (\n    <div data-slot=\"input-field\">\n      <Label htmlFor={id} className=\"block mb-2\">\n        {label} {required && \"*\"}\n      </Label>\n      <div className=\"relative\">\n        <Input\n          id={id}\n          type={type}\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          placeholder={placeholder}\n          required={required}\n          className={cn(className)}\n          autoComplete={autoComplete}\n        />\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/** @deprecated Use `InputField` instead */\nconst CustomFormField = InputField;\n/** @deprecated Use `InputFieldProps` instead */\ntype CustomFormFieldProps = InputFieldProps;\n\nexport { InputField, CustomFormField };\nexport type { InputFieldProps, CustomFormFieldProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCM;AA/BN,mBAAmB;AACnB,mBAAsB;AACtB,mBAAsB;AAetB,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAoB;AAClB,SACE,6CAAC,SAAI,aAAU,eACb;AAAA,iDAAC,sBAAM,SAAS,IAAI,WAAU,cAC3B;AAAA;AAAA,MAAM;AAAA,MAAE,YAAY;AAAA,OACvB;AAAA,IACA,6CAAC,SAAI,WAAU,YACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,UACxC;AAAA,UACA;AAAA,UACA,eAAW,iBAAG,SAAS;AAAA,UACvB;AAAA;AAAA,MACF;AAAA,MACC;AAAA,OACH;AAAA,KACF;AAEJ;AAGA,MAAM,kBAAkB;","names":[]}

package/dist/components/ui/input-field/input-field.d.cts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface InputFieldProps {
+    label: string;
+    id: string;
+    type?: string;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    required?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    autoComplete?: string;
+}
+declare function InputField({ label, id, type, value, onChange, placeholder, required, className, children, autoComplete, }: InputFieldProps): react_jsx_runtime.JSX.Element;
+/** @deprecated Use `InputField` instead */
+declare const CustomFormField: typeof InputField;
+/** @deprecated Use `InputFieldProps` instead */
+type CustomFormFieldProps = InputFieldProps;
+
+export { CustomFormField, type CustomFormFieldProps, InputField, type InputFieldProps };

package/dist/components/ui/input-field/input-field.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface InputFieldProps {
+    label: string;
+    id: string;
+    type?: string;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    required?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    autoComplete?: string;
+}
+declare function InputField({ label, id, type, value, onChange, placeholder, required, className, children, autoComplete, }: InputFieldProps): react_jsx_runtime.JSX.Element;
+/** @deprecated Use `InputField` instead */
+declare const CustomFormField: typeof InputField;
+/** @deprecated Use `InputFieldProps` instead */
+type CustomFormFieldProps = InputFieldProps;
+
+export { CustomFormField, type CustomFormFieldProps, InputField, type InputFieldProps };

package/dist/components/ui/input-field/input-field.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils";
+import { Label } from "../label";
+import { Input } from "../input";
+function InputField({
+  label,
+  id,
+  type = "text",
+  value,
+  onChange,
+  placeholder,
+  required = false,
+  className = "",
+  children,
+  autoComplete
+}) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "input-field", children: [
+    /* @__PURE__ */ jsxs(Label, { htmlFor: id, className: "block mb-2", children: [
+      label,
+      " ",
+      required && "*"
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id,
+          type,
+          value,
+          onChange: (e) => onChange(e.target.value),
+          placeholder,
+          required,
+          className: cn(className),
+          autoComplete
+        }
+      ),
+      children
+    ] })
+  ] });
+}
+const CustomFormField = InputField;
+export {
+  CustomFormField,
+  InputField
+};
+//# sourceMappingURL=input-field.js.map

package/dist/components/ui/input-field/input-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/input-field/input-field.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Label } from \"../label\";\nimport { Input } from \"../input\";\n\ninterface InputFieldProps {\n  label: string;\n  id: string;\n  type?: string;\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  required?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n  autoComplete?: string;\n}\n\nfunction InputField({\n  label,\n  id,\n  type = \"text\",\n  value,\n  onChange,\n  placeholder,\n  required = false,\n  className = \"\",\n  children,\n  autoComplete,\n}: InputFieldProps) {\n  return (\n    <div data-slot=\"input-field\">\n      <Label htmlFor={id} className=\"block mb-2\">\n        {label} {required && \"*\"}\n      </Label>\n      <div className=\"relative\">\n        <Input\n          id={id}\n          type={type}\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          placeholder={placeholder}\n          required={required}\n          className={cn(className)}\n          autoComplete={autoComplete}\n        />\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/** @deprecated Use `InputField` instead */\nconst CustomFormField = InputField;\n/** @deprecated Use `InputFieldProps` instead */\ntype CustomFormFieldProps = InputFieldProps;\n\nexport { InputField, CustomFormField };\nexport type { InputFieldProps, CustomFormFieldProps };\n"],"mappings":";AAmCM,SAIE,KAJF;AA/BN,SAAS,UAAU;AACnB,SAAS,aAAa;AACtB,SAAS,aAAa;AAetB,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAoB;AAClB,SACE,qBAAC,SAAI,aAAU,eACb;AAAA,yBAAC,SAAM,SAAS,IAAI,WAAU,cAC3B;AAAA;AAAA,MAAM;AAAA,MAAE,YAAY;AAAA,OACvB;AAAA,IACA,qBAAC,SAAI,WAAU,YACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,UACxC;AAAA,UACA;AAAA,UACA,WAAW,GAAG,SAAS;AAAA,UACvB;AAAA;AAAA,MACF;AAAA,MACC;AAAA,OACH;AAAA,KACF;AAEJ;AAGA,MAAM,kBAAkB;","names":[]}

package/dist/components/ui/input-otp/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var input_otp_exports = {};
+module.exports = __toCommonJS(input_otp_exports);
+__reExport(input_otp_exports, require("./input-otp"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./input-otp")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/ui/input-otp/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/input-otp/index.ts"],"sourcesContent":["export * from \"./input-otp\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,8BAAc,wBAAd;","names":[]}

package/dist/components/ui/input-otp/index.d.cts

@@ -0,0 +1,4 @@
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from './input-otp.cjs';
+import 'react/jsx-runtime';
+import 'react';
+import 'input-otp';

package/dist/components/ui/input-otp/index.d.ts

@@ -0,0 +1,4 @@
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from './input-otp.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'input-otp';

package/dist/components/ui/input-otp/index.js

@@ -0,0 +1,2 @@
+export * from "./input-otp";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/input-otp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/input-otp/index.ts"],"sourcesContent":["export * from \"./input-otp\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/components/ui/input-otp/input-otp.cjs

@@ -0,0 +1,105 @@
+"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 input_otp_exports = {};
+__export(input_otp_exports, {
+  InputOTP: () => InputOTP,
+  InputOTPGroup: () => InputOTPGroup,
+  InputOTPSeparator: () => InputOTPSeparator,
+  InputOTPSlot: () => InputOTPSlot
+});
+module.exports = __toCommonJS(input_otp_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_input_otp = require("input-otp");
+var import_lucide_react = require("lucide-react");
+var import_utils = require("../../../lib/utils");
+function InputOTP({
+  className,
+  containerClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_input_otp.OTPInput,
+    {
+      "data-slot": "input-otp",
+      containerClassName: (0, import_utils.cn)(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        containerClassName
+      ),
+      className: (0, import_utils.cn)("disabled:cursor-not-allowed", className),
+      ...props
+    }
+  );
+}
+function InputOTPGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "input-otp-group",
+      className: (0, import_utils.cn)("flex items-center", className),
+      ...props
+    }
+  );
+}
+function InputOTPSlot({
+  index,
+  className,
+  ...props
+}) {
+  const inputOTPContext = React.useContext(import_input_otp.OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      "data-slot": "input-otp-slot",
+      className: (0, import_utils.cn)(
+        "border-input relative flex size-9 items-center justify-center border-y border-r text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        isActive && "ring-ring z-10 ring-1",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+      ]
+    }
+  );
+}
+function InputOTPSeparator({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.MinusIcon, {}) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot
+});
+//# sourceMappingURL=input-otp.cjs.map

package/dist/components/ui/input-otp/input-otp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/input-otp/input-otp.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { OTPInput, OTPInputContext } from \"input-otp\";\nimport { MinusIcon } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nfunction InputOTP({\n    className,\n    containerClassName,\n    ...props\n}: React.ComponentProps<typeof OTPInput> & {\n    containerClassName?: string;\n}) {\n    return (\n        <OTPInput\n            data-slot=\"input-otp\"\n            containerClassName={cn(\n                \"flex items-center gap-2 has-disabled:opacity-50\",\n                containerClassName\n            )}\n            className={cn(\"disabled:cursor-not-allowed\", className)}\n            {...props}\n        />\n    );\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n    return (\n        <div\n            data-slot=\"input-otp-group\"\n            className={cn(\"flex items-center\", className)}\n            {...props}\n        />\n    );\n}\n\nfunction InputOTPSlot({\n    index,\n    className,\n    ...props\n}: React.ComponentProps<\"div\"> & {\n    index: number;\n}) {\n    const inputOTPContext = React.useContext(OTPInputContext);\n    const { char, hasFakeCaret, isActive } =\n        inputOTPContext?.slots[index] ?? {};\n\n    return (\n        <div\n            data-slot=\"input-otp-slot\"\n            className={cn(\n                \"border-input relative flex size-9 items-center justify-center border-y border-r text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n                isActive &&\n                    \"ring-ring z-10 ring-1\",\n                className\n            )}\n            {...props}\n        >\n            {char}\n            {hasFakeCaret && (\n                <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n                    <div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n                </div>\n            )}\n        </div>\n    );\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n    return (\n        <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n            <MinusIcon />\n        </div>\n    );\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBQ;AAdR,YAAuB;AACvB,uBAA0C;AAC1C,0BAA0B;AAE1B,mBAAmB;AAEnB,SAAS,SAAS;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAEG;AACC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,wBAAoB;AAAA,QAChB;AAAA,QACA;AAAA,MACJ;AAAA,MACA,eAAW,iBAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAgC;AACzE,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,eAAW,iBAAG,qBAAqB,SAAS;AAAA,MAC3C,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,aAAa;AAAA,EAClB;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAEG;AACC,QAAM,kBAAkB,MAAM,WAAW,gCAAe;AACxD,QAAM,EAAE,MAAM,cAAc,SAAS,IACjC,iBAAiB,MAAM,KAAK,KAAK,CAAC;AAEtC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,eAAW;AAAA,QACP;AAAA,QACA,YACI;AAAA,QACJ;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,gBACG,4CAAC,SAAI,WAAU,yEACX,sDAAC,SAAI,WAAU,4DAA2D,GAC9E;AAAA;AAAA;AAAA,EAER;AAER;AAEA,SAAS,kBAAkB,EAAE,GAAG,MAAM,GAAgC;AAClE,SACI,4CAAC,SAAI,aAAU,uBAAsB,MAAK,aAAa,GAAG,OACtD,sDAAC,iCAAU,GACf;AAER;","names":[]}

package/dist/components/ui/input-otp/input-otp.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { OTPInput } from 'input-otp';
+
+declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
+    containerClassName?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<"div"> & {
+    index: number;
+}): react_jsx_runtime.JSX.Element;
+declare function InputOTPSeparator({ ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/components/ui/input-otp/input-otp.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { OTPInput } from 'input-otp';
+
+declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
+    containerClassName?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<"div"> & {
+    index: number;
+}): react_jsx_runtime.JSX.Element;
+declare function InputOTPSeparator({ ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };