gd-ui-library 1.0.8 → 1.0.10

package/dist/index.js

@@ -25,6 +25,31 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// src/index.css
+styleInject('*,\n::before,\n::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n  --tw-contain-size: ;\n  --tw-contain-layout: ;\n  --tw-contain-paint: ;\n  --tw-contain-style: ;\n}\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n  --tw-contain-size: ;\n  --tw-contain-layout: ;\n  --tw-contain-paint: ;\n  --tw-contain-style: ;\n}\n*,\n::before,\n::after {\n  box-sizing: border-box;\n  border-width: 0;\n  border-style: solid;\n  border-color: #e5e7eb;\n}\n::before,\n::after {\n  --tw-content: "";\n}\nhtml,\n:host {\n  line-height: 1.5;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n  font-family:\n    ui-sans-serif,\n    system-ui,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji",\n    "Segoe UI Symbol",\n    "Noto Color Emoji";\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  -webkit-tap-highlight-color: transparent;\n}\nbody {\n  margin: 0;\n  line-height: inherit;\n}\nhr {\n  height: 0;\n  color: inherit;\n  border-top-width: 1px;\n}\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\na {\n  color: inherit;\n  text-decoration: inherit;\n}\nb,\nstrong {\n  font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Monaco,\n    Consolas,\n    "Liberation Mono",\n    "Courier New",\n    monospace;\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  font-size: 1em;\n}\nsmall {\n  font-size: 80%;\n}\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\ntable {\n  text-indent: 0;\n  border-color: inherit;\n  border-collapse: collapse;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-feature-settings: inherit;\n  font-variation-settings: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  margin: 0;\n  padding: 0;\n}\nbutton,\nselect {\n  text-transform: none;\n}\nbutton,\ninput:where([type=button]),\ninput:where([type=reset]),\ninput:where([type=submit]) {\n  -webkit-appearance: button;\n  background-color: transparent;\n  background-image: none;\n}\n:-moz-focusring {\n  outline: auto;\n}\n:-moz-ui-invalid {\n  box-shadow: none;\n}\nprogress {\n  vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\nsummary {\n  display: list-item;\n}\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\nfieldset {\n  margin: 0;\n  padding: 0;\n}\nlegend {\n  padding: 0;\n}\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\ndialog {\n  padding: 0;\n}\ntextarea {\n  resize: vertical;\n}\ninput::-moz-placeholder,\ntextarea::-moz-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\nbutton,\n[role=button] {\n  cursor: pointer;\n}\n:disabled {\n  cursor: default;\n}\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block;\n  vertical-align: middle;\n}\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n[hidden]:where(:not([hidden=until-found])) {\n  display: none;\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.left-3 {\n  left: 0.75rem;\n}\n.right-3 {\n  right: 0.75rem;\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.ml-1 {\n  margin-left: 0.25rem;\n}\n.ml-2 {\n  margin-left: 0.5rem;\n}\n.mr-2 {\n  margin-right: 0.5rem;\n}\n.flex {\n  display: flex;\n}\n.inline-flex {\n  display: inline-flex;\n}\n.h-10 {\n  height: 2.5rem;\n}\n.h-12 {\n  height: 3rem;\n}\n.h-3\\.5 {\n  height: 0.875rem;\n}\n.h-9 {\n  height: 2.25rem;\n}\n.w-3\\.5 {\n  width: 0.875rem;\n}\n.w-full {\n  width: 100%;\n}\n.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.items-center {\n  align-items: center;\n}\n.justify-center {\n  justify-content: center;\n}\n.gap-1 {\n  gap: 0.25rem;\n}\n.space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));\n}\n.rounded-lg {\n  border-radius: 0.5rem;\n}\n.rounded-md {\n  border-radius: 0.375rem;\n}\n.border {\n  border-width: 1px;\n}\n.border-gray-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));\n}\n.border-red-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));\n}\n.bg-blue-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-3\\.5 {\n  padding-left: 0.875rem;\n  padding-right: 0.875rem;\n}\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.py-1\\.5 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.pl-10 {\n  padding-left: 2.5rem;\n}\n.pr-10 {\n  padding-right: 2.5rem;\n}\n.text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.font-medium {\n  font-weight: 500;\n}\n.text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\n.text-gray-700 {\n  --tw-text-opacity: 1;\n  color: rgb(55 65 81 / var(--tw-text-opacity, 1));\n}\n.text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\n.text-red-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-colors {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-150 {\n  transition-duration: 150ms;\n}\n.placeholder\\:text-sm::-moz-placeholder {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.placeholder\\:text-sm::placeholder {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.placeholder\\:text-gray-400::-moz-placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.placeholder\\:text-gray-400::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.hover\\:bg-blue-700:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-gray-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\n.focus\\:border-blue-500:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));\n}\n.focus\\:border-red-500:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));\n}\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus\\:ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus\\:ring-blue-100:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1));\n}\n.focus\\:ring-blue-500:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));\n}\n.focus\\:ring-red-100:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(254 226 226 / var(--tw-ring-opacity, 1));\n}\n.focus\\:ring-red-500:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));\n}\n.focus\\:ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n.disabled\\:pointer-events-none:disabled {\n  pointer-events: none;\n}\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.disabled\\:bg-gray-100:disabled {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\n.disabled\\:text-gray-400:disabled {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.disabled\\:opacity-50:disabled {\n  opacity: 0.5;\n}\n');
+
 // src/utils/cn.ts
 var import_clsx = require("clsx");
 function cn(...inputs) {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/utils/cn.ts","../src/components/Button/Button.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["import './index.css';\r\nexport { cn } from \"./utils/cn\";\r\nexport { Button } from \"./components/Button/Button\";\r\nexport { Input } from \"./components/Input/Input\";","import { clsx, type ClassValue } from \"clsx\"\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return clsx(inputs)\r\n}\r\n","import React, { ButtonHTMLAttributes, forwardRef } from \"react\";\r\nimport { cn } from \"../../utils/cn\";\r\n\r\nexport interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {\r\n  label?: string;\r\n  error?: string;\r\n  description?: string;\r\n  required?: boolean;\r\n  leftIcon?: React.ReactNode;\r\n  rightIcon?: React.ReactNode;\r\n  size?: 'sm' | 'md' | 'lg';\r\n  variant?: 'default' | 'filled' | 'unstyled';\r\n}\r\n\r\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\r\n  ({ \r\n    className,\r\n    label,\r\n    error,\r\n    description,\r\n    required,\r\n    leftIcon,\r\n    rightIcon,\r\n    size = 'md',\r\n    variant = 'default',\r\n    children,\r\n    ...props \r\n  }, ref) => {\r\n    // Base styles\r\n    const baseStyles = \"inline-flex items-center justify-center font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none\";\r\n    \r\n    // Size variants\r\n    const sizeStyles = {\r\n      sm: \"px-3 py-1.5 text-sm rounded-md\",\r\n      md: \"px-4 py-2 text-sm rounded-md\",\r\n      lg: \"px-6 py-3 text-base rounded-lg\"\r\n    };\r\n    \r\n    // Style variants\r\n    const variantStyles = {\r\n      default: \"bg-white text-gray-900 border border-gray-300 hover:bg-gray-50 focus:ring-blue-500\",\r\n      filled: \"bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500\",\r\n      unstyled: \"\"\r\n    };\r\n    \r\n    return (\r\n      <button\r\n        ref={ref}\r\n        className={cn(\r\n          baseStyles,\r\n          sizeStyles[size],\r\n          variantStyles[variant],\r\n          error && \"border-red-500 focus:ring-red-500\",\r\n          className\r\n        )}\r\n        aria-invalid={!!error}\r\n        aria-describedby={description ? `${props.id}-description` : undefined}\r\n        {...props}\r\n      >\r\n        {leftIcon && <span className=\"mr-2\">{leftIcon}</span>}\r\n        {label || children}\r\n        {rightIcon && <span className=\"ml-2\">{rightIcon}</span>}\r\n        {required && <span className=\"ml-1 text-red-500\">*</span>}\r\n        {error && <span className=\"sr-only\">{error}</span>}\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nButton.displayName = \"Button\";","import React, { forwardRef } from \"react\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { AlertCircle } from \"lucide-react\";\r\n\r\nexport interface InputProps\r\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\"> {\r\n  label?: string;\r\n  error?: string;\r\n  description?: string;\r\n  required?: boolean;\r\n  placeholder?: string;\r\n  leftIcon?: React.ReactNode;\r\n  rightIcon?: React.ReactNode;\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\r\n  (\r\n    {\r\n      label,\r\n      error,\r\n      description,\r\n      required,\r\n      placeholder,\r\n      leftIcon,\r\n      rightIcon,\r\n      size = \"md\",\r\n      className,\r\n      disabled,\r\n      id,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const inputId = id || `input-${Math.random().toString(36).slice(2, 9)}`;\r\n\r\n    const sizeClasses = {\r\n      sm: \"h-9 text-sm px-3\",\r\n      md: \"h-10 text-sm px-3.5\",\r\n      lg: \"h-12 text-base px-4\",\r\n    }[size];\r\n\r\n    return (\r\n      <div className=\"w-full space-y-1.5\">\r\n        {/* Label */}\r\n        {label && (\r\n          <label\r\n            htmlFor={inputId}\r\n            className={cn(\r\n              \"text-sm font-medium\",\r\n              disabled ? \"text-gray-400\" : \"text-gray-700\"\r\n            )}\r\n          >\r\n            {label}\r\n            {required && <span className=\"text-red-500 ml-1\">*</span>}\r\n          </label>\r\n        )}\r\n\r\n        {/* Description */}\r\n        {description && !error && (\r\n          <p className=\"text-xs text-gray-500\">{description}</p>\r\n        )}\r\n\r\n        {/* Input wrapper */}\r\n        <div className=\"relative\">\r\n          {/* Left Icon */}\r\n          {leftIcon && (\r\n            <span className=\"absolute left-3 top-1/2 -translate-y-1/2 text-gray-400\">\r\n              {leftIcon}\r\n            </span>\r\n          )}\r\n\r\n          {/* Input */}\r\n          <input\r\n            ref={ref}\r\n            id={inputId}\r\n            placeholder={placeholder}\r\n            disabled={disabled}\r\n            aria-invalid={!!error}\r\n            className={cn(\r\n              \"w-full rounded-lg border border-gray-300 bg-white\",\r\n              \"transition-all duration-150 outline-none\",\r\n              \"placeholder:text-gray-400 placeholder:text-sm\",\r\n              \"focus:border-blue-500 focus:ring-2 focus:ring-blue-100\",\r\n              \"disabled:bg-gray-100 disabled:text-gray-400 disabled:cursor-not-allowed\",\r\n              error && \"border-red-500 focus:border-red-500 focus:ring-red-100\",\r\n              leftIcon && \"pl-10\",\r\n              rightIcon && \"pr-10\",\r\n              sizeClasses,\r\n              className\r\n            )}\r\n            {...props}\r\n          />\r\n\r\n          {/* Right Icon */}\r\n          {rightIcon && (\r\n            <span className=\"absolute right-3 top-1/2 -translate-y-1/2 text-gray-400\">\r\n              {rightIcon}\r\n            </span>\r\n          )}\r\n        </div>\r\n \r\n        {error && (\r\n          <p className=\"flex items-center gap-1 text-xs text-red-500\">\r\n            <AlertCircle className=\"w-3.5 h-3.5\" />\r\n            {error}\r\n          </p>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nInput.displayName = \"Input\";"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAAsC;AAE/B,SAAS,MAAM,QAAsB;AAC1C,aAAO,kBAAK,MAAM;AACpB;;;ACJA,mBAAwD;AA8ClD;AAhCC,IAAM,aAAS;AAAA,EACpB,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EACL,GAAG,QAAQ;AAET,UAAM,aAAa;AAGnB,UAAM,aAAa;AAAA,MACjB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAGA,UAAM,gBAAgB;AAAA,MACpB,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,WAAW,IAAI;AAAA,UACf,cAAc,OAAO;AAAA,UACrB,SAAS;AAAA,UACT;AAAA,QACF;AAAA,QACA,gBAAc,CAAC,CAAC;AAAA,QAChB,oBAAkB,cAAc,GAAG,MAAM,EAAE,iBAAiB;AAAA,QAC3D,GAAG;AAAA,QAEH;AAAA,sBAAY,4CAAC,UAAK,WAAU,QAAQ,oBAAS;AAAA,UAC7C,SAAS;AAAA,UACT,aAAa,4CAAC,UAAK,WAAU,QAAQ,qBAAU;AAAA,UAC/C,YAAY,4CAAC,UAAK,WAAU,qBAAoB,eAAC;AAAA,UACjD,SAAS,4CAAC,UAAK,WAAU,WAAW,iBAAM;AAAA;AAAA;AAAA,IAC7C;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;;;ACrErB,IAAAA,gBAAkC;AAElC,0BAA4B;AA4ClB,IAAAC,sBAAA;AA9BH,IAAM,YAAQ;AAAA,EACnB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,UAAU,MAAM,SAAS,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;AAErE,UAAM,cAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN,EAAE,IAAI;AAEN,WACE,8CAAC,SAAI,WAAU,sBAEZ;AAAA,eACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,WAAW;AAAA,YACT;AAAA,YACA,WAAW,kBAAkB;AAAA,UAC/B;AAAA,UAEC;AAAA;AAAA,YACA,YAAY,6CAAC,UAAK,WAAU,qBAAoB,eAAC;AAAA;AAAA;AAAA,MACpD;AAAA,MAID,eAAe,CAAC,SACf,6CAAC,OAAE,WAAU,yBAAyB,uBAAY;AAAA,MAIpD,8CAAC,SAAI,WAAU,YAEZ;AAAA,oBACC,6CAAC,UAAK,WAAU,0DACb,oBACH;AAAA,QAIF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,IAAI;AAAA,YACJ;AAAA,YACA;AAAA,YACA,gBAAc,CAAC,CAAC;AAAA,YAChB,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,aAAa;AAAA,cACb;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA;AAAA,QACN;AAAA,QAGC,aACC,6CAAC,UAAK,WAAU,2DACb,qBACH;AAAA,SAEJ;AAAA,MAEC,SACC,8CAAC,OAAE,WAAU,gDACX;AAAA,qDAAC,mCAAY,WAAU,eAAc;AAAA,QACpC;AAAA,SACH;AAAA,OAEJ;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;","names":["import_react","import_jsx_runtime"]}
+{"version":3,"sources":["../src/index.ts","#style-inject:#style-inject","../src/index.css","../src/utils/cn.ts","../src/components/Button/Button.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["import './index.css';\r\nexport { cn } from \"./utils/cn\";\r\nexport { Button } from \"./components/Button/Button\";\r\nexport { Input } from \"./components/Input/Input\";","\n          export default function styleInject(css, { insertAt } = {}) {\n            if (!css || typeof document === 'undefined') return\n          \n            const head = document.head || document.getElementsByTagName('head')[0]\n            const style = document.createElement('style')\n            style.type = 'text/css'\n          \n            if (insertAt === 'top') {\n              if (head.firstChild) {\n                head.insertBefore(style, head.firstChild)\n              } else {\n                head.appendChild(style)\n              }\n            } else {\n              head.appendChild(style)\n            }\n          \n            if (style.styleSheet) {\n              style.styleSheet.cssText = css\n            } else {\n              style.appendChild(document.createTextNode(css))\n            }\n          }\n          ","import styleInject from '#style-inject';styleInject(\"*,\\n::before,\\n::after {\\n  --tw-border-spacing-x: 0;\\n  --tw-border-spacing-y: 0;\\n  --tw-translate-x: 0;\\n  --tw-translate-y: 0;\\n  --tw-rotate: 0;\\n  --tw-skew-x: 0;\\n  --tw-skew-y: 0;\\n  --tw-scale-x: 1;\\n  --tw-scale-y: 1;\\n  --tw-pan-x: ;\\n  --tw-pan-y: ;\\n  --tw-pinch-zoom: ;\\n  --tw-scroll-snap-strictness: proximity;\\n  --tw-gradient-from-position: ;\\n  --tw-gradient-via-position: ;\\n  --tw-gradient-to-position: ;\\n  --tw-ordinal: ;\\n  --tw-slashed-zero: ;\\n  --tw-numeric-figure: ;\\n  --tw-numeric-spacing: ;\\n  --tw-numeric-fraction: ;\\n  --tw-ring-inset: ;\\n  --tw-ring-offset-width: 0px;\\n  --tw-ring-offset-color: #fff;\\n  --tw-ring-color: rgb(59 130 246 / 0.5);\\n  --tw-ring-offset-shadow: 0 0 #0000;\\n  --tw-ring-shadow: 0 0 #0000;\\n  --tw-shadow: 0 0 #0000;\\n  --tw-shadow-colored: 0 0 #0000;\\n  --tw-blur: ;\\n  --tw-brightness: ;\\n  --tw-contrast: ;\\n  --tw-grayscale: ;\\n  --tw-hue-rotate: ;\\n  --tw-invert: ;\\n  --tw-saturate: ;\\n  --tw-sepia: ;\\n  --tw-drop-shadow: ;\\n  --tw-backdrop-blur: ;\\n  --tw-backdrop-brightness: ;\\n  --tw-backdrop-contrast: ;\\n  --tw-backdrop-grayscale: ;\\n  --tw-backdrop-hue-rotate: ;\\n  --tw-backdrop-invert: ;\\n  --tw-backdrop-opacity: ;\\n  --tw-backdrop-saturate: ;\\n  --tw-backdrop-sepia: ;\\n  --tw-contain-size: ;\\n  --tw-contain-layout: ;\\n  --tw-contain-paint: ;\\n  --tw-contain-style: ;\\n}\\n::backdrop {\\n  --tw-border-spacing-x: 0;\\n  --tw-border-spacing-y: 0;\\n  --tw-translate-x: 0;\\n  --tw-translate-y: 0;\\n  --tw-rotate: 0;\\n  --tw-skew-x: 0;\\n  --tw-skew-y: 0;\\n  --tw-scale-x: 1;\\n  --tw-scale-y: 1;\\n  --tw-pan-x: ;\\n  --tw-pan-y: ;\\n  --tw-pinch-zoom: ;\\n  --tw-scroll-snap-strictness: proximity;\\n  --tw-gradient-from-position: ;\\n  --tw-gradient-via-position: ;\\n  --tw-gradient-to-position: ;\\n  --tw-ordinal: ;\\n  --tw-slashed-zero: ;\\n  --tw-numeric-figure: ;\\n  --tw-numeric-spacing: ;\\n  --tw-numeric-fraction: ;\\n  --tw-ring-inset: ;\\n  --tw-ring-offset-width: 0px;\\n  --tw-ring-offset-color: #fff;\\n  --tw-ring-color: rgb(59 130 246 / 0.5);\\n  --tw-ring-offset-shadow: 0 0 #0000;\\n  --tw-ring-shadow: 0 0 #0000;\\n  --tw-shadow: 0 0 #0000;\\n  --tw-shadow-colored: 0 0 #0000;\\n  --tw-blur: ;\\n  --tw-brightness: ;\\n  --tw-contrast: ;\\n  --tw-grayscale: ;\\n  --tw-hue-rotate: ;\\n  --tw-invert: ;\\n  --tw-saturate: ;\\n  --tw-sepia: ;\\n  --tw-drop-shadow: ;\\n  --tw-backdrop-blur: ;\\n  --tw-backdrop-brightness: ;\\n  --tw-backdrop-contrast: ;\\n  --tw-backdrop-grayscale: ;\\n  --tw-backdrop-hue-rotate: ;\\n  --tw-backdrop-invert: ;\\n  --tw-backdrop-opacity: ;\\n  --tw-backdrop-saturate: ;\\n  --tw-backdrop-sepia: ;\\n  --tw-contain-size: ;\\n  --tw-contain-layout: ;\\n  --tw-contain-paint: ;\\n  --tw-contain-style: ;\\n}\\n*,\\n::before,\\n::after {\\n  box-sizing: border-box;\\n  border-width: 0;\\n  border-style: solid;\\n  border-color: #e5e7eb;\\n}\\n::before,\\n::after {\\n  --tw-content: \\\"\\\";\\n}\\nhtml,\\n:host {\\n  line-height: 1.5;\\n  -webkit-text-size-adjust: 100%;\\n  -moz-tab-size: 4;\\n  -o-tab-size: 4;\\n  tab-size: 4;\\n  font-family:\\n    ui-sans-serif,\\n    system-ui,\\n    sans-serif,\\n    \\\"Apple Color Emoji\\\",\\n    \\\"Segoe UI Emoji\\\",\\n    \\\"Segoe UI Symbol\\\",\\n    \\\"Noto Color Emoji\\\";\\n  font-feature-settings: normal;\\n  font-variation-settings: normal;\\n  -webkit-tap-highlight-color: transparent;\\n}\\nbody {\\n  margin: 0;\\n  line-height: inherit;\\n}\\nhr {\\n  height: 0;\\n  color: inherit;\\n  border-top-width: 1px;\\n}\\nabbr:where([title]) {\\n  -webkit-text-decoration: underline dotted;\\n  text-decoration: underline dotted;\\n}\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6 {\\n  font-size: inherit;\\n  font-weight: inherit;\\n}\\na {\\n  color: inherit;\\n  text-decoration: inherit;\\n}\\nb,\\nstrong {\\n  font-weight: bolder;\\n}\\ncode,\\nkbd,\\nsamp,\\npre {\\n  font-family:\\n    ui-monospace,\\n    SFMono-Regular,\\n    Menlo,\\n    Monaco,\\n    Consolas,\\n    \\\"Liberation Mono\\\",\\n    \\\"Courier New\\\",\\n    monospace;\\n  font-feature-settings: normal;\\n  font-variation-settings: normal;\\n  font-size: 1em;\\n}\\nsmall {\\n  font-size: 80%;\\n}\\nsub,\\nsup {\\n  font-size: 75%;\\n  line-height: 0;\\n  position: relative;\\n  vertical-align: baseline;\\n}\\nsub {\\n  bottom: -0.25em;\\n}\\nsup {\\n  top: -0.5em;\\n}\\ntable {\\n  text-indent: 0;\\n  border-color: inherit;\\n  border-collapse: collapse;\\n}\\nbutton,\\ninput,\\noptgroup,\\nselect,\\ntextarea {\\n  font-family: inherit;\\n  font-feature-settings: inherit;\\n  font-variation-settings: inherit;\\n  font-size: 100%;\\n  font-weight: inherit;\\n  line-height: inherit;\\n  letter-spacing: inherit;\\n  color: inherit;\\n  margin: 0;\\n  padding: 0;\\n}\\nbutton,\\nselect {\\n  text-transform: none;\\n}\\nbutton,\\ninput:where([type=button]),\\ninput:where([type=reset]),\\ninput:where([type=submit]) {\\n  -webkit-appearance: button;\\n  background-color: transparent;\\n  background-image: none;\\n}\\n:-moz-focusring {\\n  outline: auto;\\n}\\n:-moz-ui-invalid {\\n  box-shadow: none;\\n}\\nprogress {\\n  vertical-align: baseline;\\n}\\n::-webkit-inner-spin-button,\\n::-webkit-outer-spin-button {\\n  height: auto;\\n}\\n[type=search] {\\n  -webkit-appearance: textfield;\\n  outline-offset: -2px;\\n}\\n::-webkit-search-decoration {\\n  -webkit-appearance: none;\\n}\\n::-webkit-file-upload-button {\\n  -webkit-appearance: button;\\n  font: inherit;\\n}\\nsummary {\\n  display: list-item;\\n}\\nblockquote,\\ndl,\\ndd,\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6,\\nhr,\\nfigure,\\np,\\npre {\\n  margin: 0;\\n}\\nfieldset {\\n  margin: 0;\\n  padding: 0;\\n}\\nlegend {\\n  padding: 0;\\n}\\nol,\\nul,\\nmenu {\\n  list-style: none;\\n  margin: 0;\\n  padding: 0;\\n}\\ndialog {\\n  padding: 0;\\n}\\ntextarea {\\n  resize: vertical;\\n}\\ninput::-moz-placeholder,\\ntextarea::-moz-placeholder {\\n  opacity: 1;\\n  color: #9ca3af;\\n}\\ninput::placeholder,\\ntextarea::placeholder {\\n  opacity: 1;\\n  color: #9ca3af;\\n}\\nbutton,\\n[role=button] {\\n  cursor: pointer;\\n}\\n:disabled {\\n  cursor: default;\\n}\\nimg,\\nsvg,\\nvideo,\\ncanvas,\\naudio,\\niframe,\\nembed,\\nobject {\\n  display: block;\\n  vertical-align: middle;\\n}\\nimg,\\nvideo {\\n  max-width: 100%;\\n  height: auto;\\n}\\n[hidden]:where(:not([hidden=until-found])) {\\n  display: none;\\n}\\n.sr-only {\\n  position: absolute;\\n  width: 1px;\\n  height: 1px;\\n  padding: 0;\\n  margin: -1px;\\n  overflow: hidden;\\n  clip: rect(0, 0, 0, 0);\\n  white-space: nowrap;\\n  border-width: 0;\\n}\\n.absolute {\\n  position: absolute;\\n}\\n.relative {\\n  position: relative;\\n}\\n.left-3 {\\n  left: 0.75rem;\\n}\\n.right-3 {\\n  right: 0.75rem;\\n}\\n.top-1\\\\/2 {\\n  top: 50%;\\n}\\n.ml-1 {\\n  margin-left: 0.25rem;\\n}\\n.ml-2 {\\n  margin-left: 0.5rem;\\n}\\n.mr-2 {\\n  margin-right: 0.5rem;\\n}\\n.flex {\\n  display: flex;\\n}\\n.inline-flex {\\n  display: inline-flex;\\n}\\n.h-10 {\\n  height: 2.5rem;\\n}\\n.h-12 {\\n  height: 3rem;\\n}\\n.h-3\\\\.5 {\\n  height: 0.875rem;\\n}\\n.h-9 {\\n  height: 2.25rem;\\n}\\n.w-3\\\\.5 {\\n  width: 0.875rem;\\n}\\n.w-full {\\n  width: 100%;\\n}\\n.-translate-y-1\\\\/2 {\\n  --tw-translate-y: -50%;\\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\\n}\\n.items-center {\\n  align-items: center;\\n}\\n.justify-center {\\n  justify-content: center;\\n}\\n.gap-1 {\\n  gap: 0.25rem;\\n}\\n.space-y-1\\\\.5 > :not([hidden]) ~ :not([hidden]) {\\n  --tw-space-y-reverse: 0;\\n  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));\\n  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));\\n}\\n.rounded-lg {\\n  border-radius: 0.5rem;\\n}\\n.rounded-md {\\n  border-radius: 0.375rem;\\n}\\n.border {\\n  border-width: 1px;\\n}\\n.border-gray-300 {\\n  --tw-border-opacity: 1;\\n  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));\\n}\\n.border-red-500 {\\n  --tw-border-opacity: 1;\\n  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));\\n}\\n.bg-blue-600 {\\n  --tw-bg-opacity: 1;\\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));\\n}\\n.bg-white {\\n  --tw-bg-opacity: 1;\\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\\n}\\n.px-3 {\\n  padding-left: 0.75rem;\\n  padding-right: 0.75rem;\\n}\\n.px-3\\\\.5 {\\n  padding-left: 0.875rem;\\n  padding-right: 0.875rem;\\n}\\n.px-4 {\\n  padding-left: 1rem;\\n  padding-right: 1rem;\\n}\\n.px-6 {\\n  padding-left: 1.5rem;\\n  padding-right: 1.5rem;\\n}\\n.py-1\\\\.5 {\\n  padding-top: 0.375rem;\\n  padding-bottom: 0.375rem;\\n}\\n.py-2 {\\n  padding-top: 0.5rem;\\n  padding-bottom: 0.5rem;\\n}\\n.py-3 {\\n  padding-top: 0.75rem;\\n  padding-bottom: 0.75rem;\\n}\\n.pl-10 {\\n  padding-left: 2.5rem;\\n}\\n.pr-10 {\\n  padding-right: 2.5rem;\\n}\\n.text-base {\\n  font-size: 1rem;\\n  line-height: 1.5rem;\\n}\\n.text-sm {\\n  font-size: 0.875rem;\\n  line-height: 1.25rem;\\n}\\n.text-xs {\\n  font-size: 0.75rem;\\n  line-height: 1rem;\\n}\\n.font-medium {\\n  font-weight: 500;\\n}\\n.text-gray-400 {\\n  --tw-text-opacity: 1;\\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\\n}\\n.text-gray-500 {\\n  --tw-text-opacity: 1;\\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\\n}\\n.text-gray-700 {\\n  --tw-text-opacity: 1;\\n  color: rgb(55 65 81 / var(--tw-text-opacity, 1));\\n}\\n.text-gray-900 {\\n  --tw-text-opacity: 1;\\n  color: rgb(17 24 39 / var(--tw-text-opacity, 1));\\n}\\n.text-red-500 {\\n  --tw-text-opacity: 1;\\n  color: rgb(239 68 68 / var(--tw-text-opacity, 1));\\n}\\n.text-white {\\n  --tw-text-opacity: 1;\\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\\n}\\n.outline-none {\\n  outline: 2px solid transparent;\\n  outline-offset: 2px;\\n}\\n.transition-all {\\n  transition-property: all;\\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n  transition-duration: 150ms;\\n}\\n.transition-colors {\\n  transition-property:\\n    color,\\n    background-color,\\n    border-color,\\n    text-decoration-color,\\n    fill,\\n    stroke;\\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n  transition-duration: 150ms;\\n}\\n.duration-150 {\\n  transition-duration: 150ms;\\n}\\n.placeholder\\\\:text-sm::-moz-placeholder {\\n  font-size: 0.875rem;\\n  line-height: 1.25rem;\\n}\\n.placeholder\\\\:text-sm::placeholder {\\n  font-size: 0.875rem;\\n  line-height: 1.25rem;\\n}\\n.placeholder\\\\:text-gray-400::-moz-placeholder {\\n  --tw-text-opacity: 1;\\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\\n}\\n.placeholder\\\\:text-gray-400::placeholder {\\n  --tw-text-opacity: 1;\\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\\n}\\n.hover\\\\:bg-blue-700:hover {\\n  --tw-bg-opacity: 1;\\n  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));\\n}\\n.hover\\\\:bg-gray-50:hover {\\n  --tw-bg-opacity: 1;\\n  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\\n}\\n.focus\\\\:border-blue-500:focus {\\n  --tw-border-opacity: 1;\\n  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));\\n}\\n.focus\\\\:border-red-500:focus {\\n  --tw-border-opacity: 1;\\n  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));\\n}\\n.focus\\\\:outline-none:focus {\\n  outline: 2px solid transparent;\\n  outline-offset: 2px;\\n}\\n.focus\\\\:ring-2:focus {\\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\\n  box-shadow:\\n    var(--tw-ring-offset-shadow),\\n    var(--tw-ring-shadow),\\n    var(--tw-shadow, 0 0 #0000);\\n}\\n.focus\\\\:ring-blue-100:focus {\\n  --tw-ring-opacity: 1;\\n  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1));\\n}\\n.focus\\\\:ring-blue-500:focus {\\n  --tw-ring-opacity: 1;\\n  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));\\n}\\n.focus\\\\:ring-red-100:focus {\\n  --tw-ring-opacity: 1;\\n  --tw-ring-color: rgb(254 226 226 / var(--tw-ring-opacity, 1));\\n}\\n.focus\\\\:ring-red-500:focus {\\n  --tw-ring-opacity: 1;\\n  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));\\n}\\n.focus\\\\:ring-offset-2:focus {\\n  --tw-ring-offset-width: 2px;\\n}\\n.disabled\\\\:pointer-events-none:disabled {\\n  pointer-events: none;\\n}\\n.disabled\\\\:cursor-not-allowed:disabled {\\n  cursor: not-allowed;\\n}\\n.disabled\\\\:bg-gray-100:disabled {\\n  --tw-bg-opacity: 1;\\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\\n}\\n.disabled\\\\:text-gray-400:disabled {\\n  --tw-text-opacity: 1;\\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\\n}\\n.disabled\\\\:opacity-50:disabled {\\n  opacity: 0.5;\\n}\\n\")","import { clsx, type ClassValue } from \"clsx\"\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return clsx(inputs)\r\n}\r\n","import React, { ButtonHTMLAttributes, forwardRef } from \"react\";\r\nimport { cn } from \"../../utils/cn\";\r\n\r\nexport interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {\r\n  label?: string;\r\n  error?: string;\r\n  description?: string;\r\n  required?: boolean;\r\n  leftIcon?: React.ReactNode;\r\n  rightIcon?: React.ReactNode;\r\n  size?: 'sm' | 'md' | 'lg';\r\n  variant?: 'default' | 'filled' | 'unstyled';\r\n}\r\n\r\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\r\n  ({ \r\n    className,\r\n    label,\r\n    error,\r\n    description,\r\n    required,\r\n    leftIcon,\r\n    rightIcon,\r\n    size = 'md',\r\n    variant = 'default',\r\n    children,\r\n    ...props \r\n  }, ref) => {\r\n    // Base styles\r\n    const baseStyles = \"inline-flex items-center justify-center font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none\";\r\n    \r\n    // Size variants\r\n    const sizeStyles = {\r\n      sm: \"px-3 py-1.5 text-sm rounded-md\",\r\n      md: \"px-4 py-2 text-sm rounded-md\",\r\n      lg: \"px-6 py-3 text-base rounded-lg\"\r\n    };\r\n    \r\n    // Style variants\r\n    const variantStyles = {\r\n      default: \"bg-white text-gray-900 border border-gray-300 hover:bg-gray-50 focus:ring-blue-500\",\r\n      filled: \"bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500\",\r\n      unstyled: \"\"\r\n    };\r\n    \r\n    return (\r\n      <button\r\n        ref={ref}\r\n        className={cn(\r\n          baseStyles,\r\n          sizeStyles[size],\r\n          variantStyles[variant],\r\n          error && \"border-red-500 focus:ring-red-500\",\r\n          className\r\n        )}\r\n        aria-invalid={!!error}\r\n        aria-describedby={description ? `${props.id}-description` : undefined}\r\n        {...props}\r\n      >\r\n        {leftIcon && <span className=\"mr-2\">{leftIcon}</span>}\r\n        {label || children}\r\n        {rightIcon && <span className=\"ml-2\">{rightIcon}</span>}\r\n        {required && <span className=\"ml-1 text-red-500\">*</span>}\r\n        {error && <span className=\"sr-only\">{error}</span>}\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nButton.displayName = \"Button\";","import React, { forwardRef } from \"react\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { AlertCircle } from \"lucide-react\";\r\n\r\nexport interface InputProps\r\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\"> {\r\n  label?: string;\r\n  error?: string;\r\n  description?: string;\r\n  required?: boolean;\r\n  placeholder?: string;\r\n  leftIcon?: React.ReactNode;\r\n  rightIcon?: React.ReactNode;\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\r\n  (\r\n    {\r\n      label,\r\n      error,\r\n      description,\r\n      required,\r\n      placeholder,\r\n      leftIcon,\r\n      rightIcon,\r\n      size = \"md\",\r\n      className,\r\n      disabled,\r\n      id,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const inputId = id || `input-${Math.random().toString(36).slice(2, 9)}`;\r\n\r\n    const sizeClasses = {\r\n      sm: \"h-9 text-sm px-3\",\r\n      md: \"h-10 text-sm px-3.5\",\r\n      lg: \"h-12 text-base px-4\",\r\n    }[size];\r\n\r\n    return (\r\n      <div className=\"w-full space-y-1.5\">\r\n        {/* Label */}\r\n        {label && (\r\n          <label\r\n            htmlFor={inputId}\r\n            className={cn(\r\n              \"text-sm font-medium\",\r\n              disabled ? \"text-gray-400\" : \"text-gray-700\"\r\n            )}\r\n          >\r\n            {label}\r\n            {required && <span className=\"text-red-500 ml-1\">*</span>}\r\n          </label>\r\n        )}\r\n\r\n        {/* Description */}\r\n        {description && !error && (\r\n          <p className=\"text-xs text-gray-500\">{description}</p>\r\n        )}\r\n\r\n        {/* Input wrapper */}\r\n        <div className=\"relative\">\r\n          {/* Left Icon */}\r\n          {leftIcon && (\r\n            <span className=\"absolute left-3 top-1/2 -translate-y-1/2 text-gray-400\">\r\n              {leftIcon}\r\n            </span>\r\n          )}\r\n\r\n          {/* Input */}\r\n          <input\r\n            ref={ref}\r\n            id={inputId}\r\n            placeholder={placeholder}\r\n            disabled={disabled}\r\n            aria-invalid={!!error}\r\n            className={cn(\r\n              \"w-full rounded-lg border border-gray-300 bg-white\",\r\n              \"transition-all duration-150 outline-none\",\r\n              \"placeholder:text-gray-400 placeholder:text-sm\",\r\n              \"focus:border-blue-500 focus:ring-2 focus:ring-blue-100\",\r\n              \"disabled:bg-gray-100 disabled:text-gray-400 disabled:cursor-not-allowed\",\r\n              error && \"border-red-500 focus:border-red-500 focus:ring-red-100\",\r\n              leftIcon && \"pl-10\",\r\n              rightIcon && \"pr-10\",\r\n              sizeClasses,\r\n              className\r\n            )}\r\n            {...props}\r\n          />\r\n\r\n          {/* Right Icon */}\r\n          {rightIcon && (\r\n            <span className=\"absolute right-3 top-1/2 -translate-y-1/2 text-gray-400\">\r\n              {rightIcon}\r\n            </span>\r\n          )}\r\n        </div>\r\n \r\n        {error && (\r\n          <p className=\"flex items-center gap-1 text-xs text-red-500\">\r\n            <AlertCircle className=\"w-3.5 h-3.5\" />\r\n            {error}\r\n          </p>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nInput.displayName = \"Input\";"],"mappings":"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","names":["import_react","import_jsx_runtime"]}

package/dist/index.mjs

@@ -1,3 +1,28 @@
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// src/index.css
+styleInject('*,\n::before,\n::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n  --tw-contain-size: ;\n  --tw-contain-layout: ;\n  --tw-contain-paint: ;\n  --tw-contain-style: ;\n}\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n  --tw-contain-size: ;\n  --tw-contain-layout: ;\n  --tw-contain-paint: ;\n  --tw-contain-style: ;\n}\n*,\n::before,\n::after {\n  box-sizing: border-box;\n  border-width: 0;\n  border-style: solid;\n  border-color: #e5e7eb;\n}\n::before,\n::after {\n  --tw-content: "";\n}\nhtml,\n:host {\n  line-height: 1.5;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n  font-family:\n    ui-sans-serif,\n    system-ui,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji",\n    "Segoe UI Symbol",\n    "Noto Color Emoji";\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  -webkit-tap-highlight-color: transparent;\n}\nbody {\n  margin: 0;\n  line-height: inherit;\n}\nhr {\n  height: 0;\n  color: inherit;\n  border-top-width: 1px;\n}\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\na {\n  color: inherit;\n  text-decoration: inherit;\n}\nb,\nstrong {\n  font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Monaco,\n    Consolas,\n    "Liberation Mono",\n    "Courier New",\n    monospace;\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  font-size: 1em;\n}\nsmall {\n  font-size: 80%;\n}\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\ntable {\n  text-indent: 0;\n  border-color: inherit;\n  border-collapse: collapse;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-feature-settings: inherit;\n  font-variation-settings: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  margin: 0;\n  padding: 0;\n}\nbutton,\nselect {\n  text-transform: none;\n}\nbutton,\ninput:where([type=button]),\ninput:where([type=reset]),\ninput:where([type=submit]) {\n  -webkit-appearance: button;\n  background-color: transparent;\n  background-image: none;\n}\n:-moz-focusring {\n  outline: auto;\n}\n:-moz-ui-invalid {\n  box-shadow: none;\n}\nprogress {\n  vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\nsummary {\n  display: list-item;\n}\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\nfieldset {\n  margin: 0;\n  padding: 0;\n}\nlegend {\n  padding: 0;\n}\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\ndialog {\n  padding: 0;\n}\ntextarea {\n  resize: vertical;\n}\ninput::-moz-placeholder,\ntextarea::-moz-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\nbutton,\n[role=button] {\n  cursor: pointer;\n}\n:disabled {\n  cursor: default;\n}\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block;\n  vertical-align: middle;\n}\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n[hidden]:where(:not([hidden=until-found])) {\n  display: none;\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.left-3 {\n  left: 0.75rem;\n}\n.right-3 {\n  right: 0.75rem;\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.ml-1 {\n  margin-left: 0.25rem;\n}\n.ml-2 {\n  margin-left: 0.5rem;\n}\n.mr-2 {\n  margin-right: 0.5rem;\n}\n.flex {\n  display: flex;\n}\n.inline-flex {\n  display: inline-flex;\n}\n.h-10 {\n  height: 2.5rem;\n}\n.h-12 {\n  height: 3rem;\n}\n.h-3\\.5 {\n  height: 0.875rem;\n}\n.h-9 {\n  height: 2.25rem;\n}\n.w-3\\.5 {\n  width: 0.875rem;\n}\n.w-full {\n  width: 100%;\n}\n.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.items-center {\n  align-items: center;\n}\n.justify-center {\n  justify-content: center;\n}\n.gap-1 {\n  gap: 0.25rem;\n}\n.space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));\n}\n.rounded-lg {\n  border-radius: 0.5rem;\n}\n.rounded-md {\n  border-radius: 0.375rem;\n}\n.border {\n  border-width: 1px;\n}\n.border-gray-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));\n}\n.border-red-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));\n}\n.bg-blue-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-3\\.5 {\n  padding-left: 0.875rem;\n  padding-right: 0.875rem;\n}\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.py-1\\.5 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.pl-10 {\n  padding-left: 2.5rem;\n}\n.pr-10 {\n  padding-right: 2.5rem;\n}\n.text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.font-medium {\n  font-weight: 500;\n}\n.text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\n.text-gray-700 {\n  --tw-text-opacity: 1;\n  color: rgb(55 65 81 / var(--tw-text-opacity, 1));\n}\n.text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\n.text-red-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-colors {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-150 {\n  transition-duration: 150ms;\n}\n.placeholder\\:text-sm::-moz-placeholder {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.placeholder\\:text-sm::placeholder {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.placeholder\\:text-gray-400::-moz-placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.placeholder\\:text-gray-400::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.hover\\:bg-blue-700:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-gray-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\n.focus\\:border-blue-500:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));\n}\n.focus\\:border-red-500:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));\n}\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus\\:ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus\\:ring-blue-100:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1));\n}\n.focus\\:ring-blue-500:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));\n}\n.focus\\:ring-red-100:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(254 226 226 / var(--tw-ring-opacity, 1));\n}\n.focus\\:ring-red-500:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));\n}\n.focus\\:ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n.disabled\\:pointer-events-none:disabled {\n  pointer-events: none;\n}\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.disabled\\:bg-gray-100:disabled {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\n.disabled\\:text-gray-400:disabled {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.disabled\\:opacity-50:disabled {\n  opacity: 0.5;\n}\n');
+
 // src/utils/cn.ts
 import { clsx } from "clsx";
 function cn(...inputs) {

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/cn.ts","../src/components/Button/Button.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return clsx(inputs)\r\n}\r\n","import React, { ButtonHTMLAttributes, forwardRef } from \"react\";\r\nimport { cn } from \"../../utils/cn\";\r\n\r\nexport interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {\r\n  label?: string;\r\n  error?: string;\r\n  description?: string;\r\n  required?: boolean;\r\n  leftIcon?: React.ReactNode;\r\n  rightIcon?: React.ReactNode;\r\n  size?: 'sm' | 'md' | 'lg';\r\n  variant?: 'default' | 'filled' | 'unstyled';\r\n}\r\n\r\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\r\n  ({ \r\n    className,\r\n    label,\r\n    error,\r\n    description,\r\n    required,\r\n    leftIcon,\r\n    rightIcon,\r\n    size = 'md',\r\n    variant = 'default',\r\n    children,\r\n    ...props \r\n  }, ref) => {\r\n    // Base styles\r\n    const baseStyles = \"inline-flex items-center justify-center font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none\";\r\n    \r\n    // Size variants\r\n    const sizeStyles = {\r\n      sm: \"px-3 py-1.5 text-sm rounded-md\",\r\n      md: \"px-4 py-2 text-sm rounded-md\",\r\n      lg: \"px-6 py-3 text-base rounded-lg\"\r\n    };\r\n    \r\n    // Style variants\r\n    const variantStyles = {\r\n      default: \"bg-white text-gray-900 border border-gray-300 hover:bg-gray-50 focus:ring-blue-500\",\r\n      filled: \"bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500\",\r\n      unstyled: \"\"\r\n    };\r\n    \r\n    return (\r\n      <button\r\n        ref={ref}\r\n        className={cn(\r\n          baseStyles,\r\n          sizeStyles[size],\r\n          variantStyles[variant],\r\n          error && \"border-red-500 focus:ring-red-500\",\r\n          className\r\n        )}\r\n        aria-invalid={!!error}\r\n        aria-describedby={description ? `${props.id}-description` : undefined}\r\n        {...props}\r\n      >\r\n        {leftIcon && <span className=\"mr-2\">{leftIcon}</span>}\r\n        {label || children}\r\n        {rightIcon && <span className=\"ml-2\">{rightIcon}</span>}\r\n        {required && <span className=\"ml-1 text-red-500\">*</span>}\r\n        {error && <span className=\"sr-only\">{error}</span>}\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nButton.displayName = \"Button\";","import React, { forwardRef } from \"react\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { AlertCircle } from \"lucide-react\";\r\n\r\nexport interface InputProps\r\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\"> {\r\n  label?: string;\r\n  error?: string;\r\n  description?: string;\r\n  required?: boolean;\r\n  placeholder?: string;\r\n  leftIcon?: React.ReactNode;\r\n  rightIcon?: React.ReactNode;\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\r\n  (\r\n    {\r\n      label,\r\n      error,\r\n      description,\r\n      required,\r\n      placeholder,\r\n      leftIcon,\r\n      rightIcon,\r\n      size = \"md\",\r\n      className,\r\n      disabled,\r\n      id,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const inputId = id || `input-${Math.random().toString(36).slice(2, 9)}`;\r\n\r\n    const sizeClasses = {\r\n      sm: \"h-9 text-sm px-3\",\r\n      md: \"h-10 text-sm px-3.5\",\r\n      lg: \"h-12 text-base px-4\",\r\n    }[size];\r\n\r\n    return (\r\n      <div className=\"w-full space-y-1.5\">\r\n        {/* Label */}\r\n        {label && (\r\n          <label\r\n            htmlFor={inputId}\r\n            className={cn(\r\n              \"text-sm font-medium\",\r\n              disabled ? \"text-gray-400\" : \"text-gray-700\"\r\n            )}\r\n          >\r\n            {label}\r\n            {required && <span className=\"text-red-500 ml-1\">*</span>}\r\n          </label>\r\n        )}\r\n\r\n        {/* Description */}\r\n        {description && !error && (\r\n          <p className=\"text-xs text-gray-500\">{description}</p>\r\n        )}\r\n\r\n        {/* Input wrapper */}\r\n        <div className=\"relative\">\r\n          {/* Left Icon */}\r\n          {leftIcon && (\r\n            <span className=\"absolute left-3 top-1/2 -translate-y-1/2 text-gray-400\">\r\n              {leftIcon}\r\n            </span>\r\n          )}\r\n\r\n          {/* Input */}\r\n          <input\r\n            ref={ref}\r\n            id={inputId}\r\n            placeholder={placeholder}\r\n            disabled={disabled}\r\n            aria-invalid={!!error}\r\n            className={cn(\r\n              \"w-full rounded-lg border border-gray-300 bg-white\",\r\n              \"transition-all duration-150 outline-none\",\r\n              \"placeholder:text-gray-400 placeholder:text-sm\",\r\n              \"focus:border-blue-500 focus:ring-2 focus:ring-blue-100\",\r\n              \"disabled:bg-gray-100 disabled:text-gray-400 disabled:cursor-not-allowed\",\r\n              error && \"border-red-500 focus:border-red-500 focus:ring-red-100\",\r\n              leftIcon && \"pl-10\",\r\n              rightIcon && \"pr-10\",\r\n              sizeClasses,\r\n              className\r\n            )}\r\n            {...props}\r\n          />\r\n\r\n          {/* Right Icon */}\r\n          {rightIcon && (\r\n            <span className=\"absolute right-3 top-1/2 -translate-y-1/2 text-gray-400\">\r\n              {rightIcon}\r\n            </span>\r\n          )}\r\n        </div>\r\n \r\n        {error && (\r\n          <p className=\"flex items-center gap-1 text-xs text-red-500\">\r\n            <AlertCircle className=\"w-3.5 h-3.5\" />\r\n            {error}\r\n          </p>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nInput.displayName = \"Input\";"],"mappings":";AAAA,SAAS,YAA6B;AAE/B,SAAS,MAAM,QAAsB;AAC1C,SAAO,KAAK,MAAM;AACpB;;;ACJA,SAAsC,kBAAkB;AA8ClD,SAae,KAbf;AAhCC,IAAM,SAAS;AAAA,EACpB,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EACL,GAAG,QAAQ;AAET,UAAM,aAAa;AAGnB,UAAM,aAAa;AAAA,MACjB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAGA,UAAM,gBAAgB;AAAA,MACpB,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,WAAW,IAAI;AAAA,UACf,cAAc,OAAO;AAAA,UACrB,SAAS;AAAA,UACT;AAAA,QACF;AAAA,QACA,gBAAc,CAAC,CAAC;AAAA,QAChB,oBAAkB,cAAc,GAAG,MAAM,EAAE,iBAAiB;AAAA,QAC3D,GAAG;AAAA,QAEH;AAAA,sBAAY,oBAAC,UAAK,WAAU,QAAQ,oBAAS;AAAA,UAC7C,SAAS;AAAA,UACT,aAAa,oBAAC,UAAK,WAAU,QAAQ,qBAAU;AAAA,UAC/C,YAAY,oBAAC,UAAK,WAAU,qBAAoB,eAAC;AAAA,UACjD,SAAS,oBAAC,UAAK,WAAU,WAAW,iBAAM;AAAA;AAAA;AAAA,IAC7C;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;;;ACrErB,SAAgB,cAAAA,mBAAkB;AAElC,SAAS,mBAAmB;AA4ClB,SAQe,OAAAC,MARf,QAAAC,aAAA;AA9BH,IAAM,QAAQC;AAAA,EACnB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,UAAU,MAAM,SAAS,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;AAErE,UAAM,cAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN,EAAE,IAAI;AAEN,WACE,gBAAAD,MAAC,SAAI,WAAU,sBAEZ;AAAA,eACC,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,WAAW;AAAA,YACT;AAAA,YACA,WAAW,kBAAkB;AAAA,UAC/B;AAAA,UAEC;AAAA;AAAA,YACA,YAAY,gBAAAD,KAAC,UAAK,WAAU,qBAAoB,eAAC;AAAA;AAAA;AAAA,MACpD;AAAA,MAID,eAAe,CAAC,SACf,gBAAAA,KAAC,OAAE,WAAU,yBAAyB,uBAAY;AAAA,MAIpD,gBAAAC,MAAC,SAAI,WAAU,YAEZ;AAAA,oBACC,gBAAAD,KAAC,UAAK,WAAU,0DACb,oBACH;AAAA,QAIF,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,IAAI;AAAA,YACJ;AAAA,YACA;AAAA,YACA,gBAAc,CAAC,CAAC;AAAA,YAChB,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,aAAa;AAAA,cACb;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA;AAAA,QACN;AAAA,QAGC,aACC,gBAAAA,KAAC,UAAK,WAAU,2DACb,qBACH;AAAA,SAEJ;AAAA,MAEC,SACC,gBAAAC,MAAC,OAAE,WAAU,gDACX;AAAA,wBAAAD,KAAC,eAAY,WAAU,eAAc;AAAA,QACpC;AAAA,SACH;AAAA,OAEJ;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;","names":["forwardRef","jsx","jsxs","forwardRef"]}
+{"version":3,"sources":["#style-inject:#style-inject","../src/index.css","../src/utils/cn.ts","../src/components/Button/Button.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["\n          export default function styleInject(css, { insertAt } = {}) {\n            if (!css || typeof document === 'undefined') return\n          \n            const head = document.head || document.getElementsByTagName('head')[0]\n            const style = document.createElement('style')\n            style.type = 'text/css'\n          \n            if (insertAt === 'top') {\n              if (head.firstChild) {\n                head.insertBefore(style, head.firstChild)\n              } else {\n                head.appendChild(style)\n              }\n            } else {\n              head.appendChild(style)\n            }\n          \n            if (style.styleSheet) {\n              style.styleSheet.cssText = css\n            } else {\n              style.appendChild(document.createTextNode(css))\n            }\n          }\n          ","import styleInject from '#style-inject';styleInject(\"*,\\n::before,\\n::after {\\n  --tw-border-spacing-x: 0;\\n  --tw-border-spacing-y: 0;\\n  --tw-translate-x: 0;\\n  --tw-translate-y: 0;\\n  --tw-rotate: 0;\\n  --tw-skew-x: 0;\\n  --tw-skew-y: 0;\\n  --tw-scale-x: 1;\\n  --tw-scale-y: 1;\\n  --tw-pan-x: ;\\n  --tw-pan-y: ;\\n  --tw-pinch-zoom: ;\\n  --tw-scroll-snap-strictness: proximity;\\n  --tw-gradient-from-position: ;\\n  --tw-gradient-via-position: ;\\n  --tw-gradient-to-position: ;\\n  --tw-ordinal: ;\\n  --tw-slashed-zero: ;\\n  --tw-numeric-figure: ;\\n  --tw-numeric-spacing: ;\\n  --tw-numeric-fraction: ;\\n  --tw-ring-inset: ;\\n  --tw-ring-offset-width: 0px;\\n  --tw-ring-offset-color: #fff;\\n  --tw-ring-color: rgb(59 130 246 / 0.5);\\n  --tw-ring-offset-shadow: 0 0 #0000;\\n  --tw-ring-shadow: 0 0 #0000;\\n  --tw-shadow: 0 0 #0000;\\n  --tw-shadow-colored: 0 0 #0000;\\n  --tw-blur: ;\\n  --tw-brightness: ;\\n  --tw-contrast: ;\\n  --tw-grayscale: ;\\n  --tw-hue-rotate: ;\\n  --tw-invert: ;\\n  --tw-saturate: ;\\n  --tw-sepia: ;\\n  --tw-drop-shadow: ;\\n  --tw-backdrop-blur: ;\\n  --tw-backdrop-brightness: ;\\n  --tw-backdrop-contrast: ;\\n  --tw-backdrop-grayscale: ;\\n  --tw-backdrop-hue-rotate: ;\\n  --tw-backdrop-invert: ;\\n  --tw-backdrop-opacity: ;\\n  --tw-backdrop-saturate: ;\\n  --tw-backdrop-sepia: ;\\n  --tw-contain-size: ;\\n  --tw-contain-layout: ;\\n  --tw-contain-paint: ;\\n  --tw-contain-style: ;\\n}\\n::backdrop {\\n  --tw-border-spacing-x: 0;\\n  --tw-border-spacing-y: 0;\\n  --tw-translate-x: 0;\\n  --tw-translate-y: 0;\\n  --tw-rotate: 0;\\n  --tw-skew-x: 0;\\n  --tw-skew-y: 0;\\n  --tw-scale-x: 1;\\n  --tw-scale-y: 1;\\n  --tw-pan-x: ;\\n  --tw-pan-y: ;\\n  --tw-pinch-zoom: ;\\n  --tw-scroll-snap-strictness: proximity;\\n  --tw-gradient-from-position: ;\\n  --tw-gradient-via-position: ;\\n  --tw-gradient-to-position: ;\\n  --tw-ordinal: ;\\n  --tw-slashed-zero: ;\\n  --tw-numeric-figure: ;\\n  --tw-numeric-spacing: ;\\n  --tw-numeric-fraction: ;\\n  --tw-ring-inset: ;\\n  --tw-ring-offset-width: 0px;\\n  --tw-ring-offset-color: #fff;\\n  --tw-ring-color: rgb(59 130 246 / 0.5);\\n  --tw-ring-offset-shadow: 0 0 #0000;\\n  --tw-ring-shadow: 0 0 #0000;\\n  --tw-shadow: 0 0 #0000;\\n  --tw-shadow-colored: 0 0 #0000;\\n  --tw-blur: ;\\n  --tw-brightness: ;\\n  --tw-contrast: ;\\n  --tw-grayscale: ;\\n  --tw-hue-rotate: ;\\n  --tw-invert: ;\\n  --tw-saturate: ;\\n  --tw-sepia: ;\\n  --tw-drop-shadow: ;\\n  --tw-backdrop-blur: ;\\n  --tw-backdrop-brightness: ;\\n  --tw-backdrop-contrast: ;\\n  --tw-backdrop-grayscale: ;\\n  --tw-backdrop-hue-rotate: ;\\n  --tw-backdrop-invert: ;\\n  --tw-backdrop-opacity: ;\\n  --tw-backdrop-saturate: ;\\n  --tw-backdrop-sepia: ;\\n  --tw-contain-size: ;\\n  --tw-contain-layout: ;\\n  --tw-contain-paint: ;\\n  --tw-contain-style: ;\\n}\\n*,\\n::before,\\n::after {\\n  box-sizing: border-box;\\n  border-width: 0;\\n  border-style: solid;\\n  border-color: #e5e7eb;\\n}\\n::before,\\n::after {\\n  --tw-content: \\\"\\\";\\n}\\nhtml,\\n:host {\\n  line-height: 1.5;\\n  -webkit-text-size-adjust: 100%;\\n  -moz-tab-size: 4;\\n  -o-tab-size: 4;\\n  tab-size: 4;\\n  font-family:\\n    ui-sans-serif,\\n    system-ui,\\n    sans-serif,\\n    \\\"Apple Color Emoji\\\",\\n    \\\"Segoe UI Emoji\\\",\\n    \\\"Segoe UI Symbol\\\",\\n    \\\"Noto Color Emoji\\\";\\n  font-feature-settings: normal;\\n  font-variation-settings: normal;\\n  -webkit-tap-highlight-color: transparent;\\n}\\nbody {\\n  margin: 0;\\n  line-height: inherit;\\n}\\nhr {\\n  height: 0;\\n  color: inherit;\\n  border-top-width: 1px;\\n}\\nabbr:where([title]) {\\n  -webkit-text-decoration: underline dotted;\\n  text-decoration: underline dotted;\\n}\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6 {\\n  font-size: inherit;\\n  font-weight: inherit;\\n}\\na {\\n  color: inherit;\\n  text-decoration: inherit;\\n}\\nb,\\nstrong {\\n  font-weight: bolder;\\n}\\ncode,\\nkbd,\\nsamp,\\npre {\\n  font-family:\\n    ui-monospace,\\n    SFMono-Regular,\\n    Menlo,\\n    Monaco,\\n    Consolas,\\n    \\\"Liberation Mono\\\",\\n    \\\"Courier New\\\",\\n    monospace;\\n  font-feature-settings: normal;\\n  font-variation-settings: normal;\\n  font-size: 1em;\\n}\\nsmall {\\n  font-size: 80%;\\n}\\nsub,\\nsup {\\n  font-size: 75%;\\n  line-height: 0;\\n  position: relative;\\n  vertical-align: baseline;\\n}\\nsub {\\n  bottom: -0.25em;\\n}\\nsup {\\n  top: -0.5em;\\n}\\ntable {\\n  text-indent: 0;\\n  border-color: inherit;\\n  border-collapse: collapse;\\n}\\nbutton,\\ninput,\\noptgroup,\\nselect,\\ntextarea {\\n  font-family: inherit;\\n  font-feature-settings: inherit;\\n  font-variation-settings: inherit;\\n  font-size: 100%;\\n  font-weight: inherit;\\n  line-height: inherit;\\n  letter-spacing: inherit;\\n  color: inherit;\\n  margin: 0;\\n  padding: 0;\\n}\\nbutton,\\nselect {\\n  text-transform: none;\\n}\\nbutton,\\ninput:where([type=button]),\\ninput:where([type=reset]),\\ninput:where([type=submit]) {\\n  -webkit-appearance: button;\\n  background-color: transparent;\\n  background-image: none;\\n}\\n:-moz-focusring {\\n  outline: auto;\\n}\\n:-moz-ui-invalid {\\n  box-shadow: none;\\n}\\nprogress {\\n  vertical-align: baseline;\\n}\\n::-webkit-inner-spin-button,\\n::-webkit-outer-spin-button {\\n  height: auto;\\n}\\n[type=search] {\\n  -webkit-appearance: textfield;\\n  outline-offset: -2px;\\n}\\n::-webkit-search-decoration {\\n  -webkit-appearance: none;\\n}\\n::-webkit-file-upload-button {\\n  -webkit-appearance: button;\\n  font: inherit;\\n}\\nsummary {\\n  display: list-item;\\n}\\nblockquote,\\ndl,\\ndd,\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6,\\nhr,\\nfigure,\\np,\\npre {\\n  margin: 0;\\n}\\nfieldset {\\n  margin: 0;\\n  padding: 0;\\n}\\nlegend {\\n  padding: 0;\\n}\\nol,\\nul,\\nmenu {\\n  list-style: none;\\n  margin: 0;\\n  padding: 0;\\n}\\ndialog {\\n  padding: 0;\\n}\\ntextarea {\\n  resize: vertical;\\n}\\ninput::-moz-placeholder,\\ntextarea::-moz-placeholder {\\n  opacity: 1;\\n  color: #9ca3af;\\n}\\ninput::placeholder,\\ntextarea::placeholder {\\n  opacity: 1;\\n  color: #9ca3af;\\n}\\nbutton,\\n[role=button] {\\n  cursor: pointer;\\n}\\n:disabled {\\n  cursor: default;\\n}\\nimg,\\nsvg,\\nvideo,\\ncanvas,\\naudio,\\niframe,\\nembed,\\nobject {\\n  display: block;\\n  vertical-align: middle;\\n}\\nimg,\\nvideo {\\n  max-width: 100%;\\n  height: auto;\\n}\\n[hidden]:where(:not([hidden=until-found])) {\\n  display: none;\\n}\\n.sr-only {\\n  position: absolute;\\n  width: 1px;\\n  height: 1px;\\n  padding: 0;\\n  margin: -1px;\\n  overflow: hidden;\\n  clip: rect(0, 0, 0, 0);\\n  white-space: nowrap;\\n  border-width: 0;\\n}\\n.absolute {\\n  position: absolute;\\n}\\n.relative {\\n  position: relative;\\n}\\n.left-3 {\\n  left: 0.75rem;\\n}\\n.right-3 {\\n  right: 0.75rem;\\n}\\n.top-1\\\\/2 {\\n  top: 50%;\\n}\\n.ml-1 {\\n  margin-left: 0.25rem;\\n}\\n.ml-2 {\\n  margin-left: 0.5rem;\\n}\\n.mr-2 {\\n  margin-right: 0.5rem;\\n}\\n.flex {\\n  display: flex;\\n}\\n.inline-flex {\\n  display: inline-flex;\\n}\\n.h-10 {\\n  height: 2.5rem;\\n}\\n.h-12 {\\n  height: 3rem;\\n}\\n.h-3\\\\.5 {\\n  height: 0.875rem;\\n}\\n.h-9 {\\n  height: 2.25rem;\\n}\\n.w-3\\\\.5 {\\n  width: 0.875rem;\\n}\\n.w-full {\\n  width: 100%;\\n}\\n.-translate-y-1\\\\/2 {\\n  --tw-translate-y: -50%;\\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\\n}\\n.items-center {\\n  align-items: center;\\n}\\n.justify-center {\\n  justify-content: center;\\n}\\n.gap-1 {\\n  gap: 0.25rem;\\n}\\n.space-y-1\\\\.5 > :not([hidden]) ~ :not([hidden]) {\\n  --tw-space-y-reverse: 0;\\n  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));\\n  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));\\n}\\n.rounded-lg {\\n  border-radius: 0.5rem;\\n}\\n.rounded-md {\\n  border-radius: 0.375rem;\\n}\\n.border {\\n  border-width: 1px;\\n}\\n.border-gray-300 {\\n  --tw-border-opacity: 1;\\n  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));\\n}\\n.border-red-500 {\\n  --tw-border-opacity: 1;\\n  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));\\n}\\n.bg-blue-600 {\\n  --tw-bg-opacity: 1;\\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));\\n}\\n.bg-white {\\n  --tw-bg-opacity: 1;\\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\\n}\\n.px-3 {\\n  padding-left: 0.75rem;\\n  padding-right: 0.75rem;\\n}\\n.px-3\\\\.5 {\\n  padding-left: 0.875rem;\\n  padding-right: 0.875rem;\\n}\\n.px-4 {\\n  padding-left: 1rem;\\n  padding-right: 1rem;\\n}\\n.px-6 {\\n  padding-left: 1.5rem;\\n  padding-right: 1.5rem;\\n}\\n.py-1\\\\.5 {\\n  padding-top: 0.375rem;\\n  padding-bottom: 0.375rem;\\n}\\n.py-2 {\\n  padding-top: 0.5rem;\\n  padding-bottom: 0.5rem;\\n}\\n.py-3 {\\n  padding-top: 0.75rem;\\n  padding-bottom: 0.75rem;\\n}\\n.pl-10 {\\n  padding-left: 2.5rem;\\n}\\n.pr-10 {\\n  padding-right: 2.5rem;\\n}\\n.text-base {\\n  font-size: 1rem;\\n  line-height: 1.5rem;\\n}\\n.text-sm {\\n  font-size: 0.875rem;\\n  line-height: 1.25rem;\\n}\\n.text-xs {\\n  font-size: 0.75rem;\\n  line-height: 1rem;\\n}\\n.font-medium {\\n  font-weight: 500;\\n}\\n.text-gray-400 {\\n  --tw-text-opacity: 1;\\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\\n}\\n.text-gray-500 {\\n  --tw-text-opacity: 1;\\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\\n}\\n.text-gray-700 {\\n  --tw-text-opacity: 1;\\n  color: rgb(55 65 81 / var(--tw-text-opacity, 1));\\n}\\n.text-gray-900 {\\n  --tw-text-opacity: 1;\\n  color: rgb(17 24 39 / var(--tw-text-opacity, 1));\\n}\\n.text-red-500 {\\n  --tw-text-opacity: 1;\\n  color: rgb(239 68 68 / var(--tw-text-opacity, 1));\\n}\\n.text-white {\\n  --tw-text-opacity: 1;\\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\\n}\\n.outline-none {\\n  outline: 2px solid transparent;\\n  outline-offset: 2px;\\n}\\n.transition-all {\\n  transition-property: all;\\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n  transition-duration: 150ms;\\n}\\n.transition-colors {\\n  transition-property:\\n    color,\\n    background-color,\\n    border-color,\\n    text-decoration-color,\\n    fill,\\n    stroke;\\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n  transition-duration: 150ms;\\n}\\n.duration-150 {\\n  transition-duration: 150ms;\\n}\\n.placeholder\\\\:text-sm::-moz-placeholder {\\n  font-size: 0.875rem;\\n  line-height: 1.25rem;\\n}\\n.placeholder\\\\:text-sm::placeholder {\\n  font-size: 0.875rem;\\n  line-height: 1.25rem;\\n}\\n.placeholder\\\\:text-gray-400::-moz-placeholder {\\n  --tw-text-opacity: 1;\\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\\n}\\n.placeholder\\\\:text-gray-400::placeholder {\\n  --tw-text-opacity: 1;\\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\\n}\\n.hover\\\\:bg-blue-700:hover {\\n  --tw-bg-opacity: 1;\\n  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));\\n}\\n.hover\\\\:bg-gray-50:hover {\\n  --tw-bg-opacity: 1;\\n  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\\n}\\n.focus\\\\:border-blue-500:focus {\\n  --tw-border-opacity: 1;\\n  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));\\n}\\n.focus\\\\:border-red-500:focus {\\n  --tw-border-opacity: 1;\\n  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));\\n}\\n.focus\\\\:outline-none:focus {\\n  outline: 2px solid transparent;\\n  outline-offset: 2px;\\n}\\n.focus\\\\:ring-2:focus {\\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\\n  box-shadow:\\n    var(--tw-ring-offset-shadow),\\n    var(--tw-ring-shadow),\\n    var(--tw-shadow, 0 0 #0000);\\n}\\n.focus\\\\:ring-blue-100:focus {\\n  --tw-ring-opacity: 1;\\n  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1));\\n}\\n.focus\\\\:ring-blue-500:focus {\\n  --tw-ring-opacity: 1;\\n  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));\\n}\\n.focus\\\\:ring-red-100:focus {\\n  --tw-ring-opacity: 1;\\n  --tw-ring-color: rgb(254 226 226 / var(--tw-ring-opacity, 1));\\n}\\n.focus\\\\:ring-red-500:focus {\\n  --tw-ring-opacity: 1;\\n  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));\\n}\\n.focus\\\\:ring-offset-2:focus {\\n  --tw-ring-offset-width: 2px;\\n}\\n.disabled\\\\:pointer-events-none:disabled {\\n  pointer-events: none;\\n}\\n.disabled\\\\:cursor-not-allowed:disabled {\\n  cursor: not-allowed;\\n}\\n.disabled\\\\:bg-gray-100:disabled {\\n  --tw-bg-opacity: 1;\\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\\n}\\n.disabled\\\\:text-gray-400:disabled {\\n  --tw-text-opacity: 1;\\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\\n}\\n.disabled\\\\:opacity-50:disabled {\\n  opacity: 0.5;\\n}\\n\")","import { clsx, type ClassValue } from \"clsx\"\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return clsx(inputs)\r\n}\r\n","import React, { ButtonHTMLAttributes, forwardRef } from \"react\";\r\nimport { cn } from \"../../utils/cn\";\r\n\r\nexport interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {\r\n  label?: string;\r\n  error?: string;\r\n  description?: string;\r\n  required?: boolean;\r\n  leftIcon?: React.ReactNode;\r\n  rightIcon?: React.ReactNode;\r\n  size?: 'sm' | 'md' | 'lg';\r\n  variant?: 'default' | 'filled' | 'unstyled';\r\n}\r\n\r\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\r\n  ({ \r\n    className,\r\n    label,\r\n    error,\r\n    description,\r\n    required,\r\n    leftIcon,\r\n    rightIcon,\r\n    size = 'md',\r\n    variant = 'default',\r\n    children,\r\n    ...props \r\n  }, ref) => {\r\n    // Base styles\r\n    const baseStyles = \"inline-flex items-center justify-center font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none\";\r\n    \r\n    // Size variants\r\n    const sizeStyles = {\r\n      sm: \"px-3 py-1.5 text-sm rounded-md\",\r\n      md: \"px-4 py-2 text-sm rounded-md\",\r\n      lg: \"px-6 py-3 text-base rounded-lg\"\r\n    };\r\n    \r\n    // Style variants\r\n    const variantStyles = {\r\n      default: \"bg-white text-gray-900 border border-gray-300 hover:bg-gray-50 focus:ring-blue-500\",\r\n      filled: \"bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500\",\r\n      unstyled: \"\"\r\n    };\r\n    \r\n    return (\r\n      <button\r\n        ref={ref}\r\n        className={cn(\r\n          baseStyles,\r\n          sizeStyles[size],\r\n          variantStyles[variant],\r\n          error && \"border-red-500 focus:ring-red-500\",\r\n          className\r\n        )}\r\n        aria-invalid={!!error}\r\n        aria-describedby={description ? `${props.id}-description` : undefined}\r\n        {...props}\r\n      >\r\n        {leftIcon && <span className=\"mr-2\">{leftIcon}</span>}\r\n        {label || children}\r\n        {rightIcon && <span className=\"ml-2\">{rightIcon}</span>}\r\n        {required && <span className=\"ml-1 text-red-500\">*</span>}\r\n        {error && <span className=\"sr-only\">{error}</span>}\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nButton.displayName = \"Button\";","import React, { forwardRef } from \"react\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { AlertCircle } from \"lucide-react\";\r\n\r\nexport interface InputProps\r\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\"> {\r\n  label?: string;\r\n  error?: string;\r\n  description?: string;\r\n  required?: boolean;\r\n  placeholder?: string;\r\n  leftIcon?: React.ReactNode;\r\n  rightIcon?: React.ReactNode;\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\r\n  (\r\n    {\r\n      label,\r\n      error,\r\n      description,\r\n      required,\r\n      placeholder,\r\n      leftIcon,\r\n      rightIcon,\r\n      size = \"md\",\r\n      className,\r\n      disabled,\r\n      id,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const inputId = id || `input-${Math.random().toString(36).slice(2, 9)}`;\r\n\r\n    const sizeClasses = {\r\n      sm: \"h-9 text-sm px-3\",\r\n      md: \"h-10 text-sm px-3.5\",\r\n      lg: \"h-12 text-base px-4\",\r\n    }[size];\r\n\r\n    return (\r\n      <div className=\"w-full space-y-1.5\">\r\n        {/* Label */}\r\n        {label && (\r\n          <label\r\n            htmlFor={inputId}\r\n            className={cn(\r\n              \"text-sm font-medium\",\r\n              disabled ? \"text-gray-400\" : \"text-gray-700\"\r\n            )}\r\n          >\r\n            {label}\r\n            {required && <span className=\"text-red-500 ml-1\">*</span>}\r\n          </label>\r\n        )}\r\n\r\n        {/* Description */}\r\n        {description && !error && (\r\n          <p className=\"text-xs text-gray-500\">{description}</p>\r\n        )}\r\n\r\n        {/* Input wrapper */}\r\n        <div className=\"relative\">\r\n          {/* Left Icon */}\r\n          {leftIcon && (\r\n            <span className=\"absolute left-3 top-1/2 -translate-y-1/2 text-gray-400\">\r\n              {leftIcon}\r\n            </span>\r\n          )}\r\n\r\n          {/* Input */}\r\n          <input\r\n            ref={ref}\r\n            id={inputId}\r\n            placeholder={placeholder}\r\n            disabled={disabled}\r\n            aria-invalid={!!error}\r\n            className={cn(\r\n              \"w-full rounded-lg border border-gray-300 bg-white\",\r\n              \"transition-all duration-150 outline-none\",\r\n              \"placeholder:text-gray-400 placeholder:text-sm\",\r\n              \"focus:border-blue-500 focus:ring-2 focus:ring-blue-100\",\r\n              \"disabled:bg-gray-100 disabled:text-gray-400 disabled:cursor-not-allowed\",\r\n              error && \"border-red-500 focus:border-red-500 focus:ring-red-100\",\r\n              leftIcon && \"pl-10\",\r\n              rightIcon && \"pr-10\",\r\n              sizeClasses,\r\n              className\r\n            )}\r\n            {...props}\r\n          />\r\n\r\n          {/* Right Icon */}\r\n          {rightIcon && (\r\n            <span className=\"absolute right-3 top-1/2 -translate-y-1/2 text-gray-400\">\r\n              {rightIcon}\r\n            </span>\r\n          )}\r\n        </div>\r\n \r\n        {error && (\r\n          <p className=\"flex items-center gap-1 text-xs text-red-500\">\r\n            <AlertCircle className=\"w-3.5 h-3.5\" />\r\n            {error}\r\n          </p>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nInput.displayName = \"Input\";"],"mappings":"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","names":["forwardRef","jsx","jsxs","forwardRef"]}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "gd-ui-library",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "Reusable UI components",
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "files": [
     "dist"
@@ -26,7 +26,7 @@
     "autoprefixer": "^10.4.27",
     "postcss": "^8.5.8",
     "react": "^19.2.4",
-    "tailwindcss": "^4.2.1",
+    "tailwindcss": "^3.4.19",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3"
   },

package/dist/index.css

@@ -1,5 +0,0 @@
-/* src/index.css */
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.css"],"sourcesContent":["@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;"],"mappings":";AAAA,UAAU;AACV,UAAU;AACV,UAAU;","names":[]}