@pos-360/horizon 0.1.0 → 0.2.0

package/dist/{chunk-ZD6CMWPW.js → chunk-24KNWDO5.js}

@@ -1,10 +1,31 @@
 'use strict';
 
+var chunkTMZLQK74_js = require('./chunk-TMZLQK74.js');
 var framerMotion = require('framer-motion');
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var React = require('react');
 var lucideReact = require('lucide-react');
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
 var AnimatedButton = ({
   label,
   variant = "primary",
@@ -31,7 +52,7 @@ var AnimatedButton = ({
     }
   );
 };
-var Input = react.forwardRef(
+var Input = React.forwardRef(
   ({
     label,
     placeholder,
@@ -68,14 +89,14 @@ var Input = react.forwardRef(
     tooltip,
     ...props
   }, ref) => {
-    const [showTooltip, setShowTooltip] = react.useState(false);
+    const [showTooltip, setShowTooltip] = React.useState(false);
     const isNumberType = type === "number";
     const isSelectType = type === "select";
     const isMobileType = type === "mobile";
-    const [inputValue, setInputValue] = react.useState(
+    const [inputValue, setInputValue] = React.useState(
       value !== void 0 ? value.toString() : ""
     );
-    react.useEffect(() => {
+    React.useEffect(() => {
       if (value !== void 0) {
         setInputValue(value.toString());
       }
@@ -342,6 +363,224 @@ var Input = react.forwardRef(
   }
 );
 Input.displayName = "Input";
+var TemplateSelector = ({
+  templates,
+  value,
+  onChange,
+  defaultView = "card",
+  showViewToggle = true,
+  className,
+  cardClassName,
+  columns = 3
+}) => {
+  const [view, setView] = React.useState(defaultView);
+  const [selectedId, setSelectedId] = React.useState(value);
+  React__namespace.useEffect(() => {
+    setSelectedId(value);
+  }, [value]);
+  const handleSelect = (templateId) => {
+    setSelectedId(templateId);
+    onChange?.(templateId);
+  };
+  const handlePreviewClick = (e, previewUrl) => {
+    e.stopPropagation();
+    window.open(previewUrl, "_blank", "noopener,noreferrer");
+  };
+  const columnClasses = {
+    2: "grid-cols-1 sm:grid-cols-2",
+    3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+    4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkTMZLQK74_js.cn("w-full", className), children: [
+    showViewToggle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end mb-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex rounded-lg border border-neutral-200 dark:border-neutral-700 p-1 bg-neutral-50 dark:bg-neutral-800/50", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setView("card"),
+          className: chunkTMZLQK74_js.cn(
+            "p-2 rounded-md transition-all duration-200",
+            view === "card" ? "bg-white dark:bg-neutral-700 shadow-sm text-blue-600 dark:text-blue-400" : "text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300"
+          ),
+          "aria-label": "Card view",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutGrid, { size: 18 })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setView("list"),
+          className: chunkTMZLQK74_js.cn(
+            "p-2 rounded-md transition-all duration-200",
+            view === "list" ? "bg-white dark:bg-neutral-700 shadow-sm text-blue-600 dark:text-blue-400" : "text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300"
+          ),
+          "aria-label": "List view",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { size: 18 })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: view === "card" ? /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.motion.div,
+      {
+        initial: { opacity: 0, y: 10 },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0, y: -10 },
+        transition: { duration: 0.2 },
+        className: chunkTMZLQK74_js.cn("grid gap-4", columnClasses[columns]),
+        children: templates.map((template) => /* @__PURE__ */ jsxRuntime.jsx(
+          TemplateCard,
+          {
+            template,
+            isSelected: selectedId === template.id,
+            onSelect: handleSelect,
+            onPreviewClick: handlePreviewClick,
+            className: cardClassName
+          },
+          template.id
+        ))
+      },
+      "card-view"
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.motion.div,
+      {
+        initial: { opacity: 0, y: 10 },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0, y: -10 },
+        transition: { duration: 0.2 },
+        className: "flex flex-col gap-2",
+        children: templates.map((template) => /* @__PURE__ */ jsxRuntime.jsx(
+          TemplateListItem,
+          {
+            template,
+            isSelected: selectedId === template.id,
+            onSelect: handleSelect,
+            onPreviewClick: handlePreviewClick
+          },
+          template.id
+        ))
+      },
+      "list-view"
+    ) })
+  ] });
+};
+var TemplateCard = ({
+  template,
+  isSelected,
+  onSelect,
+  onPreviewClick,
+  className
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.motion.div,
+    {
+      whileHover: { scale: 1.02 },
+      whileTap: { scale: 0.98 },
+      onClick: () => onSelect(template.id),
+      className: chunkTMZLQK74_js.cn(
+        "relative cursor-pointer rounded-xl overflow-hidden border-2 transition-all duration-200",
+        "bg-white dark:bg-neutral-800",
+        isSelected ? "border-blue-500 dark:border-blue-400 ring-2 ring-blue-500/20 dark:ring-blue-400/20" : "border-neutral-200 dark:border-neutral-700 hover:border-neutral-300 dark:hover:border-neutral-600",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: chunkTMZLQK74_js.cn(
+              "absolute top-3 left-3 z-10 w-6 h-6 rounded-full border-2 flex items-center justify-center transition-all duration-200",
+              isSelected ? "bg-blue-500 border-blue-500 dark:bg-blue-400 dark:border-blue-400" : "bg-white/80 dark:bg-neutral-800/80 border-neutral-300 dark:border-neutral-600 backdrop-blur-sm"
+            ),
+            children: isSelected && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 14, className: "text-white" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: (e) => onPreviewClick(e, template.previewUrl),
+            className: chunkTMZLQK74_js.cn(
+              "absolute top-3 right-3 z-10 p-2 rounded-lg transition-all duration-200",
+              "bg-white/80 dark:bg-neutral-800/80 backdrop-blur-sm",
+              "border border-neutral-200 dark:border-neutral-600",
+              "text-neutral-600 dark:text-neutral-300",
+              "hover:bg-white dark:hover:bg-neutral-700 hover:text-blue-600 dark:hover:text-blue-400",
+              "hover:border-blue-300 dark:hover:border-blue-500"
+            ),
+            "aria-label": `Preview ${template.title}`,
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/10] overflow-hidden bg-neutral-100 dark:bg-neutral-900", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: template.previewImage,
+            alt: template.title,
+            className: "w-full h-full object-cover object-top transition-transform duration-300 group-hover:scale-105"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-medium text-neutral-900 dark:text-neutral-100 truncate", children: template.title }) })
+      ]
+    }
+  );
+};
+var TemplateListItem = ({
+  template,
+  isSelected,
+  onSelect,
+  onPreviewClick
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.motion.div,
+    {
+      whileHover: { x: 4 },
+      whileTap: { scale: 0.99 },
+      onClick: () => onSelect(template.id),
+      className: chunkTMZLQK74_js.cn(
+        "flex items-center gap-4 p-3 cursor-pointer rounded-xl border-2 transition-all duration-200",
+        "bg-white dark:bg-neutral-800",
+        isSelected ? "border-blue-500 dark:border-blue-400 ring-2 ring-blue-500/20 dark:ring-blue-400/20" : "border-neutral-200 dark:border-neutral-700 hover:border-neutral-300 dark:hover:border-neutral-600"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: chunkTMZLQK74_js.cn(
+              "w-5 h-5 rounded-full border-2 flex items-center justify-center flex-shrink-0 transition-all duration-200",
+              isSelected ? "bg-blue-500 border-blue-500 dark:bg-blue-400 dark:border-blue-400" : "bg-white dark:bg-neutral-800 border-neutral-300 dark:border-neutral-600"
+            ),
+            children: isSelected && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 12, className: "text-white" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-14 rounded-lg overflow-hidden bg-neutral-100 dark:bg-neutral-900 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: template.previewImage,
+            alt: template.title,
+            className: "w-full h-full object-cover object-top"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-medium text-neutral-900 dark:text-neutral-100 truncate", children: template.title }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: (e) => onPreviewClick(e, template.previewUrl),
+            className: chunkTMZLQK74_js.cn(
+              "p-2 rounded-lg transition-all duration-200 flex-shrink-0",
+              "text-neutral-500 dark:text-neutral-400",
+              "hover:bg-neutral-100 dark:hover:bg-neutral-700",
+              "hover:text-blue-600 dark:hover:text-blue-400"
+            ),
+            "aria-label": `Preview ${template.title}`,
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { size: 18 })
+          }
+        )
+      ]
+    }
+  );
+};
+TemplateSelector.displayName = "TemplateSelector";
 var TextButton = ({
   children,
   onClick,
@@ -391,9 +630,9 @@ var Toast = ({
   onDismiss,
   isVisible
 }) => {
-  const [isDismissing, setIsDismissing] = react.useState(false);
-  const [progressWidth, setProgressWidth] = react.useState(100);
-  react.useEffect(() => {
+  const [isDismissing, setIsDismissing] = React.useState(false);
+  const [progressWidth, setProgressWidth] = React.useState(100);
+  React.useEffect(() => {
     if (isVisible && !isDismissing) {
       const timer = setTimeout(() => {
         setIsDismissing(true);
@@ -404,13 +643,13 @@ var Toast = ({
       return () => clearTimeout(timer);
     }
   }, [isVisible, isDismissing, duration, onDismiss]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (isVisible) {
       setIsDismissing(false);
       setProgressWidth(0);
     }
   }, [isVisible]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (isVisible && !isDismissing) {
       const progressTimer = setInterval(() => {
         setProgressWidth((prev) => {
@@ -470,7 +709,8 @@ var Toast = ({
 
 exports.AnimatedButton = AnimatedButton;
 exports.Input = Input;
+exports.TemplateSelector = TemplateSelector;
 exports.TextButton = TextButton;
 exports.Toast = Toast;
-//# sourceMappingURL=chunk-ZD6CMWPW.js.map
-//# sourceMappingURL=chunk-ZD6CMWPW.js.map
+//# sourceMappingURL=chunk-24KNWDO5.js.map
+//# sourceMappingURL=chunk-24KNWDO5.js.map

package/dist/chunk-24KNWDO5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/enhanced/animated-button/animated-button.tsx","../src/components/enhanced/input/input.tsx","../src/components/enhanced/template-selector/template-selector.tsx","../src/components/enhanced/text-button/text-button.tsx","../src/components/enhanced/toast/toast.tsx"],"names":["jsx","motion","forwardRef","useState","useEffect","jsxs","Info","ChevronDown","ChevronUp","React","cn","LayoutGrid","List","AnimatePresence","Check","ExternalLink","AlertTriangle","X"],"mappings":"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","file":"chunk-24KNWDO5.js","sourcesContent":["\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nexport interface AnimatedButtonProps {\n  label: string;\n  variant?: \"primary\" | \"outlined\";\n  buttonContainerClassName?: string;\n  buttonTextClassName?: string;\n  onClick?: () => void;\n}\n\nexport const AnimatedButton = ({\n  label,\n  variant = \"primary\",\n  buttonContainerClassName,\n  buttonTextClassName,\n  onClick,\n}: AnimatedButtonProps) => {\n  const handleOnClick = () => {\n    onClick?.();\n  };\n\n  const baseButtonClass = \"text-xs tracking-wider font-medium\";\n\n  const variantButtonClass = `${\n    variant === \"outlined\" ? \"border border-1 bg-white\" : \"bg-[#0F62FE]\"\n  }`;\n\n  return (\n    <motion.button\n      whileHover={{\n        scale: variant === \"primary\" ? 1.025 : 1,\n        boxShadow:\n          variant === \"primary\"\n            ? \"0 0 4px rgba(15, 96, 254, 0.4), 0 0 16px rgba(15, 96, 254, 0.2)\"\n            : \"\",\n      }}\n      whileTap={{ scale: variant === \"primary\" ? 0.98 : 1 }}\n      onClick={handleOnClick}\n      className={`w-fit p-2 px-4 ${variantButtonClass} ${buttonContainerClassName}`}\n    >\n      <span className={`${baseButtonClass} ${buttonTextClassName}`}>\n        {label.toUpperCase()}\n      </span>\n    </motion.button>\n  );\n};\n","\"use client\";\n\nimport { ReactNode, forwardRef, useState, useEffect } from \"react\";\nimport { ChevronUp, ChevronDown, Info } from \"lucide-react\";\n\nexport interface SelectOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface InputProps {\n  label?: string;\n  placeholder?: string;\n  value?: string | number;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onNumberChange?: (value: number) => void;\n  onSelectChange?: (value: string) => void;\n  onFocus?: (e: React.FocusEvent<HTMLInputElement | HTMLSelectElement>) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement | HTMLSelectElement>) => void;\n  type?: \"text\" | \"email\" | \"password\" | \"number\" | \"search\" | \"select\" | \"mobile\";\n  disabled?: boolean;\n  required?: boolean;\n  error?: string;\n  helperText?: string;\n  autoComplete?: string;\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n  leadingDecorator?: ReactNode;\n  trailingDecorator?: ReactNode;\n  onLeadingClick?: () => void;\n  onTrailingClick?: () => void;\n  size?: \"sm\" | \"md\" | \"lg\";\n  variant?: \"default\" | \"filled\";\n  className?: string;\n  min?: number;\n  max?: number;\n  step?: number;\n  precision?: number;\n  allowNegative?: boolean;\n  showControls?: boolean;\n  options?: SelectOption[];\n  readOnly?: boolean;\n  tabIndex?: number;\n  tooltip?: {\n    content: ReactNode;\n    position?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  };\n}\n\nexport const Input = forwardRef<HTMLInputElement | HTMLSelectElement, InputProps>(\n  (\n    {\n      label,\n      placeholder,\n      value,\n      onChange,\n      onNumberChange,\n      onSelectChange,\n      onFocus,\n      onBlur,\n      type = \"text\",\n      disabled = false,\n      required = false,\n      error,\n      helperText,\n      leadingIcon,\n      trailingIcon,\n      leadingDecorator,\n      trailingDecorator,\n      onLeadingClick,\n      onTrailingClick,\n      size = \"md\",\n      variant = \"default\",\n      className = \"\",\n      min,\n      max,\n      step = 1,\n      precision = 0,\n      allowNegative = true,\n      showControls = false,\n      options = [],\n      autoComplete,\n      readOnly = false,\n      tabIndex = 0,\n      tooltip,\n      ...props\n    },\n    ref\n  ) => {\n    const [showTooltip, setShowTooltip] = useState(false);\n\n    const isNumberType = type === \"number\";\n    const isSelectType = type === \"select\";\n    const isMobileType = type === \"mobile\";\n\n    const [inputValue, setInputValue] = useState<string>(\n      value !== undefined ? value.toString() : \"\"\n    );\n\n    useEffect(() => {\n      if (value !== undefined) {\n        setInputValue(value.toString());\n      }\n    }, [value]);\n\n    const formatNumber = (num: number): number => {\n      if (precision > 0) {\n        return parseFloat(num.toFixed(precision));\n      }\n      return Math.round(num);\n    };\n\n    const isValidNumber = (str: string): boolean => {\n      if (str === \"\" || str === \"-\") return true;\n      const num = parseFloat(str);\n      if (isNaN(num)) return false;\n      if (!allowNegative && num < 0) return false;\n      if (min !== undefined && num < min) return false;\n      if (max !== undefined && num > max) return false;\n      return true;\n    };\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (isMobileType) {\n        const digits = (e.target.value || \"\").replace(/\\D/g, \"\").slice(0, 10);\n        onChange?.({\n          target: { value: digits },\n        } as React.ChangeEvent<HTMLInputElement>);\n        return;\n      }\n\n      if (isNumberType && onNumberChange) {\n        const newValue = e.target.value;\n\n        if (newValue === \"\" || (allowNegative && newValue === \"-\")) {\n          setInputValue(newValue);\n          return;\n        }\n\n        if (isValidNumber(newValue)) {\n          setInputValue(newValue);\n          const numValue = parseFloat(newValue);\n          if (!isNaN(numValue)) {\n            onNumberChange(formatNumber(numValue));\n          }\n        }\n      } else {\n        onChange?.(e);\n      }\n    };\n\n    const handleSelectChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n      onSelectChange?.(e.target.value);\n    };\n\n    const handleIncrement = () => {\n      if (disabled || !isNumberType) return;\n\n      const currentNum = parseFloat(inputValue) || 0;\n      const newValue = currentNum + step;\n      const constrainedValue =\n        max !== undefined ? Math.min(newValue, max) : newValue;\n      const finalValue = formatNumber(constrainedValue);\n\n      setInputValue(finalValue.toString());\n      onNumberChange?.(finalValue);\n    };\n\n    const handleDecrement = () => {\n      if (disabled || !isNumberType) return;\n\n      const currentNum = parseFloat(inputValue) || 0;\n      const newValue = currentNum - step;\n      const constrainedValue =\n        min !== undefined ? Math.max(newValue, min) : newValue;\n      const finalValue = formatNumber(constrainedValue);\n\n      setInputValue(finalValue.toString());\n      onNumberChange?.(finalValue);\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (isNumberType && onNumberChange) {\n        if (inputValue !== \"\" && inputValue !== \"-\") {\n          const numValue = parseFloat(inputValue);\n          if (!isNaN(numValue)) {\n            const cleanValue = formatNumber(numValue);\n            setInputValue(cleanValue.toString());\n            onNumberChange(cleanValue);\n          }\n        } else if (inputValue === \"\" || inputValue === \"-\") {\n          setInputValue(\"\");\n        }\n      }\n\n      onBlur?.(e);\n    };\n\n    const baseInputStyles =\n      \"w-full transition-colors focus:outline-none min-h-[52px]\";\n\n    const sizeStyles = {\n      sm: \"px-3 py-2 text-sm\",\n      md: \"px-4 py-3 text-base\",\n      lg: \"px-5 py-4 text-lg\",\n    };\n\n    const controlSizeStyles = {\n      sm: \"w-6 h-5\",\n      md: \"w-8 h-6\",\n      lg: \"w-10 h-8\",\n    };\n\n    const iconSizeStyles = {\n      sm: 12,\n      md: 16,\n      lg: 20,\n    };\n\n    const variantStyles = {\n      default:\n        \"border bg-white/60 dark:bg-neutral-800/60 backdrop-blur-sm transition-colors duration-300 rounded-lg\",\n      filled:\n        \"border-0 bg-neutral-50/60 dark:bg-neutral-700/60 backdrop-blur-sm transition-colors duration-300 rounded-lg\",\n    };\n\n    const stateStyles = error\n      ? \"border-rose-500/50 dark:border-rose-400/50 focus:border-rose-600/70 dark:focus:border-rose-500/70 focus:ring-1 focus:ring-rose-500/50 dark:focus:ring-rose-400/50\"\n      : \"border-neutral-300/50 dark:border-neutral-600/50 focus:border-blue-500/70 dark:focus:border-blue-400/70 focus:ring-1 focus:ring-blue-500/50 dark:focus:ring-blue-400/50\";\n\n    const disabledStyles = disabled\n      ? \"bg-neutral-100/60 dark:bg-neutral-700/60 text-neutral-500 dark:text-neutral-400 cursor-not-allowed\"\n      : \"text-neutral-900 dark:text-neutral-100\";\n\n    const hasControls = isNumberType && showControls;\n    const hasLeadingContent = leadingIcon || leadingDecorator;\n    const hasTrailingContent = trailingIcon || trailingDecorator || hasControls;\n\n    const inputClasses = `\n    ${baseInputStyles}\n    ${sizeStyles[size]}\n    ${variantStyles[variant]}\n    ${stateStyles}\n    ${disabledStyles}\n    ${hasLeadingContent || isMobileType ? \"pl-10\" : \"\"}\n    ${hasTrailingContent ? (hasControls ? \"pr-20\" : \"pr-10\") : \"\"}\n    ${className}\n  `\n      .trim()\n      .replace(/\\s+/g, \" \");\n\n    const selectClasses = `\n    ${baseInputStyles}\n    ${sizeStyles[size]}\n    ${variantStyles[variant]}\n    ${stateStyles}\n    ${disabledStyles}\n    ${hasLeadingContent ? \"pl-10\" : \"\"}\n    ${hasTrailingContent ? \"pr-10\" : \"\"}\n    ${className}\n    appearance-none cursor-pointer\n  `\n      .trim()\n      .replace(/\\s+/g, \" \");\n\n    const canDecrement =\n      !disabled && (min === undefined || (parseFloat(inputValue) || 0) > min);\n    const canIncrement =\n      !disabled && (max === undefined || (parseFloat(inputValue) || 0) < max);\n\n    return (\n      <div className=\"w-full\">\n        {label && (\n          <div className=\"relative mb-2\">\n            <label className=\"text-sm font-medium text-neutral-700 dark:text-neutral-300 transition-colors duration-300 flex items-center\">\n              <span className=\"text-xs sm:text-sm\">{label}</span>\n              {required && <span className=\"text-rose-500 ml-1\">*</span>}\n              {tooltip && (\n                <button\n                  type=\"button\"\n                  className=\"ml-2 text-neutral-400 dark:text-neutral-500 hover:text-neutral-600 dark:hover:text-neutral-300 transition-colors duration-300\"\n                  onMouseEnter={() => setShowTooltip(true)}\n                  onMouseLeave={() => setShowTooltip(false)}\n                  onFocus={() => setShowTooltip(true)}\n                  onBlur={() => setShowTooltip(false)}\n                >\n                  <Info className=\"w-4 h-4\" />\n                </button>\n              )}\n            </label>\n\n            {tooltip && showTooltip && (\n              <div className=\"absolute z-[9999] pointer-events-none left-0 bottom-full mt-2\">\n                <div className=\"bg-neutral-900/80 dark:bg-neutral-100/80 backdrop-blur-md text-white dark:text-neutral-900 text-sm rounded-xl p-3 shadow-lg w-80 transition-colors duration-300\">\n                  {tooltip.content}\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n\n        <div className=\"relative\">\n          {hasLeadingContent && (\n            <div\n              className={`absolute inset-y-0 left-0 pl-3 flex items-center ${\n                onLeadingClick ? \"cursor-pointer\" : \"pointer-events-none\"\n              }`}\n              onClick={onLeadingClick}\n            >\n              {leadingDecorator ? (\n                <span className=\"text-neutral-400\">{leadingDecorator}</span>\n              ) : (\n                <span className=\"text-neutral-400\">{leadingIcon}</span>\n              )}\n            </div>\n          )}\n\n          {isMobileType && (\n            <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center z-10 pointer-events-none border-r pr-3 border-neutral-300/50 dark:border-neutral-600/50\">\n              <span className=\"text-neutral-500 dark:text-neutral-300\">+1</span>\n            </div>\n          )}\n\n          {isSelectType ? (\n            <select\n              ref={ref as React.Ref<HTMLSelectElement>}\n              value={value}\n              onChange={handleSelectChange}\n              onFocus={onFocus}\n              onBlur={onBlur}\n              disabled={disabled}\n              required={required}\n              className={selectClasses}\n              {...props}\n            >\n              {placeholder && (\n                <option value=\"\" disabled>\n                  {placeholder}\n                </option>\n              )}\n              {options.map((option) => (\n                <option\n                  key={option.value}\n                  value={option.value}\n                  disabled={option.disabled}\n                >\n                  {option.label}\n                </option>\n              ))}\n            </select>\n          ) : (\n            <input\n              ref={ref as React.Ref<HTMLInputElement>}\n              type={isMobileType ? \"tel\" : isNumberType ? \"text\" : type}\n              inputMode={\n                isMobileType ? \"numeric\" : isNumberType ? \"numeric\" : undefined\n              }\n              value={isNumberType && onNumberChange ? inputValue : value}\n              onChange={handleInputChange}\n              onFocus={onFocus}\n              onBlur={isNumberType && onNumberChange ? handleBlur : onBlur}\n              placeholder={placeholder}\n              disabled={disabled}\n              required={required}\n              autoComplete={isMobileType ? autoComplete ?? \"tel\" : autoComplete}\n              className={inputClasses}\n              readOnly={readOnly}\n              tabIndex={tabIndex}\n              {...props}\n            />\n          )}\n\n          {hasControls && (\n            <div className=\"absolute inset-y-0 right-0 flex items-center pr-1\">\n              <div className=\"flex\">\n                <button\n                  type=\"button\"\n                  onClick={handleDecrement}\n                  disabled={!canDecrement}\n                  className={`\n                  ${controlSizeStyles[size]}\n                  flex items-center justify-center\n                  text-neutral-500 hover:text-neutral-700 hover:bg-neutral-100\n                  disabled:text-neutral-300 disabled:cursor-not-allowed\n                  transition-colors\n                  border-r border-neutral-300\n                `}\n                >\n                  <ChevronDown size={iconSizeStyles[size]} />\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={handleIncrement}\n                  disabled={!canIncrement}\n                  className={`\n                  ${controlSizeStyles[size]}\n                  flex items-center justify-center\n                  text-neutral-500 hover:text-neutral-700 hover:bg-neutral-100\n                  disabled:text-neutral-300 disabled:cursor-not-allowed\n                  transition-colors\n                `}\n                >\n                  <ChevronUp size={iconSizeStyles[size]} />\n                </button>\n              </div>\n            </div>\n          )}\n\n          {isSelectType && !trailingIcon && !trailingDecorator && (\n            <div className=\"absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none\">\n              <ChevronDown\n                size={iconSizeStyles[size]}\n                className=\"text-neutral-400\"\n              />\n            </div>\n          )}\n\n          {(trailingIcon || trailingDecorator) && !hasControls && (\n            <div\n              className={`absolute top-1/2 -translate-y-1/3 right-0 pr-3 flex items-center ${\n                onTrailingClick ? \"cursor-pointer\" : \"\"\n              }`}\n              onClick={onTrailingClick}\n              onMouseEnter={tooltip ? () => setShowTooltip(true) : undefined}\n              onMouseLeave={tooltip ? () => setShowTooltip(false) : undefined}\n              onFocus={tooltip ? () => setShowTooltip(true) : undefined}\n              onBlur={tooltip ? () => setShowTooltip(false) : undefined}\n            >\n              {trailingDecorator ? (\n                <span className=\"text-neutral-400\">{trailingDecorator}</span>\n              ) : (\n                <span className=\"text-neutral-400\">{trailingIcon}</span>\n              )}\n            </div>\n          )}\n        </div>\n\n        {(error || helperText) && (\n          <div className=\"mt-2\">\n            {error && (\n              <p className=\"text-sm text-rose-600 dark:text-rose-400 transition-colors duration-300\">\n                {error}\n              </p>\n            )}\n            {helperText && !error && (\n              <p className=\"text-sm text-neutral-500 dark:text-neutral-400 transition-colors duration-300\">\n                {helperText}\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useState } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport { ExternalLink, LayoutGrid, List, Check } from \"lucide-react\";\nimport { cn } from \"@/utils\";\n\nexport interface Template {\n  id: string;\n  title: string;\n  previewImage: string;\n  previewUrl: string;\n}\n\nexport interface TemplateSelectorProps {\n  templates: Template[];\n  value?: string;\n  onChange?: (templateId: string) => void;\n  defaultView?: \"card\" | \"list\";\n  showViewToggle?: boolean;\n  className?: string;\n  cardClassName?: string;\n  columns?: 2 | 3 | 4;\n}\n\nexport const TemplateSelector = ({\n  templates,\n  value,\n  onChange,\n  defaultView = \"card\",\n  showViewToggle = true,\n  className,\n  cardClassName,\n  columns = 3,\n}: TemplateSelectorProps) => {\n  const [view, setView] = useState<\"card\" | \"list\">(defaultView);\n  const [selectedId, setSelectedId] = useState<string | undefined>(value);\n\n  React.useEffect(() => {\n    setSelectedId(value);\n  }, [value]);\n\n  const handleSelect = (templateId: string) => {\n    setSelectedId(templateId);\n    onChange?.(templateId);\n  };\n\n  const handlePreviewClick = (\n    e: React.MouseEvent,\n    previewUrl: string\n  ) => {\n    e.stopPropagation();\n    window.open(previewUrl, \"_blank\", \"noopener,noreferrer\");\n  };\n\n  const columnClasses = {\n    2: \"grid-cols-1 sm:grid-cols-2\",\n    3: \"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\",\n    4: \"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\",\n  };\n\n  return (\n    <div className={cn(\"w-full\", className)}>\n      {showViewToggle && (\n        <div className=\"flex justify-end mb-4\">\n          <div className=\"inline-flex rounded-lg border border-neutral-200 dark:border-neutral-700 p-1 bg-neutral-50 dark:bg-neutral-800/50\">\n            <button\n              type=\"button\"\n              onClick={() => setView(\"card\")}\n              className={cn(\n                \"p-2 rounded-md transition-all duration-200\",\n                view === \"card\"\n                  ? \"bg-white dark:bg-neutral-700 shadow-sm text-blue-600 dark:text-blue-400\"\n                  : \"text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300\"\n              )}\n              aria-label=\"Card view\"\n            >\n              <LayoutGrid size={18} />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setView(\"list\")}\n              className={cn(\n                \"p-2 rounded-md transition-all duration-200\",\n                view === \"list\"\n                  ? \"bg-white dark:bg-neutral-700 shadow-sm text-blue-600 dark:text-blue-400\"\n                  : \"text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300\"\n              )}\n              aria-label=\"List view\"\n            >\n              <List size={18} />\n            </button>\n          </div>\n        </div>\n      )}\n\n      <AnimatePresence mode=\"wait\">\n        {view === \"card\" ? (\n          <motion.div\n            key=\"card-view\"\n            initial={{ opacity: 0, y: 10 }}\n            animate={{ opacity: 1, y: 0 }}\n            exit={{ opacity: 0, y: -10 }}\n            transition={{ duration: 0.2 }}\n            className={cn(\"grid gap-4\", columnClasses[columns])}\n          >\n            {templates.map((template) => (\n              <TemplateCard\n                key={template.id}\n                template={template}\n                isSelected={selectedId === template.id}\n                onSelect={handleSelect}\n                onPreviewClick={handlePreviewClick}\n                className={cardClassName}\n              />\n            ))}\n          </motion.div>\n        ) : (\n          <motion.div\n            key=\"list-view\"\n            initial={{ opacity: 0, y: 10 }}\n            animate={{ opacity: 1, y: 0 }}\n            exit={{ opacity: 0, y: -10 }}\n            transition={{ duration: 0.2 }}\n            className=\"flex flex-col gap-2\"\n          >\n            {templates.map((template) => (\n              <TemplateListItem\n                key={template.id}\n                template={template}\n                isSelected={selectedId === template.id}\n                onSelect={handleSelect}\n                onPreviewClick={handlePreviewClick}\n              />\n            ))}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\ninterface TemplateItemProps {\n  template: Template;\n  isSelected: boolean;\n  onSelect: (id: string) => void;\n  onPreviewClick: (e: React.MouseEvent, url: string) => void;\n  className?: string;\n}\n\nconst TemplateCard = ({\n  template,\n  isSelected,\n  onSelect,\n  onPreviewClick,\n  className,\n}: TemplateItemProps) => {\n  return (\n    <motion.div\n      whileHover={{ scale: 1.02 }}\n      whileTap={{ scale: 0.98 }}\n      onClick={() => onSelect(template.id)}\n      className={cn(\n        \"relative cursor-pointer rounded-xl overflow-hidden border-2 transition-all duration-200\",\n        \"bg-white dark:bg-neutral-800\",\n        isSelected\n          ? \"border-blue-500 dark:border-blue-400 ring-2 ring-blue-500/20 dark:ring-blue-400/20\"\n          : \"border-neutral-200 dark:border-neutral-700 hover:border-neutral-300 dark:hover:border-neutral-600\",\n        className\n      )}\n    >\n      {/* Selection indicator */}\n      <div\n        className={cn(\n          \"absolute top-3 left-3 z-10 w-6 h-6 rounded-full border-2 flex items-center justify-center transition-all duration-200\",\n          isSelected\n            ? \"bg-blue-500 border-blue-500 dark:bg-blue-400 dark:border-blue-400\"\n            : \"bg-white/80 dark:bg-neutral-800/80 border-neutral-300 dark:border-neutral-600 backdrop-blur-sm\"\n        )}\n      >\n        {isSelected && <Check size={14} className=\"text-white\" />}\n      </div>\n\n      {/* Preview link button */}\n      <button\n        type=\"button\"\n        onClick={(e) => onPreviewClick(e, template.previewUrl)}\n        className={cn(\n          \"absolute top-3 right-3 z-10 p-2 rounded-lg transition-all duration-200\",\n          \"bg-white/80 dark:bg-neutral-800/80 backdrop-blur-sm\",\n          \"border border-neutral-200 dark:border-neutral-600\",\n          \"text-neutral-600 dark:text-neutral-300\",\n          \"hover:bg-white dark:hover:bg-neutral-700 hover:text-blue-600 dark:hover:text-blue-400\",\n          \"hover:border-blue-300 dark:hover:border-blue-500\"\n        )}\n        aria-label={`Preview ${template.title}`}\n      >\n        <ExternalLink size={16} />\n      </button>\n\n      {/* Preview image */}\n      <div className=\"aspect-[16/10] overflow-hidden bg-neutral-100 dark:bg-neutral-900\">\n        <img\n          src={template.previewImage}\n          alt={template.title}\n          className=\"w-full h-full object-cover object-top transition-transform duration-300 group-hover:scale-105\"\n        />\n      </div>\n\n      {/* Title */}\n      <div className=\"p-4\">\n        <h3 className=\"font-medium text-neutral-900 dark:text-neutral-100 truncate\">\n          {template.title}\n        </h3>\n      </div>\n    </motion.div>\n  );\n};\n\nconst TemplateListItem = ({\n  template,\n  isSelected,\n  onSelect,\n  onPreviewClick,\n}: TemplateItemProps) => {\n  return (\n    <motion.div\n      whileHover={{ x: 4 }}\n      whileTap={{ scale: 0.99 }}\n      onClick={() => onSelect(template.id)}\n      className={cn(\n        \"flex items-center gap-4 p-3 cursor-pointer rounded-xl border-2 transition-all duration-200\",\n        \"bg-white dark:bg-neutral-800\",\n        isSelected\n          ? \"border-blue-500 dark:border-blue-400 ring-2 ring-blue-500/20 dark:ring-blue-400/20\"\n          : \"border-neutral-200 dark:border-neutral-700 hover:border-neutral-300 dark:hover:border-neutral-600\"\n      )}\n    >\n      {/* Selection indicator */}\n      <div\n        className={cn(\n          \"w-5 h-5 rounded-full border-2 flex items-center justify-center flex-shrink-0 transition-all duration-200\",\n          isSelected\n            ? \"bg-blue-500 border-blue-500 dark:bg-blue-400 dark:border-blue-400\"\n            : \"bg-white dark:bg-neutral-800 border-neutral-300 dark:border-neutral-600\"\n        )}\n      >\n        {isSelected && <Check size={12} className=\"text-white\" />}\n      </div>\n\n      {/* Preview thumbnail */}\n      <div className=\"w-20 h-14 rounded-lg overflow-hidden bg-neutral-100 dark:bg-neutral-900 flex-shrink-0\">\n        <img\n          src={template.previewImage}\n          alt={template.title}\n          className=\"w-full h-full object-cover object-top\"\n        />\n      </div>\n\n      {/* Title */}\n      <div className=\"flex-1 min-w-0\">\n        <h3 className=\"font-medium text-neutral-900 dark:text-neutral-100 truncate\">\n          {template.title}\n        </h3>\n      </div>\n\n      {/* Preview link button */}\n      <button\n        type=\"button\"\n        onClick={(e) => onPreviewClick(e, template.previewUrl)}\n        className={cn(\n          \"p-2 rounded-lg transition-all duration-200 flex-shrink-0\",\n          \"text-neutral-500 dark:text-neutral-400\",\n          \"hover:bg-neutral-100 dark:hover:bg-neutral-700\",\n          \"hover:text-blue-600 dark:hover:text-blue-400\"\n        )}\n        aria-label={`Preview ${template.title}`}\n      >\n        <ExternalLink size={18} />\n      </button>\n    </motion.div>\n  );\n};\n\nTemplateSelector.displayName = \"TemplateSelector\";\n","import { ReactNode, ButtonHTMLAttributes } from \"react\";\n\nexport interface TextButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  children: React.ReactNode;\n  onClick?: () => void;\n  disabled?: boolean;\n  leadingDecorator?: ReactNode;\n  trailingDecorator?: ReactNode;\n  variant?: \"primary\" | \"secondary\" | \"danger\" | \"success\" | \"disabled\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n  type?: \"button\" | \"submit\" | \"reset\";\n}\n\nexport const TextButton = ({\n  children,\n  onClick,\n  disabled = false,\n  leadingDecorator,\n  trailingDecorator,\n  variant = \"primary\",\n  size = \"md\",\n  className = \"\",\n  type = \"button\",\n  ...buttonProps\n}: TextButtonProps) => {\n  const baseStyles = `group inline-flex justify-center items-center gap-2 font-medium uppercase tracking-wide transition-all duration-200 ${\n    disabled ? \"cursor-not-allowed\" : \"cursor-pointer\"\n  }`;\n\n  const variantStyles = {\n    primary: \"text-blue-600 hover:text-blue-700 focus:ring-blue-500\",\n    secondary: \"text-neutral-600 hover:text-neutral-700 focus:ring-neutral-500\",\n    danger: \"text-rose-600 hover:text-rose-700 focus:ring-rose-500\",\n    success: \"text-green-600 hover:text-green-700 focus:ring-green-500\",\n    disabled: \"text-neutral-400 cursor-not-allowed\",\n  };\n\n  const sizeStyles = {\n    sm: \"text-xs px-2 py-1\",\n    md: \"text-sm px-3 py-2\",\n    lg: \"text-base px-4 py-3\",\n  };\n\n  const disabledStyles = disabled\n    ? \"opacity-50 cursor-not-allowed\"\n    : \"cursor-pointer\";\n\n  return (\n    <button\n      type={type}\n      className={`${baseStyles} ${variantStyles[variant]} ${sizeStyles[size]} ${disabledStyles} ${className}`}\n      onClick={onClick}\n      disabled={disabled}\n      {...buttonProps}\n    >\n      {leadingDecorator && (\n        <span className=\"animate-in slide-in-from-left-1 duration-200\">\n          {leadingDecorator}\n        </span>\n      )}\n\n      <span>{children}</span>\n\n      {trailingDecorator && (\n        <span className=\"animate-in slide-in-from-right-1 duration-200 group-hover:translate-x-1\">\n          {trailingDecorator}\n        </span>\n      )}\n    </button>\n  );\n};\n","\"use client\";\n\nimport React, { useEffect, useState } from \"react\";\nimport { Check, X, AlertTriangle } from \"lucide-react\";\n\nexport interface ToastProps {\n  message: string;\n  type: \"success\" | \"error\";\n  duration?: number;\n  onDismiss?: () => void;\n  isVisible: boolean;\n}\n\nexport const Toast: React.FC<ToastProps> = ({\n  message,\n  type,\n  duration = 5000,\n  onDismiss,\n  isVisible,\n}) => {\n  const [isDismissing, setIsDismissing] = useState(false);\n  const [progressWidth, setProgressWidth] = useState(100);\n\n  // Auto-dismiss after specified duration\n  useEffect(() => {\n    if (isVisible && !isDismissing) {\n      const timer = setTimeout(() => {\n        setIsDismissing(true);\n        setTimeout(() => {\n          onDismiss?.();\n        }, 300); // Wait for slide-out animation\n      }, duration);\n      return () => clearTimeout(timer);\n    }\n  }, [isVisible, isDismissing, duration, onDismiss]);\n\n  // Reset dismiss state when toast becomes visible\n  useEffect(() => {\n    if (isVisible) {\n      setIsDismissing(false);\n      setProgressWidth(0); // Start at 0% to fill up\n    }\n  }, [isVisible]);\n\n  // Animate progress bar\n  useEffect(() => {\n    if (isVisible && !isDismissing) {\n      const progressTimer = setInterval(() => {\n        setProgressWidth((prev) => {\n          if (prev >= 100) return 100;\n          return prev + 100 / (duration / 100); // Increase by 1% every 100ms\n        });\n      }, 100);\n\n      return () => clearInterval(progressTimer);\n    }\n  }, [isVisible, isDismissing, duration]);\n\n  if (!isVisible) return null;\n\n  return (\n    <div\n      className={`fixed top-4 right-4 z-50 max-w-sm w-[calc(100vw-2rem)] sm:w-auto transition-all duration-300 ${\n        isDismissing\n          ? \"translate-x-full opacity-0\"\n          : \"translate-x-0 opacity-100\"\n      }`}\n    >\n      <div\n        className={`p-3 sm:p-4 shadow-lg border transition-all duration-300 ${\n          type === \"success\"\n            ? \"bg-green-50 dark:bg-green-900/70 border-green-200 dark:border-green-700 text-green-800 dark:text-green-200\"\n            : \"bg-rose-50 dark:bg-rose-900/70 border-rose-200 dark:border-rose-700 text-rose-800 dark:text-rose-200\"\n        }`}\n      >\n        <div className=\"flex items-start gap-3\">\n          <div\n            className={`w-5 h-5 mt-0.5 flex-shrink-0 ${\n              type === \"success\"\n                ? \"text-green-600 dark:text-green-400\"\n                : \"text-rose-600 dark:text-rose-400\"\n            }`}\n          >\n            {type === \"success\" ? (\n              <Check className=\"w-5 h-5\" />\n            ) : (\n              <AlertTriangle className=\"w-5 h-5\" />\n            )}\n          </div>\n          <div className=\"flex-1\">\n            <p className=\"text-sm\">{message}</p>\n          </div>\n          <button\n            onClick={() => {\n              setIsDismissing(true);\n              setTimeout(() => {\n                onDismiss?.();\n              }, 300);\n            }}\n            className=\"text-neutral-400 hover:text-neutral-600 dark:text-neutral-500 dark:hover:text-neutral-300 transition-colors duration-300\"\n          >\n            <X className=\"w-4 h-4\" />\n          </button>\n        </div>\n\n        {/* Progress Bar Timer */}\n        <div className=\"mt-3 w-full bg-neutral-200 dark:bg-neutral-600 h-1 transition-all duration-300\">\n          <div\n            className={`h-full transition-all duration-100 ease-linear ${\n              type === \"success\"\n                ? \"bg-green-500 dark:bg-green-400\"\n                : \"bg-rose-500 dark:bg-rose-400\"\n            }`}\n            style={{ width: `${progressWidth}%` }}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}