@zentauri-ui/zentauri-components 0.0.91 → 0.0.93

package/dist/ui/inputs.js

@@ -1,5 +1,6 @@
-"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
+var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
 
 // src/ui/inputs/animations.ts
 var inputAnimationPresets = {
@@ -36,19 +37,12 @@ var inputAnimationPresets = {
 };
 
 // src/ui/inputs/input.tsx
-import { useId } from "react";
-import { motion } from "framer-motion";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
+var _react = require('react');
+var _framermotion = require('framer-motion');
 
 // src/ui/inputs/variants.ts
-import { cva } from "class-variance-authority";
-var inputVariants = cva(
+var _classvarianceauthority = require('class-variance-authority');
+var inputVariants = _classvarianceauthority.cva.call(void 0, 
   [
     "w-full min-w-0 rounded-xl border bg-white/5 text-slate-50 shadow-[0_1px_2px_rgba(15,23,42,0.12)]",
     "ring-offset-slate-950 transition-colors",
@@ -329,9 +323,9 @@ var inputVariants = cva(
 );
 
 // src/ui/inputs/input.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var _jsxruntime = require('react/jsx-runtime');
 var Input = (props) => {
-  const generatedId = useId();
+  const generatedId = _react.useId.call(void 0, );
   if (props.as === "textarea") {
     const {
       className: className2,
@@ -346,18 +340,18 @@ var Input = (props) => {
       as: as2,
       ...rest2
     } = props;
-    const controlId2 = id2 ?? generatedId;
+    const controlId2 = _nullishCoalesce(id2, () => ( generatedId));
     const errorId2 = `${controlId2}-error`;
     const motionProps2 = inputAnimationPresets[animation2];
     const ariaInvalid2 = ariaInvalidProp2 !== void 0 ? ariaInvalidProp2 : appearance2 === "error" ? true : void 0;
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        motion.textarea,
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _framermotion.motion.textarea,
         {
           ref: ref2,
           id: controlId2,
           "data-slot": "input",
-          className: cn(
+          className: _chunkE5UX537Jjs.cn.call(void 0, 
             inputVariants({ appearance: appearance2, size: size2, ring: ring2, as: as2 }),
             className2
           ),
@@ -368,7 +362,7 @@ var Input = (props) => {
           ...rest2
         }
       ),
-      errorMessage2 && appearance2 === "error" && /* @__PURE__ */ jsx(
+      errorMessage2 && appearance2 === "error" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "p",
         {
           id: errorId2,
@@ -391,19 +385,19 @@ var Input = (props) => {
     as,
     ...rest
   } = props;
-  const controlId = id ?? generatedId;
+  const controlId = _nullishCoalesce(id, () => ( generatedId));
   const errorId = `${controlId}-error`;
   const motionProps = inputAnimationPresets[animation];
   const ariaInvalid = ariaInvalidProp !== void 0 ? ariaInvalidProp : appearance === "error" ? true : void 0;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      motion.input,
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _framermotion.motion.input,
       {
         ref,
         id: controlId,
         "data-slot": "input",
-        className: cn(
-          inputVariants({ appearance, size, ring, as: as ?? "input" }),
+        className: _chunkE5UX537Jjs.cn.call(void 0, 
+          inputVariants({ appearance, size, ring, as: _nullishCoalesce(as, () => ( "input")) }),
           className
         ),
         initial: false,
@@ -413,7 +407,7 @@ var Input = (props) => {
         ...rest
       }
     ),
-    errorMessage && appearance === "error" && /* @__PURE__ */ jsx(
+    errorMessage && appearance === "error" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "p",
       {
         id: errorId,
@@ -424,9 +418,9 @@ var Input = (props) => {
   ] });
 };
 Input.displayName = "Input";
-export {
-  Input,
-  inputAnimationPresets,
-  inputVariants
-};
+
+
+
+
+exports.Input = Input; exports.inputAnimationPresets = inputAnimationPresets; exports.inputVariants = inputVariants;
 //# sourceMappingURL=inputs.js.map

package/dist/ui/inputs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/inputs/animations.ts","../../src/ui/inputs/input.tsx","../../src/lib/utils.ts","../../src/ui/inputs/variants.ts"],"sourcesContent":["import type { InputAnimationPresets } from \"./types\";\n\nexport const inputAnimationPresets: InputAnimationPresets = {\n  none: {},\n  lift: {\n    whileHover: { y: -1 },\n    whileFocus: { y: -1 },\n    transition: { type: \"spring\", stiffness: 480, damping: 32 },\n  },\n  press: {\n    whileTap: { scale: 0.99 },\n    transition: { type: \"spring\", stiffness: 520, damping: 30 },\n  },\n  glow: {\n    whileFocus: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.2), 0 12px 28px rgba(15,23,42,0.35)\",\n    },\n    whileHover: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.12), 0 8px 20px rgba(15,23,42,0.25)\",\n    },\n    transition: { duration: 0.2, ease: \"easeOut\" },\n  },\n  tilt: {\n    whileHover: { scale: 1.005 },\n    whileFocus: { scale: 1.008 },\n    whileTap: { scale: 0.995 },\n    transition: { type: \"spring\", stiffness: 380, damping: 24 },\n  },\n  bounce: {\n    whileFocus: { y: -2, scale: 1.01 },\n    whileHover: { y: -1, scale: 1.005 },\n    transition: { type: \"spring\", bounce: 0.35, duration: 0.4 },\n  },\n};\n","\"use client\";\n\nimport { useId } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\nimport { inputAnimationPresets } from \"./animations\";\nimport type { InputProps } from \"./types\";\nimport { inputVariants } from \"./variants\";\n\nexport const Input = (props: InputProps) => {\n  const generatedId = useId();\n\n  if (props.as === \"textarea\") {\n    const {\n      className,\n      appearance,\n      size,\n      animation = \"none\",\n      ring = true,\n      ref,\n      \"aria-invalid\": ariaInvalidProp,\n      errorMessage,\n      id,\n      as,\n      ...rest\n    } = props;\n\n    const controlId = id ?? generatedId;\n    const errorId = `${controlId}-error`;\n    const motionProps = inputAnimationPresets[animation];\n    const ariaInvalid =\n      ariaInvalidProp !== undefined\n        ? ariaInvalidProp\n        : appearance === \"error\"\n          ? true\n          : undefined;\n\n    return (\n      <>\n        <motion.textarea\n          ref={ref}\n          id={controlId}\n          data-slot=\"input\"\n          className={cn(\n            inputVariants({ appearance, size, ring, as }),\n            className,\n          )}\n          initial={false}\n          aria-invalid={ariaInvalid}\n          aria-describedby={\n            errorMessage && appearance === \"error\" ? errorId : undefined\n          }\n          {...motionProps}\n          {...rest}\n        />\n        {errorMessage && appearance === \"error\" && (\n          <p\n            id={errorId}\n            className=\"text-sm text-rose-500 mt-2 pl-4 wrap-break-word\"\n          >\n            {errorMessage}\n          </p>\n        )}\n      </>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    animation = \"none\",\n    ring = true,\n    ref,\n    \"aria-invalid\": ariaInvalidProp,\n    errorMessage,\n    id,\n    as,\n    ...rest\n  } = props;\n\n  const controlId = id ?? generatedId;\n  const errorId = `${controlId}-error`;\n  const motionProps = inputAnimationPresets[animation];\n  const ariaInvalid =\n    ariaInvalidProp !== undefined\n      ? ariaInvalidProp\n      : appearance === \"error\"\n        ? true\n        : undefined;\n\n  return (\n    <>\n      <motion.input\n        ref={ref}\n        id={controlId}\n        data-slot=\"input\"\n        className={cn(\n          inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n          className,\n        )}\n        initial={false}\n        aria-invalid={ariaInvalid}\n        aria-describedby={\n          errorMessage && appearance === \"error\" ? errorId : undefined\n        }\n        {...motionProps}\n        {...rest}\n      />\n      {errorMessage && appearance === \"error\" && (\n        <p\n          id={errorId}\n          className=\"text-sm text-rose-500 mt-2 pl-4 wrap-break-word\"\n        >\n          {errorMessage}\n        </p>\n      )}\n    </>\n  );\n};\n\nInput.displayName = \"Input\";\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}","import { cva } from \"class-variance-authority\";\n\nexport const inputVariants = cva(\n  [\n    \"w-full min-w-0 rounded-xl border bg-white/5 text-slate-50 shadow-[0_1px_2px_rgba(15,23,42,0.12)]\",\n    \"ring-offset-slate-950 transition-colors\",\n    \"placeholder:text-slate-500\",\n    \"focus-visible:outline-none\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"read-only:cursor-default read-only:bg-white/[0.03]\",\n    \"file:h-8\"\n  ],\n  {\n    variants: {\n      as: {\n        input: \"\",\n        textarea: \"h-auto! resize-y py-2 align-top\",\n        file: [\n          // Reset native padding so we control it fully\n          \"p-0! cursor-pointer\",\n          // File-selector button base styles\n          \"file:cursor-pointer file:border-0 file:border-r file:border-white/10\",\n          \"file:bg-white/10 file:text-slate-200 file:font-medium\",\n          \"file:transition-colors file:duration-200\",\n          \"hover:file:bg-white/15\",\n          // Content area padding\n          \"[&:not(:disabled)]:file:hover:text-white\",\n          \"disabled:file:cursor-not-allowed\",\n        ],\n        checkbox: [\n          \"shrink-0 cursor-pointer appearance-none relative\",\n          \"min-h-0! shadow-none outline-none\",\n          \"border-2 border-white/30 [&:not(:checked)]:bg-transparent\",\n          \"transition-[color,box-shadow,border-color,background-color]\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          \"read-only:cursor-default\",\n          \"checked:after:absolute checked:after:content-[''] checked:after:size-3 checked:after:top-1/2 checked:after:left-1/2 checked:after:-translate-x-1/2 checked:after:-translate-y-1/2 checked:after:rounded-full checked:after:bg-current\"\n        ],\n        radio: [\n          \"shrink-0 cursor-pointer appearance-none rounded-full\",\n          \"min-h-0! shadow-none outline-none\",\n          \"border-2 border-white/30 bg-transparent! read-only:bg-transparent!\",\n          \"ring-2 ring-white/20 ring-offset-2 ring-offset-slate-950\",\n          \"transition-[color,box-shadow,background-color,border-color,box-shadow]\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          \"read-only:cursor-default\",\n        ],\n      },\n      appearance: {\n        default: \"border-white/10 focus-visible:border-white/20\",\n        warning: \"border-yellow-500/80 text-yellow-50 placeholder:text-yellow-300/70 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80\",\n        error:\n          \"border-rose-500/80 text-rose-50 placeholder:text-rose-300/70 focus-visible:border-rose-400 focus-visible:ring-rose-400/80\",\n        success:\n          \"border-emerald-500/70 text-emerald-50 placeholder:text-emerald-300/70 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80\",\n        info: \"border-blue-500/80 text-blue-50 placeholder:text-blue-300/70 focus-visible:border-blue-400 focus-visible:ring-blue-400/80\",\n        violet: \"border-violet-500/80 text-violet-50 placeholder:text-violet-300/70 focus-visible:border-violet-400 focus-visible:ring-violet-400/80\",\n        amber: \"border-amber-500/80 text-amber-50 placeholder:text-amber-300/70 focus-visible:border-amber-400 focus-visible:ring-amber-400/80\",\n        pink: \"border-pink-500/80 text-pink-50 placeholder:text-pink-300/70 focus-visible:border-pink-400 focus-visible:ring-pink-400/80\",\n        indigo: \"border-indigo-500/80 text-indigo-50 placeholder:text-indigo-300/70 focus-visible:border-indigo-400 focus-visible:ring-indigo-400/80\",\n        orange: \"border-orange-500/80 text-orange-50 placeholder:text-orange-300/70 focus-visible:border-orange-400 focus-visible:ring-orange-400/80\",\n\n      },\n      size: {\n        sm: \"h-8 px-3 text-xs\",\n        md: \"h-9 md:h-11 px-4 text-sm\",\n        lg: \"h-10 md:h-12 px-5 text-base\",\n      },\n      ring: {\n        true: \"focus-visible:ring-2 focus-visible:ring-offset-2\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      as: \"input\",\n      appearance: \"default\",\n      size: \"md\",\n      ring: true,\n    },\n    compoundVariants: [\n      // ── textarea size overrides ──────────────────────────────────────────\n      {\n        as: \"textarea\",\n        size: \"sm\",\n        class: \"min-h-[5rem]\",\n      },\n      {\n        as: \"textarea\",\n        size: \"md\",\n        class: \"min-h-[6rem]\",\n      },\n      {\n        as: \"textarea\",\n        size: \"lg\",\n        class: \"min-h-[7.5rem]\",\n      },\n      // ── file input: size – height & file-button padding ──────────────────\n      {\n        as: \"file\",\n        size: \"sm\",\n        class: \"h-8 text-xs pl-1 file:h-8 file:px-3 file:text-xs\",\n      },\n      {\n        as: \"file\",\n        size: \"md\",\n        class: \"h-9 md:h-11 text-sm pl-1 file:h-9 md:file:h-11 file:px-4 file:text-sm\",\n      },\n      {\n        as: \"file\",\n        size: \"lg\",\n        class: \"h-10 md:h-12 text-base pl-1 file:h-10 md:file:h-12 file:px-5 file:text-base\",\n      },\n      // ── file input: appearance – file-button accent colour ───────────────\n      {\n        as: \"file\",\n        appearance: \"default\",\n        class: \"file:text-slate-200\",\n      },\n      {\n        as: \"file\",\n        appearance: \"warning\",\n        class: \"file:bg-yellow-500/20 file:text-yellow-200 file:border-yellow-500/40 hover:file:bg-yellow-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"error\",\n        class: \"file:bg-rose-500/20 file:text-rose-200 file:border-rose-500/40 hover:file:bg-rose-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"success\",\n        class: \"file:bg-emerald-500/20 file:text-emerald-200 file:border-emerald-500/40 hover:file:bg-emerald-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"info\",\n        class: \"file:bg-blue-500/20 file:text-blue-200 file:border-blue-500/40 hover:file:bg-blue-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"violet\",\n        class: \"file:bg-violet-500/20 file:text-violet-200 file:border-violet-500/40 hover:file:bg-violet-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"amber\",\n        class: \"file:bg-amber-500/20 file:text-amber-200 file:border-amber-500/40 hover:file:bg-amber-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"pink\",\n        class: \"file:bg-pink-500/20 file:text-pink-200 file:border-pink-500/40 hover:file:bg-pink-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"indigo\",\n        class: \"file:bg-indigo-500/20 file:text-indigo-200 file:border-indigo-500/40 hover:file:bg-indigo-500/30\",\n      },\n      // ── checkbox / radio: size (overrides text-field height & padding) ───\n      {\n        as: \"checkbox\",\n        size: \"sm\",\n        class:\n          \"h-4! w-4! min-h-0! rounded-[0.35rem]! px-0! py-0!\",\n      },\n      {\n        as: \"checkbox\",\n        size: \"md\",\n        class:\n          \"h-5! w-5! min-h-0! rounded-md! px-0! py-0!\",\n      },\n      {\n        as: \"checkbox\",\n        size: \"lg\",\n        class:\n          \"h-6! w-6! min-h-0! rounded-md! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"sm\",\n        class: \"h-4! w-4! min-h-0! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"md\",\n        class: \"h-5! w-5! min-h-0! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"lg\",\n        class: \"h-6! w-6! min-h-0! px-0! py-0!\",\n      },\n      // ── checkbox: appearance (border + tick color; fill stays transparent) ─\n      {\n        as: \"checkbox\",\n        appearance: \"default\",\n        class:\n          \"border-slate-400/70! checked:border-slate-200 checked:text-slate-200 hover:border-slate-300 focus-visible:border-slate-300 focus-visible:ring-slate-400/70\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"warning\",\n        class:\n          \"border-yellow-500/70! checked:border-yellow-400 checked:text-yellow-300 hover:border-yellow-400 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"error\",\n        class:\n          \"border-rose-500/70! checked:border-rose-400 checked:text-rose-300 hover:border-rose-400 focus-visible:border-rose-400 focus-visible:ring-rose-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"success\",\n        class:\n          \"border-emerald-500/70! checked:border-emerald-400 checked:text-emerald-300 hover:border-emerald-400 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"info\",\n        class:\n          \"border-blue-500/70! checked:border-blue-400 checked:text-blue-300 hover:border-blue-400 focus-visible:border-blue-400 focus-visible:ring-blue-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"violet\",\n        class:\n          \"border-violet-500/70! checked:after:bg-violet-400 checked:border-violet-400 checked:text-violet-300 hover:border-violet-400 focus-visible:border-violet-400 focus-visible:ring-violet-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"amber\",\n        class:\n          \"border-amber-500/70! checked:border-amber-400! checked:text-amber-300 hover:border-amber-400! focus-visible:border-amber-400! focus-visible:ring-amber-400/80!\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"pink\",\n        class:\n          \"border-pink-500/70! checked:border-pink-400 checked:text-pink-300 hover:border-pink-400 focus-visible:border-pink-400 focus-visible:ring-pink-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"indigo\",\n        class:\n          \"border-indigo-500/70! checked:border-indigo-400! checked:text-indigo-300 hover:border-indigo-400! focus-visible:border-indigo-400! focus-visible:ring-indigo-400/80!\",\n      },\n      // ── radio: appearance (transparent fill, inner dot, coloured offset ring) ─\n      {\n        as: \"radio\",\n        appearance: \"default\",\n        class:\n          \"border-slate-400/70! checked:border-slate-200 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(226,232,240)]! hover:border-slate-300 focus-visible:border-slate-300 focus-visible:ring-slate-400/70 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-slate-300/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"warning\",\n        class:\n          \"border-yellow-500/70! checked:border-yellow-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(250,204,21)]! hover:border-yellow-400 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-yellow-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"error\",\n        class:\n          \"border-rose-500/70! checked:border-rose-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(251,113,133)]! hover:border-rose-400 focus-visible:border-rose-400 focus-visible:ring-rose-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-rose-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"success\",\n        class:\n          \"border-emerald-500/70! checked:border-emerald-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(52,211,153)]! hover:border-emerald-400 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-emerald-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"info\",\n        class:\n          \"border-blue-500/70! checked:border-blue-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(96,165,250)]! hover:border-blue-400 focus-visible:border-blue-400 focus-visible:ring-blue-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-blue-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"violet\",\n        class:\n          \"border-violet-500/70! checked:border-violet-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(167,139,250)]! hover:border-violet-400 focus-visible:border-violet-400 focus-visible:ring-violet-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-violet-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"amber\",\n        class:\n          \"border-amber-500/70! checked:border-amber-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(251,191,36)]! hover:border-amber-400 focus-visible:border-amber-400 focus-visible:ring-amber-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-amber-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"pink\",\n        class:\n          \"border-pink-500/70! checked:border-pink-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(244,114,182)]! hover:border-pink-400 focus-visible:border-pink-400 focus-visible:ring-pink-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-pink-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"indigo\",\n        class:\n          \"border-indigo-500/70! checked:border-indigo-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(129,140,248)]! hover:border-indigo-400 focus-visible:border-indigo-400 focus-visible:ring-indigo-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-indigo-400/90!\",\n      },\n    ],\n  },\n);\n"],"mappings":"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","names":["className","appearance","size","animation","ring","ref","ariaInvalidProp","errorMessage","id","as","rest","controlId","errorId","motionProps","ariaInvalid"]}
+{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/inputs.js"],"names":[],"mappings":"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AA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,oBAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/inputs.js","sourcesContent":[null]}

package/dist/ui/{inputs.cjs → inputs.mjs}

@@ -1,30 +1,8 @@
-"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);
+"use client";
 
-// src/ui/inputs/index.ts
-var inputs_exports = {};
-__export(inputs_exports, {
-  Input: () => Input,
-  inputAnimationPresets: () => inputAnimationPresets,
-  inputVariants: () => inputVariants
-});
-module.exports = __toCommonJS(inputs_exports);
+import {
+  cn
+} from "../chunk-MEWYFWBX.mjs";
 
 // src/ui/inputs/animations.ts
 var inputAnimationPresets = {
@@ -61,19 +39,12 @@ var inputAnimationPresets = {
 };
 
 // src/ui/inputs/input.tsx
-var import_react = require("react");
-var import_framer_motion = require("framer-motion");
-
-// src/lib/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
+import { useId } from "react";
+import { motion } from "framer-motion";
 
 // src/ui/inputs/variants.ts
-var import_class_variance_authority = require("class-variance-authority");
-var inputVariants = (0, import_class_variance_authority.cva)(
+import { cva } from "class-variance-authority";
+var inputVariants = cva(
   [
     "w-full min-w-0 rounded-xl border bg-white/5 text-slate-50 shadow-[0_1px_2px_rgba(15,23,42,0.12)]",
     "ring-offset-slate-950 transition-colors",
@@ -354,9 +325,9 @@ var inputVariants = (0, import_class_variance_authority.cva)(
 );
 
 // src/ui/inputs/input.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Input = (props) => {
-  const generatedId = (0, import_react.useId)();
+  const generatedId = useId();
   if (props.as === "textarea") {
     const {
       className: className2,
@@ -375,9 +346,9 @@ var Input = (props) => {
     const errorId2 = `${controlId2}-error`;
     const motionProps2 = inputAnimationPresets[animation2];
     const ariaInvalid2 = ariaInvalidProp2 !== void 0 ? ariaInvalidProp2 : appearance2 === "error" ? true : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_framer_motion.motion.textarea,
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        motion.textarea,
         {
           ref: ref2,
           id: controlId2,
@@ -393,7 +364,7 @@ var Input = (props) => {
           ...rest2
         }
       ),
-      errorMessage2 && appearance2 === "error" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      errorMessage2 && appearance2 === "error" && /* @__PURE__ */ jsx(
         "p",
         {
           id: errorId2,
@@ -420,9 +391,9 @@ var Input = (props) => {
   const errorId = `${controlId}-error`;
   const motionProps = inputAnimationPresets[animation];
   const ariaInvalid = ariaInvalidProp !== void 0 ? ariaInvalidProp : appearance === "error" ? true : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_framer_motion.motion.input,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      motion.input,
       {
         ref,
         id: controlId,
@@ -438,7 +409,7 @@ var Input = (props) => {
         ...rest
       }
     ),
-    errorMessage && appearance === "error" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    errorMessage && appearance === "error" && /* @__PURE__ */ jsx(
       "p",
       {
         id: errorId,
@@ -449,10 +420,9 @@ var Input = (props) => {
   ] });
 };
 Input.displayName = "Input";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   Input,
   inputAnimationPresets,
   inputVariants
-});
-//# sourceMappingURL=inputs.cjs.map
+};
+//# sourceMappingURL=inputs.mjs.map

package/dist/ui/inputs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/inputs/animations.ts","../../src/ui/inputs/input.tsx","../../src/ui/inputs/variants.ts"],"sourcesContent":["import type { InputAnimationPresets } from \"./types\";\n\nexport const inputAnimationPresets: InputAnimationPresets = {\n  none: {},\n  lift: {\n    whileHover: { y: -1 },\n    whileFocus: { y: -1 },\n    transition: { type: \"spring\", stiffness: 480, damping: 32 },\n  },\n  press: {\n    whileTap: { scale: 0.99 },\n    transition: { type: \"spring\", stiffness: 520, damping: 30 },\n  },\n  glow: {\n    whileFocus: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.2), 0 12px 28px rgba(15,23,42,0.35)\",\n    },\n    whileHover: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.12), 0 8px 20px rgba(15,23,42,0.25)\",\n    },\n    transition: { duration: 0.2, ease: \"easeOut\" },\n  },\n  tilt: {\n    whileHover: { scale: 1.005 },\n    whileFocus: { scale: 1.008 },\n    whileTap: { scale: 0.995 },\n    transition: { type: \"spring\", stiffness: 380, damping: 24 },\n  },\n  bounce: {\n    whileFocus: { y: -2, scale: 1.01 },\n    whileHover: { y: -1, scale: 1.005 },\n    transition: { type: \"spring\", bounce: 0.35, duration: 0.4 },\n  },\n};\n","\"use client\";\n\nimport { useId } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\nimport { inputAnimationPresets } from \"./animations\";\nimport type { InputProps } from \"./types\";\nimport { inputVariants } from \"./variants\";\n\nexport const Input = (props: InputProps) => {\n  const generatedId = useId();\n\n  if (props.as === \"textarea\") {\n    const {\n      className,\n      appearance,\n      size,\n      animation = \"none\",\n      ring = true,\n      ref,\n      \"aria-invalid\": ariaInvalidProp,\n      errorMessage,\n      id,\n      as,\n      ...rest\n    } = props;\n\n    const controlId = id ?? generatedId;\n    const errorId = `${controlId}-error`;\n    const motionProps = inputAnimationPresets[animation];\n    const ariaInvalid =\n      ariaInvalidProp !== undefined\n        ? ariaInvalidProp\n        : appearance === \"error\"\n          ? true\n          : undefined;\n\n    return (\n      <>\n        <motion.textarea\n          ref={ref}\n          id={controlId}\n          data-slot=\"input\"\n          className={cn(\n            inputVariants({ appearance, size, ring, as }),\n            className,\n          )}\n          initial={false}\n          aria-invalid={ariaInvalid}\n          aria-describedby={\n            errorMessage && appearance === \"error\" ? errorId : undefined\n          }\n          {...motionProps}\n          {...rest}\n        />\n        {errorMessage && appearance === \"error\" && (\n          <p\n            id={errorId}\n            className=\"text-sm text-rose-500 mt-2 pl-4 wrap-break-word\"\n          >\n            {errorMessage}\n          </p>\n        )}\n      </>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    animation = \"none\",\n    ring = true,\n    ref,\n    \"aria-invalid\": ariaInvalidProp,\n    errorMessage,\n    id,\n    as,\n    ...rest\n  } = props;\n\n  const controlId = id ?? generatedId;\n  const errorId = `${controlId}-error`;\n  const motionProps = inputAnimationPresets[animation];\n  const ariaInvalid =\n    ariaInvalidProp !== undefined\n      ? ariaInvalidProp\n      : appearance === \"error\"\n        ? true\n        : undefined;\n\n  return (\n    <>\n      <motion.input\n        ref={ref}\n        id={controlId}\n        data-slot=\"input\"\n        className={cn(\n          inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n          className,\n        )}\n        initial={false}\n        aria-invalid={ariaInvalid}\n        aria-describedby={\n          errorMessage && appearance === \"error\" ? errorId : undefined\n        }\n        {...motionProps}\n        {...rest}\n      />\n      {errorMessage && appearance === \"error\" && (\n        <p\n          id={errorId}\n          className=\"text-sm text-rose-500 mt-2 pl-4 wrap-break-word\"\n        >\n          {errorMessage}\n        </p>\n      )}\n    </>\n  );\n};\n\nInput.displayName = \"Input\";\n","import { cva } from \"class-variance-authority\";\n\nexport const inputVariants = cva(\n  [\n    \"w-full min-w-0 rounded-xl border bg-white/5 text-slate-50 shadow-[0_1px_2px_rgba(15,23,42,0.12)]\",\n    \"ring-offset-slate-950 transition-colors\",\n    \"placeholder:text-slate-500\",\n    \"focus-visible:outline-none\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"read-only:cursor-default read-only:bg-white/[0.03]\",\n    \"file:h-8\"\n  ],\n  {\n    variants: {\n      as: {\n        input: \"\",\n        textarea: \"h-auto! resize-y py-2 align-top\",\n        file: [\n          // Reset native padding so we control it fully\n          \"p-0! cursor-pointer\",\n          // File-selector button base styles\n          \"file:cursor-pointer file:border-0 file:border-r file:border-white/10\",\n          \"file:bg-white/10 file:text-slate-200 file:font-medium\",\n          \"file:transition-colors file:duration-200\",\n          \"hover:file:bg-white/15\",\n          // Content area padding\n          \"[&:not(:disabled)]:file:hover:text-white\",\n          \"disabled:file:cursor-not-allowed\",\n        ],\n        checkbox: [\n          \"shrink-0 cursor-pointer appearance-none relative\",\n          \"min-h-0! shadow-none outline-none\",\n          \"border-2 border-white/30 [&:not(:checked)]:bg-transparent\",\n          \"transition-[color,box-shadow,border-color,background-color]\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          \"read-only:cursor-default\",\n          \"checked:after:absolute checked:after:content-[''] checked:after:size-3 checked:after:top-1/2 checked:after:left-1/2 checked:after:-translate-x-1/2 checked:after:-translate-y-1/2 checked:after:rounded-full checked:after:bg-current\"\n        ],\n        radio: [\n          \"shrink-0 cursor-pointer appearance-none rounded-full\",\n          \"min-h-0! shadow-none outline-none\",\n          \"border-2 border-white/30 bg-transparent! read-only:bg-transparent!\",\n          \"ring-2 ring-white/20 ring-offset-2 ring-offset-slate-950\",\n          \"transition-[color,box-shadow,background-color,border-color,box-shadow]\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          \"read-only:cursor-default\",\n        ],\n      },\n      appearance: {\n        default: \"border-white/10 focus-visible:border-white/20\",\n        warning: \"border-yellow-500/80 text-yellow-50 placeholder:text-yellow-300/70 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80\",\n        error:\n          \"border-rose-500/80 text-rose-50 placeholder:text-rose-300/70 focus-visible:border-rose-400 focus-visible:ring-rose-400/80\",\n        success:\n          \"border-emerald-500/70 text-emerald-50 placeholder:text-emerald-300/70 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80\",\n        info: \"border-blue-500/80 text-blue-50 placeholder:text-blue-300/70 focus-visible:border-blue-400 focus-visible:ring-blue-400/80\",\n        violet: \"border-violet-500/80 text-violet-50 placeholder:text-violet-300/70 focus-visible:border-violet-400 focus-visible:ring-violet-400/80\",\n        amber: \"border-amber-500/80 text-amber-50 placeholder:text-amber-300/70 focus-visible:border-amber-400 focus-visible:ring-amber-400/80\",\n        pink: \"border-pink-500/80 text-pink-50 placeholder:text-pink-300/70 focus-visible:border-pink-400 focus-visible:ring-pink-400/80\",\n        indigo: \"border-indigo-500/80 text-indigo-50 placeholder:text-indigo-300/70 focus-visible:border-indigo-400 focus-visible:ring-indigo-400/80\",\n        orange: \"border-orange-500/80 text-orange-50 placeholder:text-orange-300/70 focus-visible:border-orange-400 focus-visible:ring-orange-400/80\",\n\n      },\n      size: {\n        sm: \"h-8 px-3 text-xs\",\n        md: \"h-9 md:h-11 px-4 text-sm\",\n        lg: \"h-10 md:h-12 px-5 text-base\",\n      },\n      ring: {\n        true: \"focus-visible:ring-2 focus-visible:ring-offset-2\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      as: \"input\",\n      appearance: \"default\",\n      size: \"md\",\n      ring: true,\n    },\n    compoundVariants: [\n      // ── textarea size overrides ──────────────────────────────────────────\n      {\n        as: \"textarea\",\n        size: \"sm\",\n        class: \"min-h-[5rem]\",\n      },\n      {\n        as: \"textarea\",\n        size: \"md\",\n        class: \"min-h-[6rem]\",\n      },\n      {\n        as: \"textarea\",\n        size: \"lg\",\n        class: \"min-h-[7.5rem]\",\n      },\n      // ── file input: size – height & file-button padding ──────────────────\n      {\n        as: \"file\",\n        size: \"sm\",\n        class: \"h-8 text-xs pl-1 file:h-8 file:px-3 file:text-xs\",\n      },\n      {\n        as: \"file\",\n        size: \"md\",\n        class: \"h-9 md:h-11 text-sm pl-1 file:h-9 md:file:h-11 file:px-4 file:text-sm\",\n      },\n      {\n        as: \"file\",\n        size: \"lg\",\n        class: \"h-10 md:h-12 text-base pl-1 file:h-10 md:file:h-12 file:px-5 file:text-base\",\n      },\n      // ── file input: appearance – file-button accent colour ───────────────\n      {\n        as: \"file\",\n        appearance: \"default\",\n        class: \"file:text-slate-200\",\n      },\n      {\n        as: \"file\",\n        appearance: \"warning\",\n        class: \"file:bg-yellow-500/20 file:text-yellow-200 file:border-yellow-500/40 hover:file:bg-yellow-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"error\",\n        class: \"file:bg-rose-500/20 file:text-rose-200 file:border-rose-500/40 hover:file:bg-rose-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"success\",\n        class: \"file:bg-emerald-500/20 file:text-emerald-200 file:border-emerald-500/40 hover:file:bg-emerald-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"info\",\n        class: \"file:bg-blue-500/20 file:text-blue-200 file:border-blue-500/40 hover:file:bg-blue-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"violet\",\n        class: \"file:bg-violet-500/20 file:text-violet-200 file:border-violet-500/40 hover:file:bg-violet-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"amber\",\n        class: \"file:bg-amber-500/20 file:text-amber-200 file:border-amber-500/40 hover:file:bg-amber-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"pink\",\n        class: \"file:bg-pink-500/20 file:text-pink-200 file:border-pink-500/40 hover:file:bg-pink-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"indigo\",\n        class: \"file:bg-indigo-500/20 file:text-indigo-200 file:border-indigo-500/40 hover:file:bg-indigo-500/30\",\n      },\n      // ── checkbox / radio: size (overrides text-field height & padding) ───\n      {\n        as: \"checkbox\",\n        size: \"sm\",\n        class:\n          \"h-4! w-4! min-h-0! rounded-[0.35rem]! px-0! py-0!\",\n      },\n      {\n        as: \"checkbox\",\n        size: \"md\",\n        class:\n          \"h-5! w-5! min-h-0! rounded-md! px-0! py-0!\",\n      },\n      {\n        as: \"checkbox\",\n        size: \"lg\",\n        class:\n          \"h-6! w-6! min-h-0! rounded-md! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"sm\",\n        class: \"h-4! w-4! min-h-0! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"md\",\n        class: \"h-5! w-5! min-h-0! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"lg\",\n        class: \"h-6! w-6! min-h-0! px-0! py-0!\",\n      },\n      // ── checkbox: appearance (border + tick color; fill stays transparent) ─\n      {\n        as: \"checkbox\",\n        appearance: \"default\",\n        class:\n          \"border-slate-400/70! checked:border-slate-200 checked:text-slate-200 hover:border-slate-300 focus-visible:border-slate-300 focus-visible:ring-slate-400/70\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"warning\",\n        class:\n          \"border-yellow-500/70! checked:border-yellow-400 checked:text-yellow-300 hover:border-yellow-400 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"error\",\n        class:\n          \"border-rose-500/70! checked:border-rose-400 checked:text-rose-300 hover:border-rose-400 focus-visible:border-rose-400 focus-visible:ring-rose-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"success\",\n        class:\n          \"border-emerald-500/70! checked:border-emerald-400 checked:text-emerald-300 hover:border-emerald-400 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"info\",\n        class:\n          \"border-blue-500/70! checked:border-blue-400 checked:text-blue-300 hover:border-blue-400 focus-visible:border-blue-400 focus-visible:ring-blue-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"violet\",\n        class:\n          \"border-violet-500/70! checked:after:bg-violet-400 checked:border-violet-400 checked:text-violet-300 hover:border-violet-400 focus-visible:border-violet-400 focus-visible:ring-violet-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"amber\",\n        class:\n          \"border-amber-500/70! checked:border-amber-400! checked:text-amber-300 hover:border-amber-400! focus-visible:border-amber-400! focus-visible:ring-amber-400/80!\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"pink\",\n        class:\n          \"border-pink-500/70! checked:border-pink-400 checked:text-pink-300 hover:border-pink-400 focus-visible:border-pink-400 focus-visible:ring-pink-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"indigo\",\n        class:\n          \"border-indigo-500/70! checked:border-indigo-400! checked:text-indigo-300 hover:border-indigo-400! focus-visible:border-indigo-400! focus-visible:ring-indigo-400/80!\",\n      },\n      // ── radio: appearance (transparent fill, inner dot, coloured offset ring) ─\n      {\n        as: \"radio\",\n        appearance: \"default\",\n        class:\n          \"border-slate-400/70! checked:border-slate-200 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(226,232,240)]! hover:border-slate-300 focus-visible:border-slate-300 focus-visible:ring-slate-400/70 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-slate-300/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"warning\",\n        class:\n          \"border-yellow-500/70! checked:border-yellow-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(250,204,21)]! hover:border-yellow-400 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-yellow-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"error\",\n        class:\n          \"border-rose-500/70! checked:border-rose-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(251,113,133)]! hover:border-rose-400 focus-visible:border-rose-400 focus-visible:ring-rose-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-rose-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"success\",\n        class:\n          \"border-emerald-500/70! checked:border-emerald-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(52,211,153)]! hover:border-emerald-400 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-emerald-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"info\",\n        class:\n          \"border-blue-500/70! checked:border-blue-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(96,165,250)]! hover:border-blue-400 focus-visible:border-blue-400 focus-visible:ring-blue-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-blue-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"violet\",\n        class:\n          \"border-violet-500/70! checked:border-violet-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(167,139,250)]! hover:border-violet-400 focus-visible:border-violet-400 focus-visible:ring-violet-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-violet-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"amber\",\n        class:\n          \"border-amber-500/70! checked:border-amber-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(251,191,36)]! hover:border-amber-400 focus-visible:border-amber-400 focus-visible:ring-amber-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-amber-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"pink\",\n        class:\n          \"border-pink-500/70! checked:border-pink-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(244,114,182)]! hover:border-pink-400 focus-visible:border-pink-400 focus-visible:ring-pink-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-pink-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"indigo\",\n        class:\n          \"border-indigo-500/70! checked:border-indigo-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(129,140,248)]! hover:border-indigo-400 focus-visible:border-indigo-400 focus-visible:ring-indigo-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-indigo-400/90!\",\n      },\n    ],\n  },\n);\n"],"mappings":";;;;;;;AAEO,IAAM,wBAA+C;AAAA,EAC1D,MAAM,CAAC;AAAA,EACP,MAAM;AAAA,IACJ,YAAY,EAAE,GAAG,GAAG;AAAA,IACpB,YAAY,EAAE,GAAG,GAAG;AAAA,IACpB,YAAY,EAAE,MAAM,UAAU,WAAW,KAAK,SAAS,GAAG;AAAA,EAC5D;AAAA,EACA,OAAO;AAAA,IACL,UAAU,EAAE,OAAO,KAAK;AAAA,IACxB,YAAY,EAAE,MAAM,UAAU,WAAW,KAAK,SAAS,GAAG;AAAA,EAC5D;AAAA,EACA,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,WACE;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,MACV,WACE;AAAA,IACJ;AAAA,IACA,YAAY,EAAE,UAAU,KAAK,MAAM,UAAU;AAAA,EAC/C;AAAA,EACA,MAAM;AAAA,IACJ,YAAY,EAAE,OAAO,MAAM;AAAA,IAC3B,YAAY,EAAE,OAAO,MAAM;AAAA,IAC3B,UAAU,EAAE,OAAO,MAAM;AAAA,IACzB,YAAY,EAAE,MAAM,UAAU,WAAW,KAAK,SAAS,GAAG;AAAA,EAC5D;AAAA,EACA,QAAQ;AAAA,IACN,YAAY,EAAE,GAAG,IAAI,OAAO,KAAK;AAAA,IACjC,YAAY,EAAE,GAAG,IAAI,OAAO,MAAM;AAAA,IAClC,YAAY,EAAE,MAAM,UAAU,QAAQ,MAAM,UAAU,IAAI;AAAA,EAC5D;AACF;;;ACjCA,SAAS,aAAa;AACtB,SAAS,cAAc;;;ACHvB,SAAS,WAAW;AAEb,IAAM,gBAAgB;AAAA,EAC3B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,IAAI;AAAA,QACF,OAAO;AAAA,QACP,UAAU;AAAA,QACV,MAAM;AAAA;AAAA,UAEJ;AAAA;AAAA,UAEA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,UAEA;AAAA,UACA;AAAA,QACF;AAAA,QACA,UAAU;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OACE;AAAA,QACF,SACE;AAAA,QACF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MAEV;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,IAAI;AAAA,MACJ,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,IACA,kBAAkB;AAAA;AAAA,MAEhB;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA;AAAA,MAEA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA;AAAA,MAEA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OAAO;AAAA,MACT;AAAA;AAAA,MAEA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA;AAAA,MAEA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA;AAAA,MAEA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,QACZ,OACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AACF;;;ADzQM,mBACE,KADF;AA7BC,IAAM,QAAQ,CAAC,UAAsB;AAC1C,QAAM,cAAc,MAAM;AAE1B,MAAI,MAAM,OAAO,YAAY;AAC3B,UAAM;AAAA,MACJ,WAAAA;AAAA,MACA,YAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAAC,aAAY;AAAA,MACZ,MAAAC,QAAO;AAAA,MACP,KAAAC;AAAA,MACA,gBAAgBC;AAAA,MAChB,cAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,GAAGC;AAAA,IACL,IAAI;AAEJ,UAAMC,aAAYH,OAAM;AACxB,UAAMI,WAAU,GAAGD,UAAS;AAC5B,UAAME,eAAc,sBAAsBV,UAAS;AACnD,UAAMW,eACJR,qBAAoB,SAChBA,mBACAL,gBAAe,UACb,OACA;AAER,WACE,iCACE;AAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,KAAKI;AAAA,UACL,IAAIM;AAAA,UACJ,aAAU;AAAA,UACV,WAAW;AAAA,YACT,cAAc,EAAE,YAAAV,aAAY,MAAAC,OAAM,MAAAE,OAAM,IAAAK,IAAG,CAAC;AAAA,YAC5CT;AAAA,UACF;AAAA,UACA,SAAS;AAAA,UACT,gBAAcc;AAAA,UACd,oBACEP,iBAAgBN,gBAAe,UAAUW,WAAU;AAAA,UAEpD,GAAGC;AAAA,UACH,GAAGH;AAAA;AAAA,MACN;AAAA,MACCH,iBAAgBN,gBAAe,WAC9B;AAAA,QAAC;AAAA;AAAA,UACC,IAAIW;AAAA,UACJ,WAAU;AAAA,UAET,UAAAL;AAAA;AAAA,MACH;AAAA,OAEJ;AAAA,EAEJ;AAEA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,IACP;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,YAAY,MAAM;AACxB,QAAM,UAAU,GAAG,SAAS;AAC5B,QAAM,cAAc,sBAAsB,SAAS;AACnD,QAAM,cACJ,oBAAoB,SAChB,kBACA,eAAe,UACb,OACA;AAER,SACE,iCACE;AAAA;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC;AAAA,QACA,IAAI;AAAA,QACJ,aAAU;AAAA,QACV,WAAW;AAAA,UACT,cAAc,EAAE,YAAY,MAAM,MAAM,IAAI,MAAM,QAAQ,CAAC;AAAA,UAC3D;AAAA,QACF;AAAA,QACA,SAAS;AAAA,QACT,gBAAc;AAAA,QACd,oBACE,gBAAgB,eAAe,UAAU,UAAU;AAAA,QAEpD,GAAG;AAAA,QACH,GAAG;AAAA;AAAA,IACN;AAAA,IACC,gBAAgB,eAAe,WAC9B;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,WAAU;AAAA,QAET;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;AAEA,MAAM,cAAc;","names":["className","appearance","size","animation","ring","ref","ariaInvalidProp","errorMessage","id","as","rest","controlId","errorId","motionProps","ariaInvalid"]}

package/dist/ui/{modal.d.cts → modal.d.mts}

@@ -7,12 +7,12 @@ import { HTMLMotionProps } from 'framer-motion';
 
 declare const modalOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 declare const modalTriggerVariants: (props?: ({
-    appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "glass" | "amber" | null | undefined;
+    appearance?: "default" | "glass" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const modalContentVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
-    position?: "bottom" | "top" | "center" | null | undefined;
-    appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "glass" | "amber" | null | undefined;
+    position?: "center" | "top" | "bottom" | null | undefined;
+    appearance?: "default" | "glass" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 type ModalAnimation = "none" | "fade" | "scale" | "slide-up" | "slide-down";

package/dist/ui/modal.d.ts

@@ -7,12 +7,12 @@ import { HTMLMotionProps } from 'framer-motion';
 
 declare const modalOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 declare const modalTriggerVariants: (props?: ({
-    appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "glass" | "amber" | null | undefined;
+    appearance?: "default" | "glass" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const modalContentVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
-    position?: "bottom" | "top" | "center" | null | undefined;
-    appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "gray" | "violet" | "glass" | "amber" | null | undefined;
+    position?: "center" | "top" | "bottom" | null | undefined;
+    appearance?: "default" | "glass" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 type ModalAnimation = "none" | "fade" | "scale" | "slide-up" | "slide-down";