@blueshift-gg/ui-components 0.1.63 → 0.1.64

package/dist/HeadingReveal.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
 
 //#region src/HeadingReveal.d.ts
 type HeadingRevealProps = {
@@ -22,7 +22,7 @@ declare const HeadingReveal: ({
   splitBy,
   speed,
   containerClassName
-}: HeadingRevealProps) => react_jsx_runtime18.JSX.Element;
+}: HeadingRevealProps) => react_jsx_runtime43.JSX.Element;
 //#endregion
 export { HeadingReveal, HeadingRevealProps };
 //# sourceMappingURL=HeadingReveal.d.mts.map

package/dist/Icon.d.cts

@@ -1,5 +1,5 @@
 import { IconComponents, IconName, iconMetadata } from "./icons/index.cjs";
-import * as react_jsx_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/Icon.d.ts
 type IconProps = {
@@ -11,7 +11,7 @@ declare const Icon: ({
   className,
   name,
   size
-}: IconProps) => react_jsx_runtime39.JSX.Element | null;
+}: IconProps) => react_jsx_runtime6.JSX.Element | null;
 //#endregion
 export { Icon, IconComponents, type IconName, IconProps, iconMetadata };
 //# sourceMappingURL=Icon.d.cts.map

package/dist/Icon.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.cts","names":[],"sources":["../src/Icon.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,SAAA;QACJ;;EADI,SAAA,CAAA,EAAS,MAAA;AAMrB,CAAA;AAAqB,cAAR,IAAQ,EAAA,CAAA;EAAA,SAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAA2B,SAA3B,EAAA,GAAoC,mBAAA,CAAA,GAAA,CAAA,OAAA,GAApC,IAAA"}
+{"version":3,"file":"Icon.d.cts","names":[],"sources":["../src/Icon.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,SAAA;QACJ;;EADI,SAAA,CAAA,EAAS,MAAA;AAMrB,CAAA;AAAqB,cAAR,IAAQ,EAAA,CAAA;EAAA,SAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAA2B,SAA3B,EAAA,GAAoC,kBAAA,CAAA,GAAA,CAAA,OAAA,GAApC,IAAA"}

package/dist/Icon.d.mts

@@ -1,5 +1,5 @@
 import { IconComponents, IconName, iconMetadata } from "./icons/index.mjs";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 
 //#region src/Icon.d.ts
 type IconProps = {
@@ -11,7 +11,7 @@ declare const Icon: ({
   className,
   name,
   size
-}: IconProps) => react_jsx_runtime10.JSX.Element | null;
+}: IconProps) => react_jsx_runtime39.JSX.Element | null;
 //#endregion
 export { Icon, IconComponents, type IconName, IconProps, iconMetadata };
 //# sourceMappingURL=Icon.d.mts.map

package/dist/Input.cjs

@@ -14,7 +14,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 
 //#region src/Input.tsx
-const Input = ({ title, value, className, onChange, onFocus, onBlur, onClear, badge, type, message, hasMessage = true, disabled, placeholder, isValid = true, balance, action, animation, tooltip, children }) => {
+const Input = ({ title, value, className, onChange, onFocus, onBlur, onClear, badge, type, message, hasMessage = true, disabled, placeholder, isValid = true, balance, action, animation, tooltip, children, innerClassname }) => {
 	const [isTooltipOpen, setIsTooltipOpen] = (0, react.useState)(false);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(motion_react.motion.div, {
 		...animation,
@@ -58,7 +58,7 @@ const Input = ({ title, value, className, onChange, onFocus, onBlur, onClear, ba
 				})]
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: (0, classnames.default)("min-h-[44px] pr-4 relative h-full py-1.5 flex items-center justify-between group/input bg-background border text-shade-tertiary border-border enabled:focus-within:border-current/20 enabled:focus-within:bg-current/2 enabled:focus-within:shadow-[inset_0px_0px_12px] enabled:focus-within:shadow-current/10 transition-colors duration-100 ease-crisp", !isValid && "border-state-error/20 text-state-error", !!badge && "pl-1.5 pr-[10px]", !badge && "pl-3 pr-4", !!children && "!pr-1.5"),
+				className: (0, classnames.default)("min-h-[44px] pr-4 relative h-full py-1.5 flex items-center justify-between group/input bg-background border text-shade-tertiary border-border enabled:focus-within:border-current/20 enabled:focus-within:bg-current/2 enabled:focus-within:shadow-[inset_0px_0px_12px] enabled:focus-within:shadow-current/10 transition-colors duration-100 ease-crisp", !isValid && "border-state-error/20 text-state-error", !!badge && "pl-1.5 pr-[10px]", !badge && "pl-3 pr-4", !!children && "!pr-1.5", innerClassname),
 				children: [onFocus && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "pointer-events-none absolute inset-1.5 text-shade-mute enabled:group-hover/input:text-shade-primary enabled:group-focus-within/input:inset-0.5 enabled:group-focus-within/input:text-shade-primary transition-all duration-50 ease-glide",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CrossHair.CrosshairCorners, {

package/dist/Input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","names":["motion","Tooltip","Icon","CrosshairCorners","Badge","Button","AnimatePresence","crisp"],"sources":["../src/Input.tsx"],"sourcesContent":["\"use client\";\nimport { AnimatePresence, motion, MotionProps } from \"motion/react\";\nimport { Icon, IconName, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { Badge, BadgeProps } from \"./Badge\";\nimport { Button } from \"./Button\";\nimport { crisp } from \"./utils/easings\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { Tooltip, TooltipProps } from \"./Tooltip\";\nimport { useState } from \"react\";\n\nexport type InputProps = {\n  title?: string;\n  value: string;\n  className?: string;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onClear?: () => void;\n  badge?: BadgeProps;\n  message?: string;\n  hasMessage?: boolean;\n  disabled?: boolean;\n  placeholder?: string;\n  isValid?: boolean;\n  type?: \"generic\" | \"value\";\n  balance?: {\n    amount: string;\n    unit: string;\n    icon?: IconName;\n  };\n  action?: {\n    label: string;\n    onClick: () => void;\n  };\n  animation?: MotionProps;\n  tooltip?: TooltipProps;\n  children?: React.ReactNode;\n};\n\nexport const Input = ({\n  title,\n  value,\n  className,\n  onChange,\n  onFocus,\n  onBlur,\n  onClear,\n  badge,\n  type,\n  message,\n  hasMessage = true,\n  disabled,\n  placeholder,\n  isValid = true,\n  balance,\n  action,\n  animation,\n  tooltip,\n  children,\n}: InputProps) => {\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  return (\n    <motion.div\n      {...animation}\n      className={classNames(\n        \"flex flex-col gap-y-2.5 w-full relative group/input\",\n        className\n      )}\n    >\n      {title && (\n        <div className=\"px-1 flex items-center justify-between w-full\">\n          <div className=\"flex items-center gap-x-1.5\">\n            <span className=\"font-medium text-shade-primary leading-[100%]\">\n              {title}\n            </span>\n            {tooltip && (\n              <div\n                className=\"h-[14px] w-[14px] relative\"\n                onMouseEnter={() => setIsTooltipOpen(true)}\n                onMouseLeave={() => setIsTooltipOpen(false)}\n              >\n                <Tooltip\n                  isOpen={isTooltipOpen}\n                  position={tooltip.position}\n                  description={tooltip.description}\n                />\n                <Icon name=\"Info\" size={14} className=\"text-shade-tertiary\" />\n              </div>\n            )}\n          </div>\n          {balance && (\n            <div className=\"flex items-center gap-x-1.5\">\n              <Icon\n                name={balance.icon as IconName}\n                size={12}\n                className=\"text-shade-tertiary\"\n              />\n              <span className=\"font-medium text-shade-primary leading-[100%] text-sm font-mono\">\n                {balance.amount} {balance.unit}\n              </span>\n            </div>\n          )}\n        </div>\n      )}\n      <div\n        className={classNames(\n          \"min-h-[44px] pr-4 relative h-full py-1.5 flex items-center justify-between group/input bg-background border text-shade-tertiary border-border enabled:focus-within:border-current/20 enabled:focus-within:bg-current/2 enabled:focus-within:shadow-[inset_0px_0px_12px] enabled:focus-within:shadow-current/10 transition-colors duration-100 ease-crisp\",\n          !isValid && \"border-state-error/20 text-state-error\",\n          !!badge && \"pl-1.5 pr-[10px]\",\n          !badge && \"pl-3 pr-4\",\n          !!children && \"!pr-1.5\"\n        )}\n      >\n        {onFocus && (\n          <div className=\"pointer-events-none absolute inset-1.5 text-shade-mute enabled:group-hover/input:text-shade-primary enabled:group-focus-within/input:inset-0.5 enabled:group-focus-within/input:text-shade-primary transition-all duration-50 ease-glide\">\n            <CrosshairCorners\n              size={6}\n              variant=\"corners\"\n              corners={[\"bottom-right\"]}\n              animationDelay={0}\n              animationDuration={0.75}\n            />\n          </div>\n        )}\n        <div\n          className={classNames(\n            \"flex w-full items-center gap-x-3 text-shade-primary\"\n          )}\n        >\n          {badge && <Badge {...badge} />}\n          <input\n            className={classNames(\n              \"h-full w-full flex-shrink font-medium focus:outline-none bg-transparent placeholder:text-shade-mute\",\n              type === \"value\" && \"text-2xl font-mono text-right\",\n              // Hide buttons\n              \"[-moz-appearance:_textfield] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none\"\n            )}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            placeholder={placeholder}\n            value={value}\n            onChange={(e) => onChange?.(e.target.value)}\n            disabled={disabled}\n            type={type === \"value\" ? \"number\" : \"text\"}\n          />\n          {onClear && value && (\n            <button\n              onClick={onClear}\n              className=\"absolute right-2 p-2 hover:bg-border-light/50 transition-colors duration-100 ease-crisp\"\n              type=\"button\"\n            >\n              <Icon\n                name=\"Close\"\n                size={12}\n                className=\"text-shade-tertiary hover:text-shade-primary transition-colors duration-100 ease-crisp\"\n              />\n            </button>\n          )}\n          {children && children}\n          {action && (\n            <Button\n              label={action.label}\n              onClick={action.onClick}\n              variant=\"secondary\"\n              size=\"xs\"\n              useHoverEffect={false}\n            />\n          )}\n        </div>\n      </div>\n      {hasMessage && (\n        <div className=\"h-[14px] ml-auto px-1\">\n          <AnimatePresence>\n            {message && (\n              <motion.span\n                initial={{ opacity: 0, filter: \"blur(4px)\" }}\n                animate={{ opacity: 1, filter: \"blur(0px)\" }}\n                exit={{ opacity: 0, filter: \"blur(4px)\" }}\n                transition={{ duration: 0.1, ease: crisp }}\n                className={classNames(\n                  \"text-sm text-shade-secondary font-medium leading-[100%]\",\n                  !isValid && \"text-state-error\"\n                )}\n              >\n                {message}\n              </motion.span>\n            )}\n          </AnimatePresence>\n        </div>\n      )}\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAwCA,MAAa,SAAS,EACpB,OACA,OACA,WACA,UACA,SACA,QACA,SACA,OACA,MACA,SACA,aAAa,MACb,UACA,aACA,UAAU,MACV,SACA,QACA,WACA,SACA,eACgB;CAChB,MAAM,CAAC,eAAe,wCAA6B,MAAM;AACzD,QACE,4CAACA,oBAAO;EACN,GAAI;EACJ,mCACE,uDACA,UACD;;GAEA,SACC,4CAAC;IAAI,WAAU;eACb,4CAAC;KAAI,WAAU;gBACb,2CAAC;MAAK,WAAU;gBACb;OACI,EACN,WACC,4CAAC;MACC,WAAU;MACV,oBAAoB,iBAAiB,KAAK;MAC1C,oBAAoB,iBAAiB,MAAM;iBAE3C,2CAACC;OACC,QAAQ;OACR,UAAU,QAAQ;OAClB,aAAa,QAAQ;QACrB,EACF,2CAACC;OAAK,MAAK;OAAO,MAAM;OAAI,WAAU;QAAwB;OAC1D;MAEJ,EACL,WACC,4CAAC;KAAI,WAAU;gBACb,2CAACA;MACC,MAAM,QAAQ;MACd,MAAM;MACN,WAAU;OACV,EACF,4CAAC;MAAK,WAAU;;OACb,QAAQ;OAAO;OAAE,QAAQ;;OACrB;MACH;KAEJ;GAER,4CAAC;IACC,mCACE,4VACA,CAAC,WAAW,0CACZ,CAAC,CAAC,SAAS,oBACX,CAAC,SAAS,aACV,CAAC,CAAC,YAAY,UACf;eAEA,WACC,2CAAC;KAAI,WAAU;eACb,2CAACC;MACC,MAAM;MACN,SAAQ;MACR,SAAS,CAAC,eAAe;MACzB,gBAAgB;MAChB,mBAAmB;OACnB;MACE,EAER,4CAAC;KACC,mCACE,sDACD;;MAEA,SAAS,2CAACC,uBAAM,GAAI,QAAS;MAC9B,2CAAC;OACC,mCACE,uGACA,SAAS,WAAW,iCAEpB,mMACD;OACQ;OACD;OACK;OACN;OACP,WAAW,MAAM,WAAW,EAAE,OAAO,MAAM;OACjC;OACV,MAAM,SAAS,UAAU,WAAW;QACpC;MACD,WAAW,SACV,2CAAC;OACC,SAAS;OACT,WAAU;OACV,MAAK;iBAEL,2CAACF;QACC,MAAK;QACL,MAAM;QACN,WAAU;SACV;QACK;MAEV,YAAY;MACZ,UACC,2CAACG;OACC,OAAO,OAAO;OACd,SAAS,OAAO;OAChB,SAAQ;OACR,MAAK;OACL,gBAAgB;QAChB;;MAEA;KACF;GACL,cACC,2CAAC;IAAI,WAAU;cACb,2CAACC,0CACE,WACC,2CAACN,oBAAO;KACN,SAAS;MAAE,SAAS;MAAG,QAAQ;MAAa;KAC5C,SAAS;MAAE,SAAS;MAAG,QAAQ;MAAa;KAC5C,MAAM;MAAE,SAAS;MAAG,QAAQ;MAAa;KACzC,YAAY;MAAE,UAAU;MAAK,MAAMO;MAAO;KAC1C,mCACE,2DACA,CAAC,WAAW,mBACb;eAEA;MACW,GAEA;KACd;;GAEG"}
+{"version":3,"file":"Input.cjs","names":["motion","Tooltip","Icon","CrosshairCorners","Badge","Button","AnimatePresence","crisp"],"sources":["../src/Input.tsx"],"sourcesContent":["\"use client\";\nimport { AnimatePresence, motion, MotionProps } from \"motion/react\";\nimport { Icon, IconName, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { Badge, BadgeProps } from \"./Badge\";\nimport { Button } from \"./Button\";\nimport { crisp } from \"./utils/easings\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { Tooltip, TooltipProps } from \"./Tooltip\";\nimport { useState } from \"react\";\n\nexport type InputProps = {\n  title?: string;\n  value: string;\n  className?: string;\n  innerClassname?: string;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onClear?: () => void;\n  badge?: BadgeProps;\n  message?: string;\n  hasMessage?: boolean;\n  disabled?: boolean;\n  placeholder?: string;\n  isValid?: boolean;\n  type?: \"generic\" | \"value\";\n  balance?: {\n    amount: string;\n    unit: string;\n    icon?: IconName;\n  };\n  action?: {\n    label: string;\n    onClick: () => void;\n  };\n  animation?: MotionProps;\n  tooltip?: TooltipProps;\n  children?: React.ReactNode;\n};\n\nexport const Input = ({\n  title,\n  value,\n  className,\n  onChange,\n  onFocus,\n  onBlur,\n  onClear,\n  badge,\n  type,\n  message,\n  hasMessage = true,\n  disabled,\n  placeholder,\n  isValid = true,\n  balance,\n  action,\n  animation,\n  tooltip,\n  children,\n  innerClassname,\n}: InputProps) => {\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  return (\n    <motion.div\n      {...animation}\n      className={classNames(\n        \"flex flex-col gap-y-2.5 w-full relative group/input\",\n        className\n      )}\n    >\n      {title && (\n        <div className=\"px-1 flex items-center justify-between w-full\">\n          <div className=\"flex items-center gap-x-1.5\">\n            <span className=\"font-medium text-shade-primary leading-[100%]\">\n              {title}\n            </span>\n            {tooltip && (\n              <div\n                className=\"h-[14px] w-[14px] relative\"\n                onMouseEnter={() => setIsTooltipOpen(true)}\n                onMouseLeave={() => setIsTooltipOpen(false)}\n              >\n                <Tooltip\n                  isOpen={isTooltipOpen}\n                  position={tooltip.position}\n                  description={tooltip.description}\n                />\n                <Icon name=\"Info\" size={14} className=\"text-shade-tertiary\" />\n              </div>\n            )}\n          </div>\n          {balance && (\n            <div className=\"flex items-center gap-x-1.5\">\n              <Icon\n                name={balance.icon as IconName}\n                size={12}\n                className=\"text-shade-tertiary\"\n              />\n              <span className=\"font-medium text-shade-primary leading-[100%] text-sm font-mono\">\n                {balance.amount} {balance.unit}\n              </span>\n            </div>\n          )}\n        </div>\n      )}\n      <div\n        className={classNames(\n          \"min-h-[44px] pr-4 relative h-full py-1.5 flex items-center justify-between group/input bg-background border text-shade-tertiary border-border enabled:focus-within:border-current/20 enabled:focus-within:bg-current/2 enabled:focus-within:shadow-[inset_0px_0px_12px] enabled:focus-within:shadow-current/10 transition-colors duration-100 ease-crisp\",\n          !isValid && \"border-state-error/20 text-state-error\",\n          !!badge && \"pl-1.5 pr-[10px]\",\n          !badge && \"pl-3 pr-4\",\n          !!children && \"!pr-1.5\",\n          innerClassname\n        )}\n      >\n        {onFocus && (\n          <div className=\"pointer-events-none absolute inset-1.5 text-shade-mute enabled:group-hover/input:text-shade-primary enabled:group-focus-within/input:inset-0.5 enabled:group-focus-within/input:text-shade-primary transition-all duration-50 ease-glide\">\n            <CrosshairCorners\n              size={6}\n              variant=\"corners\"\n              corners={[\"bottom-right\"]}\n              animationDelay={0}\n              animationDuration={0.75}\n            />\n          </div>\n        )}\n        <div\n          className={classNames(\n            \"flex w-full items-center gap-x-3 text-shade-primary\"\n          )}\n        >\n          {badge && <Badge {...badge} />}\n          <input\n            className={classNames(\n              \"h-full w-full flex-shrink font-medium focus:outline-none bg-transparent placeholder:text-shade-mute\",\n              type === \"value\" && \"text-2xl font-mono text-right\",\n              // Hide buttons\n              \"[-moz-appearance:_textfield] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none\"\n            )}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            placeholder={placeholder}\n            value={value}\n            onChange={(e) => onChange?.(e.target.value)}\n            disabled={disabled}\n            type={type === \"value\" ? \"number\" : \"text\"}\n          />\n          {onClear && value && (\n            <button\n              onClick={onClear}\n              className=\"absolute right-2 p-2 hover:bg-border-light/50 transition-colors duration-100 ease-crisp\"\n              type=\"button\"\n            >\n              <Icon\n                name=\"Close\"\n                size={12}\n                className=\"text-shade-tertiary hover:text-shade-primary transition-colors duration-100 ease-crisp\"\n              />\n            </button>\n          )}\n          {children && children}\n          {action && (\n            <Button\n              label={action.label}\n              onClick={action.onClick}\n              variant=\"secondary\"\n              size=\"xs\"\n              useHoverEffect={false}\n            />\n          )}\n        </div>\n      </div>\n      {hasMessage && (\n        <div className=\"h-[14px] ml-auto px-1\">\n          <AnimatePresence>\n            {message && (\n              <motion.span\n                initial={{ opacity: 0, filter: \"blur(4px)\" }}\n                animate={{ opacity: 1, filter: \"blur(0px)\" }}\n                exit={{ opacity: 0, filter: \"blur(4px)\" }}\n                transition={{ duration: 0.1, ease: crisp }}\n                className={classNames(\n                  \"text-sm text-shade-secondary font-medium leading-[100%]\",\n                  !isValid && \"text-state-error\"\n                )}\n              >\n                {message}\n              </motion.span>\n            )}\n          </AnimatePresence>\n        </div>\n      )}\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAyCA,MAAa,SAAS,EACpB,OACA,OACA,WACA,UACA,SACA,QACA,SACA,OACA,MACA,SACA,aAAa,MACb,UACA,aACA,UAAU,MACV,SACA,QACA,WACA,SACA,UACA,qBACgB;CAChB,MAAM,CAAC,eAAe,wCAA6B,MAAM;AACzD,QACE,4CAACA,oBAAO;EACN,GAAI;EACJ,mCACE,uDACA,UACD;;GAEA,SACC,4CAAC;IAAI,WAAU;eACb,4CAAC;KAAI,WAAU;gBACb,2CAAC;MAAK,WAAU;gBACb;OACI,EACN,WACC,4CAAC;MACC,WAAU;MACV,oBAAoB,iBAAiB,KAAK;MAC1C,oBAAoB,iBAAiB,MAAM;iBAE3C,2CAACC;OACC,QAAQ;OACR,UAAU,QAAQ;OAClB,aAAa,QAAQ;QACrB,EACF,2CAACC;OAAK,MAAK;OAAO,MAAM;OAAI,WAAU;QAAwB;OAC1D;MAEJ,EACL,WACC,4CAAC;KAAI,WAAU;gBACb,2CAACA;MACC,MAAM,QAAQ;MACd,MAAM;MACN,WAAU;OACV,EACF,4CAAC;MAAK,WAAU;;OACb,QAAQ;OAAO;OAAE,QAAQ;;OACrB;MACH;KAEJ;GAER,4CAAC;IACC,mCACE,4VACA,CAAC,WAAW,0CACZ,CAAC,CAAC,SAAS,oBACX,CAAC,SAAS,aACV,CAAC,CAAC,YAAY,WACd,eACD;eAEA,WACC,2CAAC;KAAI,WAAU;eACb,2CAACC;MACC,MAAM;MACN,SAAQ;MACR,SAAS,CAAC,eAAe;MACzB,gBAAgB;MAChB,mBAAmB;OACnB;MACE,EAER,4CAAC;KACC,mCACE,sDACD;;MAEA,SAAS,2CAACC,uBAAM,GAAI,QAAS;MAC9B,2CAAC;OACC,mCACE,uGACA,SAAS,WAAW,iCAEpB,mMACD;OACQ;OACD;OACK;OACN;OACP,WAAW,MAAM,WAAW,EAAE,OAAO,MAAM;OACjC;OACV,MAAM,SAAS,UAAU,WAAW;QACpC;MACD,WAAW,SACV,2CAAC;OACC,SAAS;OACT,WAAU;OACV,MAAK;iBAEL,2CAACF;QACC,MAAK;QACL,MAAM;QACN,WAAU;SACV;QACK;MAEV,YAAY;MACZ,UACC,2CAACG;OACC,OAAO,OAAO;OACd,SAAS,OAAO;OAChB,SAAQ;OACR,MAAK;OACL,gBAAgB;QAChB;;MAEA;KACF;GACL,cACC,2CAAC;IAAI,WAAU;cACb,2CAACC,0CACE,WACC,2CAACN,oBAAO;KACN,SAAS;MAAE,SAAS;MAAG,QAAQ;MAAa;KAC5C,SAAS;MAAE,SAAS;MAAG,QAAQ;MAAa;KAC5C,MAAM;MAAE,SAAS;MAAG,QAAQ;MAAa;KACzC,YAAY;MAAE,UAAU;MAAK,MAAMO;MAAO;KAC1C,mCACE,2DACA,CAAC,WAAW,mBACb;eAEA;MACW,GAEA;KACd;;GAEG"}

package/dist/Input.d.cts

@@ -1,8 +1,7 @@
 import { BadgeProps } from "./Badge.cjs";
 import { TooltipProps } from "./Tooltip.cjs";
 import { IconName } from "./icons/index.cjs";
-import "./Icon.cjs";
-import * as react_jsx_runtime83 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { MotionProps } from "motion/react";
 
 //#region src/Input.d.ts
@@ -10,6 +9,7 @@ type InputProps = {
   title?: string;
   value: string;
   className?: string;
+  innerClassname?: string;
   onChange?: (value: string) => void;
   onFocus?: () => void;
   onBlur?: () => void;
@@ -53,8 +53,9 @@ declare const Input: ({
   action,
   animation,
   tooltip,
-  children
-}: InputProps) => react_jsx_runtime83.JSX.Element;
+  children,
+  innerClassname
+}: InputProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { Input, InputProps };
 //# sourceMappingURL=Input.d.cts.map

package/dist/Input.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.cts","names":[],"sources":["../src/Input.tsx"],"sourcesContent":[],"mappings":";;;;;;;;KAWY,UAAA;;;;EAAA,QAAA,CAAA,EAAA,CAAA,KAAU,EAAA,MAAA,EAAA,GAAA,IAAA;EAQZ,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAUC,MAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAMG,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACF,KAAA,CAAA,EAjBF,UAiBE;EACC,OAAM,CAAA,EAAA,MAAA;EAAS,UAAA,CAAA,EAAA,OAAA;EAGf,QAyJZ,CAAA,EAAA,OAAA;EAzJqB,WAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,OAAA;EAAA,IAAA,CAAA,EAAA,SAAA,GAAA,OAAA;EAAA,OAAA,CAAA,EAAA;IAAA,MAAA,EAAA,MAAA;IAAA,IAAA,EAAA,MAAA;IAAA,IAAA,CAAA,EAXX,QAWW;EAAA,CAAA;EAAA,MAAA,CAAA,EAAA;IAAA,KAAA,EAAA,MAAA;IAAA,OAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;EAAA,SAAA,CAAA,EALR,WAKQ;EAAA,OAAA,CAAA,EAJV,YAIU;EAAA,QAAA,CAAA,EAHT,KAAA,CAAM,SAGG;CAAA;AAAA,cAAT,KAAS,EAAA,CAAA;EAAA,KAAA;EAAA,KAAA;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,MAAA;EAAA,OAAA;EAAA,KAAA;EAAA,IAAA;EAAA,OAAA;EAAA,UAAA;EAAA,QAAA;EAAA,WAAA;EAAA,OAAA;EAAA,OAAA;EAAA,MAAA;EAAA,SAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAoBnB,UApBmB,EAAA,GAoBT,mBAAA,CAAA,GAAA,CAAA,OApBS"}
+{"version":3,"file":"Input.d.cts","names":[],"sources":["../src/Input.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAWY,UAAA;;;EAAA,SAAA,CAAA,EAAA,MAAU;EASZ,cAAA,CAAA,EAAA,MAAA;EAUC,QAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAMG,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACF,MAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACC,OAAM,CAAA,EAAA,GAAA,GAAA,IAAA;EAAS,KAAA,CAAA,EAlBlB,UAkBkB;EAGf,OAAA,CA2JZ,EAAA,MAAA;EA3JqB,UAAA,CAAA,EAAA,OAAA;EAAA,QAAA,CAAA,EAAA,OAAA;EAAA,WAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,OAAA;EAAA,IAAA,CAAA,EAAA,SAAA,GAAA,OAAA;EAAA,OAAA,CAAA,EAAA;IAAA,MAAA,EAAA,MAAA;IAAA,IAAA,EAAA,MAAA;IAAA,IAAA,CAAA,EAXX,QAWW;EAAA,CAAA;EAAA,MAAA,CAAA,EAAA;IAAA,KAAA,EAAA,MAAA;IAAA,OAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;EAAA,SAAA,CAAA,EALR,WAKQ;EAAA,OAAA,CAAA,EAJV,YAIU;EAAA,QAAA,CAAA,EAHT,KAAA,CAAM,SAGG;CAAA;AAAA,cAAT,KAAS,EAAA,CAAA;EAAA,KAAA;EAAA,KAAA;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,MAAA;EAAA,OAAA;EAAA,KAAA;EAAA,IAAA;EAAA,OAAA;EAAA,UAAA;EAAA,QAAA;EAAA,WAAA;EAAA,OAAA;EAAA,OAAA;EAAA,MAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAqBnB,UArBmB,EAAA,GAqBT,kBAAA,CAAA,GAAA,CAAA,OArBS"}

package/dist/Input.d.mts

@@ -3,13 +3,14 @@ import { TooltipProps } from "./Tooltip.mjs";
 import { IconName } from "./icons/index.mjs";
 import "./Icon.mjs";
 import { MotionProps } from "motion/react";
-import * as react_jsx_runtime196 from "react/jsx-runtime";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
 
 //#region src/Input.d.ts
 type InputProps = {
   title?: string;
   value: string;
   className?: string;
+  innerClassname?: string;
   onChange?: (value: string) => void;
   onFocus?: () => void;
   onBlur?: () => void;
@@ -53,8 +54,9 @@ declare const Input: ({
   action,
   animation,
   tooltip,
-  children
-}: InputProps) => react_jsx_runtime196.JSX.Element;
+  children,
+  innerClassname
+}: InputProps) => react_jsx_runtime51.JSX.Element;
 //#endregion
 export { Input, InputProps };
 //# sourceMappingURL=Input.d.mts.map

package/dist/Input.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.mts","names":[],"sources":["../src/Input.tsx"],"sourcesContent":[],"mappings":";;;;;;;;KAWY,UAAA;;;;EAAA,QAAA,CAAA,EAAA,CAAA,KAAU,EAAA,MAAA,EAAA,GAAA,IAAA;EAQZ,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAUC,MAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAMG,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACF,KAAA,CAAA,EAjBF,UAiBE;EACC,OAAM,CAAA,EAAA,MAAA;EAAS,UAAA,CAAA,EAAA,OAAA;EAGf,QAyJZ,CAAA,EAAA,OAAA;EAzJqB,WAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,OAAA;EAAA,IAAA,CAAA,EAAA,SAAA,GAAA,OAAA;EAAA,OAAA,CAAA,EAAA;IAAA,MAAA,EAAA,MAAA;IAAA,IAAA,EAAA,MAAA;IAAA,IAAA,CAAA,EAXX,QAWW;EAAA,CAAA;EAAA,MAAA,CAAA,EAAA;IAAA,KAAA,EAAA,MAAA;IAAA,OAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;EAAA,SAAA,CAAA,EALR,WAKQ;EAAA,OAAA,CAAA,EAJV,YAIU;EAAA,QAAA,CAAA,EAHT,KAAA,CAAM,SAGG;CAAA;AAAA,cAAT,KAAS,EAAA,CAAA;EAAA,KAAA;EAAA,KAAA;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,MAAA;EAAA,OAAA;EAAA,KAAA;EAAA,IAAA;EAAA,OAAA;EAAA,UAAA;EAAA,QAAA;EAAA,WAAA;EAAA,OAAA;EAAA,OAAA;EAAA,MAAA;EAAA,SAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAoBnB,UApBmB,EAAA,GAoBT,oBAAA,CAAA,GAAA,CAAA,OApBS"}
+{"version":3,"file":"Input.d.mts","names":[],"sources":["../src/Input.tsx"],"sourcesContent":[],"mappings":";;;;;;;;KAWY,UAAA;;;;EAAA,cAAU,CAAA,EAAA,MAAA;EASZ,QAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAUC,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAMG,MAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACF,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACC,KAAM,CAAA,EAlBT,UAkBS;EAAS,OAAA,CAAA,EAAA,MAAA;EAGf,UA2JZ,CAAA,EAAA,OAAA;EA3JqB,QAAA,CAAA,EAAA,OAAA;EAAA,WAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,OAAA;EAAA,IAAA,CAAA,EAAA,SAAA,GAAA,OAAA;EAAA,OAAA,CAAA,EAAA;IAAA,MAAA,EAAA,MAAA;IAAA,IAAA,EAAA,MAAA;IAAA,IAAA,CAAA,EAXX,QAWW;EAAA,CAAA;EAAA,MAAA,CAAA,EAAA;IAAA,KAAA,EAAA,MAAA;IAAA,OAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;EAAA,SAAA,CAAA,EALR,WAKQ;EAAA,OAAA,CAAA,EAJV,YAIU;EAAA,QAAA,CAAA,EAHT,KAAA,CAAM,SAGG;CAAA;AAAA,cAAT,KAAS,EAAA,CAAA;EAAA,KAAA;EAAA,KAAA;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,MAAA;EAAA,OAAA;EAAA,KAAA;EAAA,IAAA;EAAA,OAAA;EAAA,UAAA;EAAA,QAAA;EAAA,WAAA;EAAA,OAAA;EAAA,OAAA;EAAA,MAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAqBnB,UArBmB,EAAA,GAqBT,mBAAA,CAAA,GAAA,CAAA,OArBS"}

package/dist/Input.mjs

@@ -12,7 +12,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 
 //#region src/Input.tsx
-const Input = ({ title, value, className, onChange, onFocus, onBlur, onClear, badge, type, message, hasMessage = true, disabled, placeholder, isValid = true, balance, action, animation, tooltip, children }) => {
+const Input = ({ title, value, className, onChange, onFocus, onBlur, onClear, badge, type, message, hasMessage = true, disabled, placeholder, isValid = true, balance, action, animation, tooltip, children, innerClassname }) => {
 	const [isTooltipOpen, setIsTooltipOpen] = useState(false);
 	return /* @__PURE__ */ jsxs(motion.div, {
 		...animation,
@@ -56,7 +56,7 @@ const Input = ({ title, value, className, onChange, onFocus, onBlur, onClear, ba
 				})]
 			}),
 			/* @__PURE__ */ jsxs("div", {
-				className: classNames("min-h-[44px] pr-4 relative h-full py-1.5 flex items-center justify-between group/input bg-background border text-shade-tertiary border-border enabled:focus-within:border-current/20 enabled:focus-within:bg-current/2 enabled:focus-within:shadow-[inset_0px_0px_12px] enabled:focus-within:shadow-current/10 transition-colors duration-100 ease-crisp", !isValid && "border-state-error/20 text-state-error", !!badge && "pl-1.5 pr-[10px]", !badge && "pl-3 pr-4", !!children && "!pr-1.5"),
+				className: classNames("min-h-[44px] pr-4 relative h-full py-1.5 flex items-center justify-between group/input bg-background border text-shade-tertiary border-border enabled:focus-within:border-current/20 enabled:focus-within:bg-current/2 enabled:focus-within:shadow-[inset_0px_0px_12px] enabled:focus-within:shadow-current/10 transition-colors duration-100 ease-crisp", !isValid && "border-state-error/20 text-state-error", !!badge && "pl-1.5 pr-[10px]", !badge && "pl-3 pr-4", !!children && "!pr-1.5", innerClassname),
 				children: [onFocus && /* @__PURE__ */ jsx("div", {
 					className: "pointer-events-none absolute inset-1.5 text-shade-mute enabled:group-hover/input:text-shade-primary enabled:group-focus-within/input:inset-0.5 enabled:group-focus-within/input:text-shade-primary transition-all duration-50 ease-glide",
 					children: /* @__PURE__ */ jsx(CrosshairCorners, {

package/dist/Input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.mjs","names":[],"sources":["../src/Input.tsx"],"sourcesContent":["\"use client\";\nimport { AnimatePresence, motion, MotionProps } from \"motion/react\";\nimport { Icon, IconName, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { Badge, BadgeProps } from \"./Badge\";\nimport { Button } from \"./Button\";\nimport { crisp } from \"./utils/easings\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { Tooltip, TooltipProps } from \"./Tooltip\";\nimport { useState } from \"react\";\n\nexport type InputProps = {\n  title?: string;\n  value: string;\n  className?: string;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onClear?: () => void;\n  badge?: BadgeProps;\n  message?: string;\n  hasMessage?: boolean;\n  disabled?: boolean;\n  placeholder?: string;\n  isValid?: boolean;\n  type?: \"generic\" | \"value\";\n  balance?: {\n    amount: string;\n    unit: string;\n    icon?: IconName;\n  };\n  action?: {\n    label: string;\n    onClick: () => void;\n  };\n  animation?: MotionProps;\n  tooltip?: TooltipProps;\n  children?: React.ReactNode;\n};\n\nexport const Input = ({\n  title,\n  value,\n  className,\n  onChange,\n  onFocus,\n  onBlur,\n  onClear,\n  badge,\n  type,\n  message,\n  hasMessage = true,\n  disabled,\n  placeholder,\n  isValid = true,\n  balance,\n  action,\n  animation,\n  tooltip,\n  children,\n}: InputProps) => {\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  return (\n    <motion.div\n      {...animation}\n      className={classNames(\n        \"flex flex-col gap-y-2.5 w-full relative group/input\",\n        className\n      )}\n    >\n      {title && (\n        <div className=\"px-1 flex items-center justify-between w-full\">\n          <div className=\"flex items-center gap-x-1.5\">\n            <span className=\"font-medium text-shade-primary leading-[100%]\">\n              {title}\n            </span>\n            {tooltip && (\n              <div\n                className=\"h-[14px] w-[14px] relative\"\n                onMouseEnter={() => setIsTooltipOpen(true)}\n                onMouseLeave={() => setIsTooltipOpen(false)}\n              >\n                <Tooltip\n                  isOpen={isTooltipOpen}\n                  position={tooltip.position}\n                  description={tooltip.description}\n                />\n                <Icon name=\"Info\" size={14} className=\"text-shade-tertiary\" />\n              </div>\n            )}\n          </div>\n          {balance && (\n            <div className=\"flex items-center gap-x-1.5\">\n              <Icon\n                name={balance.icon as IconName}\n                size={12}\n                className=\"text-shade-tertiary\"\n              />\n              <span className=\"font-medium text-shade-primary leading-[100%] text-sm font-mono\">\n                {balance.amount} {balance.unit}\n              </span>\n            </div>\n          )}\n        </div>\n      )}\n      <div\n        className={classNames(\n          \"min-h-[44px] pr-4 relative h-full py-1.5 flex items-center justify-between group/input bg-background border text-shade-tertiary border-border enabled:focus-within:border-current/20 enabled:focus-within:bg-current/2 enabled:focus-within:shadow-[inset_0px_0px_12px] enabled:focus-within:shadow-current/10 transition-colors duration-100 ease-crisp\",\n          !isValid && \"border-state-error/20 text-state-error\",\n          !!badge && \"pl-1.5 pr-[10px]\",\n          !badge && \"pl-3 pr-4\",\n          !!children && \"!pr-1.5\"\n        )}\n      >\n        {onFocus && (\n          <div className=\"pointer-events-none absolute inset-1.5 text-shade-mute enabled:group-hover/input:text-shade-primary enabled:group-focus-within/input:inset-0.5 enabled:group-focus-within/input:text-shade-primary transition-all duration-50 ease-glide\">\n            <CrosshairCorners\n              size={6}\n              variant=\"corners\"\n              corners={[\"bottom-right\"]}\n              animationDelay={0}\n              animationDuration={0.75}\n            />\n          </div>\n        )}\n        <div\n          className={classNames(\n            \"flex w-full items-center gap-x-3 text-shade-primary\"\n          )}\n        >\n          {badge && <Badge {...badge} />}\n          <input\n            className={classNames(\n              \"h-full w-full flex-shrink font-medium focus:outline-none bg-transparent placeholder:text-shade-mute\",\n              type === \"value\" && \"text-2xl font-mono text-right\",\n              // Hide buttons\n              \"[-moz-appearance:_textfield] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none\"\n            )}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            placeholder={placeholder}\n            value={value}\n            onChange={(e) => onChange?.(e.target.value)}\n            disabled={disabled}\n            type={type === \"value\" ? \"number\" : \"text\"}\n          />\n          {onClear && value && (\n            <button\n              onClick={onClear}\n              className=\"absolute right-2 p-2 hover:bg-border-light/50 transition-colors duration-100 ease-crisp\"\n              type=\"button\"\n            >\n              <Icon\n                name=\"Close\"\n                size={12}\n                className=\"text-shade-tertiary hover:text-shade-primary transition-colors duration-100 ease-crisp\"\n              />\n            </button>\n          )}\n          {children && children}\n          {action && (\n            <Button\n              label={action.label}\n              onClick={action.onClick}\n              variant=\"secondary\"\n              size=\"xs\"\n              useHoverEffect={false}\n            />\n          )}\n        </div>\n      </div>\n      {hasMessage && (\n        <div className=\"h-[14px] ml-auto px-1\">\n          <AnimatePresence>\n            {message && (\n              <motion.span\n                initial={{ opacity: 0, filter: \"blur(4px)\" }}\n                animate={{ opacity: 1, filter: \"blur(0px)\" }}\n                exit={{ opacity: 0, filter: \"blur(4px)\" }}\n                transition={{ duration: 0.1, ease: crisp }}\n                className={classNames(\n                  \"text-sm text-shade-secondary font-medium leading-[100%]\",\n                  !isValid && \"text-state-error\"\n                )}\n              >\n                {message}\n              </motion.span>\n            )}\n          </AnimatePresence>\n        </div>\n      )}\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAwCA,MAAa,SAAS,EACpB,OACA,OACA,WACA,UACA,SACA,QACA,SACA,OACA,MACA,SACA,aAAa,MACb,UACA,aACA,UAAU,MACV,SACA,QACA,WACA,SACA,eACgB;CAChB,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;AACzD,QACE,qBAAC,OAAO;EACN,GAAI;EACJ,WAAW,WACT,uDACA,UACD;;GAEA,SACC,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAK,WAAU;gBACb;OACI,EACN,WACC,qBAAC;MACC,WAAU;MACV,oBAAoB,iBAAiB,KAAK;MAC1C,oBAAoB,iBAAiB,MAAM;iBAE3C,oBAAC;OACC,QAAQ;OACR,UAAU,QAAQ;OAClB,aAAa,QAAQ;QACrB,EACF,oBAAC;OAAK,MAAK;OAAO,MAAM;OAAI,WAAU;QAAwB;OAC1D;MAEJ,EACL,WACC,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,MAAM,QAAQ;MACd,MAAM;MACN,WAAU;OACV,EACF,qBAAC;MAAK,WAAU;;OACb,QAAQ;OAAO;OAAE,QAAQ;;OACrB;MACH;KAEJ;GAER,qBAAC;IACC,WAAW,WACT,4VACA,CAAC,WAAW,0CACZ,CAAC,CAAC,SAAS,oBACX,CAAC,SAAS,aACV,CAAC,CAAC,YAAY,UACf;eAEA,WACC,oBAAC;KAAI,WAAU;eACb,oBAAC;MACC,MAAM;MACN,SAAQ;MACR,SAAS,CAAC,eAAe;MACzB,gBAAgB;MAChB,mBAAmB;OACnB;MACE,EAER,qBAAC;KACC,WAAW,WACT,sDACD;;MAEA,SAAS,oBAAC,SAAM,GAAI,QAAS;MAC9B,oBAAC;OACC,WAAW,WACT,uGACA,SAAS,WAAW,iCAEpB,mMACD;OACQ;OACD;OACK;OACN;OACP,WAAW,MAAM,WAAW,EAAE,OAAO,MAAM;OACjC;OACV,MAAM,SAAS,UAAU,WAAW;QACpC;MACD,WAAW,SACV,oBAAC;OACC,SAAS;OACT,WAAU;OACV,MAAK;iBAEL,oBAAC;QACC,MAAK;QACL,MAAM;QACN,WAAU;SACV;QACK;MAEV,YAAY;MACZ,UACC,oBAAC;OACC,OAAO,OAAO;OACd,SAAS,OAAO;OAChB,SAAQ;OACR,MAAK;OACL,gBAAgB;QAChB;;MAEA;KACF;GACL,cACC,oBAAC;IAAI,WAAU;cACb,oBAAC,6BACE,WACC,oBAAC,OAAO;KACN,SAAS;MAAE,SAAS;MAAG,QAAQ;MAAa;KAC5C,SAAS;MAAE,SAAS;MAAG,QAAQ;MAAa;KAC5C,MAAM;MAAE,SAAS;MAAG,QAAQ;MAAa;KACzC,YAAY;MAAE,UAAU;MAAK,MAAM;MAAO;KAC1C,WAAW,WACT,2DACA,CAAC,WAAW,mBACb;eAEA;MACW,GAEA;KACd;;GAEG"}
+{"version":3,"file":"Input.mjs","names":[],"sources":["../src/Input.tsx"],"sourcesContent":["\"use client\";\nimport { AnimatePresence, motion, MotionProps } from \"motion/react\";\nimport { Icon, IconName, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { Badge, BadgeProps } from \"./Badge\";\nimport { Button } from \"./Button\";\nimport { crisp } from \"./utils/easings\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { Tooltip, TooltipProps } from \"./Tooltip\";\nimport { useState } from \"react\";\n\nexport type InputProps = {\n  title?: string;\n  value: string;\n  className?: string;\n  innerClassname?: string;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onClear?: () => void;\n  badge?: BadgeProps;\n  message?: string;\n  hasMessage?: boolean;\n  disabled?: boolean;\n  placeholder?: string;\n  isValid?: boolean;\n  type?: \"generic\" | \"value\";\n  balance?: {\n    amount: string;\n    unit: string;\n    icon?: IconName;\n  };\n  action?: {\n    label: string;\n    onClick: () => void;\n  };\n  animation?: MotionProps;\n  tooltip?: TooltipProps;\n  children?: React.ReactNode;\n};\n\nexport const Input = ({\n  title,\n  value,\n  className,\n  onChange,\n  onFocus,\n  onBlur,\n  onClear,\n  badge,\n  type,\n  message,\n  hasMessage = true,\n  disabled,\n  placeholder,\n  isValid = true,\n  balance,\n  action,\n  animation,\n  tooltip,\n  children,\n  innerClassname,\n}: InputProps) => {\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  return (\n    <motion.div\n      {...animation}\n      className={classNames(\n        \"flex flex-col gap-y-2.5 w-full relative group/input\",\n        className\n      )}\n    >\n      {title && (\n        <div className=\"px-1 flex items-center justify-between w-full\">\n          <div className=\"flex items-center gap-x-1.5\">\n            <span className=\"font-medium text-shade-primary leading-[100%]\">\n              {title}\n            </span>\n            {tooltip && (\n              <div\n                className=\"h-[14px] w-[14px] relative\"\n                onMouseEnter={() => setIsTooltipOpen(true)}\n                onMouseLeave={() => setIsTooltipOpen(false)}\n              >\n                <Tooltip\n                  isOpen={isTooltipOpen}\n                  position={tooltip.position}\n                  description={tooltip.description}\n                />\n                <Icon name=\"Info\" size={14} className=\"text-shade-tertiary\" />\n              </div>\n            )}\n          </div>\n          {balance && (\n            <div className=\"flex items-center gap-x-1.5\">\n              <Icon\n                name={balance.icon as IconName}\n                size={12}\n                className=\"text-shade-tertiary\"\n              />\n              <span className=\"font-medium text-shade-primary leading-[100%] text-sm font-mono\">\n                {balance.amount} {balance.unit}\n              </span>\n            </div>\n          )}\n        </div>\n      )}\n      <div\n        className={classNames(\n          \"min-h-[44px] pr-4 relative h-full py-1.5 flex items-center justify-between group/input bg-background border text-shade-tertiary border-border enabled:focus-within:border-current/20 enabled:focus-within:bg-current/2 enabled:focus-within:shadow-[inset_0px_0px_12px] enabled:focus-within:shadow-current/10 transition-colors duration-100 ease-crisp\",\n          !isValid && \"border-state-error/20 text-state-error\",\n          !!badge && \"pl-1.5 pr-[10px]\",\n          !badge && \"pl-3 pr-4\",\n          !!children && \"!pr-1.5\",\n          innerClassname\n        )}\n      >\n        {onFocus && (\n          <div className=\"pointer-events-none absolute inset-1.5 text-shade-mute enabled:group-hover/input:text-shade-primary enabled:group-focus-within/input:inset-0.5 enabled:group-focus-within/input:text-shade-primary transition-all duration-50 ease-glide\">\n            <CrosshairCorners\n              size={6}\n              variant=\"corners\"\n              corners={[\"bottom-right\"]}\n              animationDelay={0}\n              animationDuration={0.75}\n            />\n          </div>\n        )}\n        <div\n          className={classNames(\n            \"flex w-full items-center gap-x-3 text-shade-primary\"\n          )}\n        >\n          {badge && <Badge {...badge} />}\n          <input\n            className={classNames(\n              \"h-full w-full flex-shrink font-medium focus:outline-none bg-transparent placeholder:text-shade-mute\",\n              type === \"value\" && \"text-2xl font-mono text-right\",\n              // Hide buttons\n              \"[-moz-appearance:_textfield] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none\"\n            )}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            placeholder={placeholder}\n            value={value}\n            onChange={(e) => onChange?.(e.target.value)}\n            disabled={disabled}\n            type={type === \"value\" ? \"number\" : \"text\"}\n          />\n          {onClear && value && (\n            <button\n              onClick={onClear}\n              className=\"absolute right-2 p-2 hover:bg-border-light/50 transition-colors duration-100 ease-crisp\"\n              type=\"button\"\n            >\n              <Icon\n                name=\"Close\"\n                size={12}\n                className=\"text-shade-tertiary hover:text-shade-primary transition-colors duration-100 ease-crisp\"\n              />\n            </button>\n          )}\n          {children && children}\n          {action && (\n            <Button\n              label={action.label}\n              onClick={action.onClick}\n              variant=\"secondary\"\n              size=\"xs\"\n              useHoverEffect={false}\n            />\n          )}\n        </div>\n      </div>\n      {hasMessage && (\n        <div className=\"h-[14px] ml-auto px-1\">\n          <AnimatePresence>\n            {message && (\n              <motion.span\n                initial={{ opacity: 0, filter: \"blur(4px)\" }}\n                animate={{ opacity: 1, filter: \"blur(0px)\" }}\n                exit={{ opacity: 0, filter: \"blur(4px)\" }}\n                transition={{ duration: 0.1, ease: crisp }}\n                className={classNames(\n                  \"text-sm text-shade-secondary font-medium leading-[100%]\",\n                  !isValid && \"text-state-error\"\n                )}\n              >\n                {message}\n              </motion.span>\n            )}\n          </AnimatePresence>\n        </div>\n      )}\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAyCA,MAAa,SAAS,EACpB,OACA,OACA,WACA,UACA,SACA,QACA,SACA,OACA,MACA,SACA,aAAa,MACb,UACA,aACA,UAAU,MACV,SACA,QACA,WACA,SACA,UACA,qBACgB;CAChB,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;AACzD,QACE,qBAAC,OAAO;EACN,GAAI;EACJ,WAAW,WACT,uDACA,UACD;;GAEA,SACC,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAK,WAAU;gBACb;OACI,EACN,WACC,qBAAC;MACC,WAAU;MACV,oBAAoB,iBAAiB,KAAK;MAC1C,oBAAoB,iBAAiB,MAAM;iBAE3C,oBAAC;OACC,QAAQ;OACR,UAAU,QAAQ;OAClB,aAAa,QAAQ;QACrB,EACF,oBAAC;OAAK,MAAK;OAAO,MAAM;OAAI,WAAU;QAAwB;OAC1D;MAEJ,EACL,WACC,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,MAAM,QAAQ;MACd,MAAM;MACN,WAAU;OACV,EACF,qBAAC;MAAK,WAAU;;OACb,QAAQ;OAAO;OAAE,QAAQ;;OACrB;MACH;KAEJ;GAER,qBAAC;IACC,WAAW,WACT,4VACA,CAAC,WAAW,0CACZ,CAAC,CAAC,SAAS,oBACX,CAAC,SAAS,aACV,CAAC,CAAC,YAAY,WACd,eACD;eAEA,WACC,oBAAC;KAAI,WAAU;eACb,oBAAC;MACC,MAAM;MACN,SAAQ;MACR,SAAS,CAAC,eAAe;MACzB,gBAAgB;MAChB,mBAAmB;OACnB;MACE,EAER,qBAAC;KACC,WAAW,WACT,sDACD;;MAEA,SAAS,oBAAC,SAAM,GAAI,QAAS;MAC9B,oBAAC;OACC,WAAW,WACT,uGACA,SAAS,WAAW,iCAEpB,mMACD;OACQ;OACD;OACK;OACN;OACP,WAAW,MAAM,WAAW,EAAE,OAAO,MAAM;OACjC;OACV,MAAM,SAAS,UAAU,WAAW;QACpC;MACD,WAAW,SACV,oBAAC;OACC,SAAS;OACT,WAAU;OACV,MAAK;iBAEL,oBAAC;QACC,MAAK;QACL,MAAM;QACN,WAAU;SACV;QACK;MAEV,YAAY;MACZ,UACC,oBAAC;OACC,OAAO,OAAO;OACd,SAAS,OAAO;OAChB,SAAQ;OACR,MAAK;OACL,gBAAgB;QAChB;;MAEA;KACF;GACL,cACC,oBAAC;IAAI,WAAU;cACb,oBAAC,6BACE,WACC,oBAAC,OAAO;KACN,SAAS;MAAE,SAAS;MAAG,QAAQ;MAAa;KAC5C,SAAS;MAAE,SAAS;MAAG,QAAQ;MAAa;KAC5C,MAAM;MAAE,SAAS;MAAG,QAAQ;MAAa;KACzC,YAAY;MAAE,UAAU;MAAK,MAAM;MAAO;KAC1C,WAAW,WACT,2DACA,CAAC,WAAW,mBACb;eAEA;MACW,GAEA;KACd;;GAEG"}

package/dist/Logo.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime65 from "react/jsx-runtime";
+import * as react_jsx_runtime176 from "react/jsx-runtime";
 
 //#region src/Logo.d.ts
 type LogoProps = {
@@ -12,7 +12,7 @@ declare const Logo: ({
   height,
   hideText,
   isScrolled
-}: LogoProps) => react_jsx_runtime65.JSX.Element;
+}: LogoProps) => react_jsx_runtime176.JSX.Element;
 //#endregion
 export { Logo, LogoProps };
 //# sourceMappingURL=Logo.d.cts.map

package/dist/Logo.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.d.cts","names":[],"sources":["../src/Logo.tsx"],"sourcesContent":[],"mappings":";;;KAMY,SAAA;;;EAAA,QAAA,CAAA,EAAA,OAAS;EAOR,UAgHZ,CAAA,EAAA,OAAA;CAhHoB;AAAA,cAAR,IAAQ,EAAA,CAAA;EAAA,KAAA;EAAA,MAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAKlB,SALkB,EAAA,GAKT,mBAAA,CAAA,GAAA,CAAA,OALS"}
+{"version":3,"file":"Logo.d.cts","names":[],"sources":["../src/Logo.tsx"],"sourcesContent":[],"mappings":";;;KAMY,SAAA;;;EAAA,QAAA,CAAA,EAAA,OAAS;EAOR,UAgHZ,CAAA,EAAA,OAAA;CAhHoB;AAAA,cAAR,IAAQ,EAAA,CAAA;EAAA,KAAA;EAAA,MAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAKlB,SALkB,EAAA,GAKT,oBAAA,CAAA,GAAA,CAAA,OALS"}

package/dist/Logo.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
 
 //#region src/Logo.d.ts
 type LogoProps = {
@@ -12,7 +12,7 @@ declare const Logo: ({
   height,
   hideText,
   isScrolled
-}: LogoProps) => react_jsx_runtime29.JSX.Element;
+}: LogoProps) => react_jsx_runtime52.JSX.Element;
 //#endregion
 export { Logo, LogoProps };
 //# sourceMappingURL=Logo.d.mts.map

package/dist/Pagination.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/Pagination.d.ts
 type PaginationProps = {
@@ -18,7 +18,7 @@ declare const Pagination: ({
   className,
   itemsPerPage,
   itemsPerPageOptions
-}: PaginationProps) => react_jsx_runtime45.JSX.Element;
+}: PaginationProps) => react_jsx_runtime0.JSX.Element;
 type PaginationButtonProps = {
   label: string;
   onClick: () => void;
@@ -34,7 +34,7 @@ declare const PaginationButton: ({
   isControl,
   isActive,
   controlDirection
-}: PaginationButtonProps) => react_jsx_runtime45.JSX.Element;
+}: PaginationButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Pagination, PaginationButton, PaginationButtonProps, PaginationProps };
 //# sourceMappingURL=Pagination.d.cts.map

package/dist/Pagination.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.cts","names":[],"sources":["../src/Pagination.tsx"],"sourcesContent":[],"mappings":";;;KASY,eAAA;;;EAAA,YAAA,EAAA,CAAA,IAAe,EAAA,MAAA,EAAA,GAAA,IAAA;EAUd,YAAA,CAmIZ,EAAA,MAAA;EAnI0B,mBAAA,CAAA,EAAA,MAAA,EAAA;EAAA,oBAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAA,SAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAAd,UAAc,EAAA,CAAA;EAAA,UAAA;EAAA,WAAA;EAAA,YAAA;EAAA,oBAAA;EAAA,SAAA;EAAA,YAAA;EAAA;AAAA,CAAA,EAQxB,eARwB,EAAA,GAQT,mBAAA,CAAA,GAAA,CAAA,OARS;AAAA,KAqIf,qBAAA,GArIe;EAAA,KAAA,EAAA,MAAA;EAQxB,OAAA,EAAA,GAAA,GAAA,IAAA;EAAe,QAAA,EAAA,OAAA;EA2HjB,SAAA,CAAA,EAAA,OAAA;EAEW,QAAA,CAAA,EAAA,OAAA;EASC,gBAAA,CAAA,EA+CZ,MAAA,GAAA,OAAA;CA/CgC;AAAA,cAApB,gBAAoB,EAAA,CAAA;EAAA,KAAA;EAAA,OAAA;EAAA,QAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAO9B,qBAP8B,EAAA,GAOT,mBAAA,CAAA,GAAA,CAAA,OAPS"}
+{"version":3,"file":"Pagination.d.cts","names":[],"sources":["../src/Pagination.tsx"],"sourcesContent":[],"mappings":";;;KASY,eAAA;;;EAAA,YAAA,EAAA,CAAA,IAAe,EAAA,MAAA,EAAA,GAAA,IAAA;EAUd,YAAA,CAmIZ,EAAA,MAAA;EAnI0B,mBAAA,CAAA,EAAA,MAAA,EAAA;EAAA,oBAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAA,SAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAAd,UAAc,EAAA,CAAA;EAAA,UAAA;EAAA,WAAA;EAAA,YAAA;EAAA,oBAAA;EAAA,SAAA;EAAA,YAAA;EAAA;AAAA,CAAA,EAQxB,eARwB,EAAA,GAQT,kBAAA,CAAA,GAAA,CAAA,OARS;AAAA,KAqIf,qBAAA,GArIe;EAAA,KAAA,EAAA,MAAA;EAQxB,OAAA,EAAA,GAAA,GAAA,IAAA;EAAe,QAAA,EAAA,OAAA;EA2HjB,SAAA,CAAA,EAAA,OAAA;EAEW,QAAA,CAAA,EAAA,OAAA;EASC,gBAAA,CAAA,EA+CZ,MAAA,GAAA,OAAA;CA/CgC;AAAA,cAApB,gBAAoB,EAAA,CAAA;EAAA,KAAA;EAAA,OAAA;EAAA,QAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAO9B,qBAP8B,EAAA,GAOT,kBAAA,CAAA,GAAA,CAAA,OAPS"}

package/dist/Pagination.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime53 from "react/jsx-runtime";
 
 //#region src/Pagination.d.ts
 type PaginationProps = {
@@ -18,7 +18,7 @@ declare const Pagination: ({
   className,
   itemsPerPage,
   itemsPerPageOptions
-}: PaginationProps) => react_jsx_runtime1.JSX.Element;
+}: PaginationProps) => react_jsx_runtime53.JSX.Element;
 type PaginationButtonProps = {
   label: string;
   onClick: () => void;
@@ -34,7 +34,7 @@ declare const PaginationButton: ({
   isControl,
   isActive,
   controlDirection
-}: PaginationButtonProps) => react_jsx_runtime1.JSX.Element;
+}: PaginationButtonProps) => react_jsx_runtime53.JSX.Element;
 //#endregion
 export { Pagination, PaginationButton, PaginationButtonProps, PaginationProps };
 //# sourceMappingURL=Pagination.d.mts.map

package/dist/Pagination.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.mts","names":[],"sources":["../src/Pagination.tsx"],"sourcesContent":[],"mappings":";;;KASY,eAAA;;;EAAA,YAAA,EAAA,CAAA,IAAe,EAAA,MAAA,EAAA,GAAA,IAAA;EAUd,YAAA,CAmIZ,EAAA,MAAA;EAnI0B,mBAAA,CAAA,EAAA,MAAA,EAAA;EAAA,oBAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAA,SAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAAd,UAAc,EAAA,CAAA;EAAA,UAAA;EAAA,WAAA;EAAA,YAAA;EAAA,oBAAA;EAAA,SAAA;EAAA,YAAA;EAAA;AAAA,CAAA,EAQxB,eARwB,EAAA,GAQT,kBAAA,CAAA,GAAA,CAAA,OARS;AAAA,KAqIf,qBAAA,GArIe;EAAA,KAAA,EAAA,MAAA;EAQxB,OAAA,EAAA,GAAA,GAAA,IAAA;EAAe,QAAA,EAAA,OAAA;EA2HjB,SAAA,CAAA,EAAA,OAAA;EAEW,QAAA,CAAA,EAAA,OAAA;EASC,gBAAA,CAAA,EA+CZ,MAAA,GAAA,OAAA;CA/CgC;AAAA,cAApB,gBAAoB,EAAA,CAAA;EAAA,KAAA;EAAA,OAAA;EAAA,QAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAO9B,qBAP8B,EAAA,GAOT,kBAAA,CAAA,GAAA,CAAA,OAPS"}
+{"version":3,"file":"Pagination.d.mts","names":[],"sources":["../src/Pagination.tsx"],"sourcesContent":[],"mappings":";;;KASY,eAAA;;;EAAA,YAAA,EAAA,CAAA,IAAe,EAAA,MAAA,EAAA,GAAA,IAAA;EAUd,YAAA,CAmIZ,EAAA,MAAA;EAnI0B,mBAAA,CAAA,EAAA,MAAA,EAAA;EAAA,oBAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAA,SAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAAd,UAAc,EAAA,CAAA;EAAA,UAAA;EAAA,WAAA;EAAA,YAAA;EAAA,oBAAA;EAAA,SAAA;EAAA,YAAA;EAAA;AAAA,CAAA,EAQxB,eARwB,EAAA,GAQT,mBAAA,CAAA,GAAA,CAAA,OARS;AAAA,KAqIf,qBAAA,GArIe;EAAA,KAAA,EAAA,MAAA;EAQxB,OAAA,EAAA,GAAA,GAAA,IAAA;EAAe,QAAA,EAAA,OAAA;EA2HjB,SAAA,CAAA,EAAA,OAAA;EAEW,QAAA,CAAA,EAAA,OAAA;EASC,gBAAA,CAAA,EA+CZ,MAAA,GAAA,OAAA;CA/CgC;AAAA,cAApB,gBAAoB,EAAA,CAAA;EAAA,KAAA;EAAA,OAAA;EAAA,QAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAO9B,qBAP8B,EAAA,GAOT,mBAAA,CAAA,GAAA,CAAA,OAPS"}

package/dist/Slider.d.cts

@@ -1,5 +1,5 @@
 import { IconProps } from "./Icon.cjs";
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/Slider.d.ts
 type SliderProps = {
@@ -34,7 +34,7 @@ declare const Slider: ({
   onChange,
   className,
   abbreviateValues
-}: SliderProps) => react_jsx_runtime44.JSX.Element;
+}: SliderProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { Slider, SliderProps };
 //# sourceMappingURL=Slider.d.cts.map

package/dist/Slider.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.cts","names":[],"sources":["../src/Slider.tsx"],"sourcesContent":[],"mappings":";;;;KAyBY,WAAA;;;EAAA,GAAA,CAAA,EAAA,MAAA;EAmBC,IAAA,CAAA,EAAA,MAyWZ;EAzWsB,MAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAAA;IAAA,GAAA,EAAA,MAAA;IAAA,GAAA,EAAA,MAAA;EAAA,CAAA;EAAA,MAAA,CAAA,EAAA;IAAA,KAAA,EAAA,MAAA;IAAA,IAAA,CAAA,EAPZ,SAOY;EAAA,CAAA;EAAA,QAAA,CAAA,EAAA,CAAA,KAAA,EAAA;IAWpB,GAAA,EAAA,MAAA;IAAW,GAAA,EAAA,MAAA;EA8Vb,CAAA,EAAA,GAAA,IAAA;;;;cAzWY;;;;;;;;;;;GAWV,gBAAW,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"Slider.d.cts","names":[],"sources":["../src/Slider.tsx"],"sourcesContent":[],"mappings":";;;;KAyBY,WAAA;;;EAAA,GAAA,CAAA,EAAA,MAAA;EAmBC,IAAA,CAAA,EAAA,MAyWZ;EAzWsB,MAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAAA;IAAA,GAAA,EAAA,MAAA;IAAA,GAAA,EAAA,MAAA;EAAA,CAAA;EAAA,MAAA,CAAA,EAAA;IAAA,KAAA,EAAA,MAAA;IAAA,IAAA,CAAA,EAPZ,SAOY;EAAA,CAAA;EAAA,QAAA,CAAA,EAAA,CAAA,KAAA,EAAA;IAWpB,GAAA,EAAA,MAAA;IAAW,GAAA,EAAA,MAAA;EA8Vb,CAAA,EAAA,GAAA,IAAA;;;;cAzWY;;;;;;;;;;;GAWV,gBAAW,kBAAA,CAAA,GAAA,CAAA"}

package/dist/Slider.d.mts

@@ -1,5 +1,5 @@
 import { IconProps } from "./Icon.mjs";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime56 from "react/jsx-runtime";
 
 //#region src/Slider.d.ts
 type SliderProps = {
@@ -34,7 +34,7 @@ declare const Slider: ({
   onChange,
   className,
   abbreviateValues
-}: SliderProps) => react_jsx_runtime28.JSX.Element;
+}: SliderProps) => react_jsx_runtime56.JSX.Element;
 //#endregion
 export { Slider, SliderProps };
 //# sourceMappingURL=Slider.d.mts.map

package/dist/Tabs.d.cts

@@ -1,5 +1,5 @@
 import { IconProps } from "./Icon.cjs";
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { MotionProps } from "motion/react";
 
 //#region src/Tabs.d.ts
@@ -31,7 +31,7 @@ declare const Tabs: ({
   stretch,
   size,
   title
-}: TabsProps) => react_jsx_runtime43.JSX.Element;
+}: TabsProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { Tabs, TabsProps };
 //# sourceMappingURL=Tabs.d.cts.map

package/dist/Tabs.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.cts","names":[],"sources":["../src/Tabs.tsx"],"sourcesContent":[],"mappings":";;;;;KAQY,SAAA;;;EAAA,KAAA,EAAA;IAMD,KAAA,CAAA,EAAA,MAAA;IAIU,KAAA,EAAA,MAAA;IAIP,IAAA,CAAA,EARH,SAQG;IAAW,QAAA,CAAA,EAAA,OAAA;IAMZ,QA2FZ,CAAA,EAAA,OAAA;IA3FoB,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;IAAA,QAAA,CAAA,EAVN,KAAA,CAAM,SAUA;IAAA,SAAA,CAAA,EAAA,MAAA;EAAA,CAAA,EAAA;EAAA,KAAA,EAAA,SAAA,GAAA,WAAA;EAAA,SAAA,CAAA,EANP,WAMO;EAAA,OAAA,CAAA,EAAA,OAAA;EAAA,IAAA,CAAA,EAAA,IAAA,GAAA,IAAA;EASlB,KAAA,CAAA,EAAA,MAAA;CAAS;AAkFX,cA3FY,IA2FZ,EAAA,CAAA;EAAA,SAAA;EAAA,OAAA;EAAA,KAAA;EAAA,KAAA;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAlFE,SAkFF,EAAA,GAlFW,mBAAA,CAAA,GAAA,CAAA,OAkFX"}
+{"version":3,"file":"Tabs.d.cts","names":[],"sources":["../src/Tabs.tsx"],"sourcesContent":[],"mappings":";;;;;KAQY,SAAA;;;EAAA,KAAA,EAAA;IAMD,KAAA,CAAA,EAAA,MAAA;IAIU,KAAA,EAAA,MAAA;IAIP,IAAA,CAAA,EARH,SAQG;IAAW,QAAA,CAAA,EAAA,OAAA;IAMZ,QA2FZ,CAAA,EAAA,OAAA;IA3FoB,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;IAAA,QAAA,CAAA,EAVN,KAAA,CAAM,SAUA;IAAA,SAAA,CAAA,EAAA,MAAA;EAAA,CAAA,EAAA;EAAA,KAAA,EAAA,SAAA,GAAA,WAAA;EAAA,SAAA,CAAA,EANP,WAMO;EAAA,OAAA,CAAA,EAAA,OAAA;EAAA,IAAA,CAAA,EAAA,IAAA,GAAA,IAAA;EASlB,KAAA,CAAA,EAAA,MAAA;CAAS;AAkFX,cA3FY,IA2FZ,EAAA,CAAA;EAAA,SAAA;EAAA,OAAA;EAAA,KAAA;EAAA,KAAA;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAlFE,SAkFF,EAAA,GAlFW,kBAAA,CAAA,GAAA,CAAA,OAkFX"}

package/dist/Tabs.d.mts

@@ -1,6 +1,6 @@
 import { IconProps } from "./Icon.mjs";
 import { MotionProps } from "motion/react";
-import * as react_jsx_runtime90 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 
 //#region src/Tabs.d.ts
 type TabsProps = {
@@ -31,7 +31,7 @@ declare const Tabs: ({
   stretch,
   size,
   title
-}: TabsProps) => react_jsx_runtime90.JSX.Element;
+}: TabsProps) => react_jsx_runtime30.JSX.Element;
 //#endregion
 export { Tabs, TabsProps };
 //# sourceMappingURL=Tabs.d.mts.map

package/dist/Toast.d.cts

@@ -1,6 +1,5 @@
 import { IconName } from "./icons/index.cjs";
-import "./Icon.cjs";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/Toast.d.ts
 type ToastProps = {
@@ -18,7 +17,7 @@ declare const Toast: ({
   icon,
   variant,
   clearable
-}: ToastProps) => react_jsx_runtime7.JSX.Element;
+}: ToastProps) => react_jsx_runtime10.JSX.Element;
 declare const showToast: (props: Omit<ToastProps, "className">) => string | number;
 declare const showSuccessToast: (title: string, description: string) => string | number;
 declare const showErrorToast: (title: string, description: string) => string | number;

package/dist/Toast.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.cts","names":[],"sources":["../src/Toast.tsx"],"sourcesContent":[],"mappings":";;;;;KAOY,UAAA;;;;EAAA,IAAA,EAIJ,QAJc;EAST,OAAA,EAmCZ,SAAA,GAAA,OAAA,GAAA,MAAA;EAnCqB,SAAA,CAAA,EAAA,OAAA;CAAA;AAAA,cAAT,KAAS,EAAA,CAAA;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,IAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAOnB,UAPmB,EAAA,GAOT,kBAAA,CAAA,GAAA,CAAA,OAPS;AAAA,cAsCT,SAtCS,EAAA,CAAA,KAAA,EAsCW,IAtCX,CAsCgB,UAtChB,EAAA,WAAA,CAAA,EAAA,GAAA,MAAA,GAAA,MAAA;AAAA,cA6CT,gBA7CS,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,GAAA,MAAA,GAAA,MAAA;AAAA,cAsDT,cAtDS,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,GAAA,MAAA,GAAA,MAAA;AAOnB,cAwDU,aAxDV,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,GAAA,MAAA,GAAA,MAAA"}
+{"version":3,"file":"Toast.d.cts","names":[],"sources":["../src/Toast.tsx"],"sourcesContent":[],"mappings":";;;;KAOY,UAAA;;;EAAA,WAAA,EAAU,MAAA;EAST,IAAA,EALL,QAwCP;EAnCqB,OAAA,EAAA,SAAA,GAAA,OAAA,GAAA,MAAA;EAAA,SAAA,CAAA,EAAA,OAAA;CAAA;AAAA,cAAT,KAAS,EAAA,CAAA;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,IAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAOnB,UAPmB,EAAA,GAOT,mBAAA,CAAA,GAAA,CAAA,OAPS;AAAA,cAsCT,SAtCS,EAAA,CAAA,KAAA,EAsCW,IAtCX,CAsCgB,UAtChB,EAAA,WAAA,CAAA,EAAA,GAAA,MAAA,GAAA,MAAA;AAAA,cA6CT,gBA7CS,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,GAAA,MAAA,GAAA,MAAA;AAOnB,cA+CU,cA/CV,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,GAAA,MAAA,GAAA,MAAA;AAAU,cAwDA,aAxDA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,GAAA,MAAA,GAAA,MAAA"}

package/dist/Toast.d.mts

@@ -1,6 +1,6 @@
 import { IconName } from "./icons/index.mjs";
 import "./Icon.mjs";
-import * as react_jsx_runtime89 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 
 //#region src/Toast.d.ts
 type ToastProps = {
@@ -18,7 +18,7 @@ declare const Toast: ({
   icon,
   variant,
   clearable
-}: ToastProps) => react_jsx_runtime89.JSX.Element;
+}: ToastProps) => react_jsx_runtime32.JSX.Element;
 declare const showToast: (props: Omit<ToastProps, "className">) => string | number;
 declare const showSuccessToast: (title: string, description: string) => string | number;
 declare const showErrorToast: (title: string, description: string) => string | number;

package/dist/Tooltip.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime57 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/Tooltip.d.ts
 type TooltipProps = {
@@ -10,7 +10,7 @@ declare const Tooltip: ({
   description,
   position,
   isOpen
-}: TooltipProps) => react_jsx_runtime57.JSX.Element;
+}: TooltipProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { Tooltip, TooltipProps };
 //# sourceMappingURL=Tooltip.d.cts.map

package/dist/Tooltip.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.cts","names":[],"sources":["../src/Tooltip.tsx"],"sourcesContent":[],"mappings":";;;KAOY,YAAA;;;EAAA,QAAA,EAAA,UAAY,GAAA,YAAA,GAAA,WAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA;AAcxB,CAAA;AAAwB,cAAX,OAAW,EAAA,CAAA;EAAA,WAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAmC,YAAnC,EAAA,GAA+C,mBAAA,CAAA,GAAA,CAAA,OAA/C"}
+{"version":3,"file":"Tooltip.d.cts","names":[],"sources":["../src/Tooltip.tsx"],"sourcesContent":[],"mappings":";;;KAOY,YAAA;;;EAAA,QAAA,EAAA,UAAY,GAAA,YAAA,GAAA,WAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA;AAcxB,CAAA;AAAwB,cAAX,OAAW,EAAA,CAAA;EAAA,WAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAmC,YAAnC,EAAA,GAA+C,kBAAA,CAAA,GAAA,CAAA,OAA/C"}

package/dist/Tooltip.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime91 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/Tooltip.d.ts
 type TooltipProps = {
@@ -10,7 +10,7 @@ declare const Tooltip: ({
   description,
   position,
   isOpen
-}: TooltipProps) => react_jsx_runtime91.JSX.Element;
+}: TooltipProps) => react_jsx_runtime33.JSX.Element;
 //#endregion
 export { Tooltip, TooltipProps };
 //# sourceMappingURL=Tooltip.d.mts.map

package/dist/icons/Add.d.cts

@@ -1,11 +1,11 @@
 import { IconProps } from "../Icon.cjs";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/icons/Add.d.ts
 declare const AddIcon: ({
   className,
   size
-}: IconProps) => react_jsx_runtime12.JSX.Element;
+}: IconProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { AddIcon };
 //# sourceMappingURL=Add.d.cts.map

package/dist/icons/Add.d.mts

@@ -1,11 +1,11 @@
 import { IconProps } from "../Icon.mjs";
-import * as react_jsx_runtime199 from "react/jsx-runtime";
+import * as react_jsx_runtime70 from "react/jsx-runtime";
 
 //#region src/icons/Add.d.ts
 declare const AddIcon: ({
   className,
   size
-}: IconProps) => react_jsx_runtime199.JSX.Element;
+}: IconProps) => react_jsx_runtime70.JSX.Element;
 //#endregion
 export { AddIcon };
 //# sourceMappingURL=Add.d.mts.map

package/dist/icons/Add.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Add.d.mts","names":[],"sources":["../../src/icons/Add.tsx"],"sourcesContent":[],"mappings":";;;;cAGa;;;GAAqC,cAAS,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"Add.d.mts","names":[],"sources":["../../src/icons/Add.tsx"],"sourcesContent":[],"mappings":";;;;cAGa;;;GAAqC,cAAS,mBAAA,CAAA,GAAA,CAAA"}

package/dist/icons/Anchor.d.mts

@@ -1,11 +1,11 @@
 import { IconProps } from "../Icon.mjs";
-import * as react_jsx_runtime99 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
 
 //#region src/icons/Anchor.d.ts
 declare const AnchorIcon: ({
   className,
   size
-}: IconProps) => react_jsx_runtime99.JSX.Element;
+}: IconProps) => react_jsx_runtime45.JSX.Element;
 //#endregion
 export { AnchorIcon };
 //# sourceMappingURL=Anchor.d.mts.map

package/dist/icons/ArrowLeft.d.cts

@@ -1,11 +1,11 @@
 import { IconProps } from "../Icon.cjs";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/icons/ArrowLeft.d.ts
 declare const ArrowLeftIcon: ({
   className,
   size
-}: IconProps) => react_jsx_runtime14.JSX.Element;
+}: IconProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { ArrowLeftIcon };
 //# sourceMappingURL=ArrowLeft.d.cts.map

package/dist/icons/ArrowLeft.d.mts

@@ -1,11 +1,11 @@
 import { IconProps } from "../Icon.mjs";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime61 from "react/jsx-runtime";
 
 //#region src/icons/ArrowLeft.d.ts
 declare const ArrowLeftIcon: ({
   className,
   size
-}: IconProps) => react_jsx_runtime31.JSX.Element;
+}: IconProps) => react_jsx_runtime61.JSX.Element;
 //#endregion
 export { ArrowLeftIcon };
 //# sourceMappingURL=ArrowLeft.d.mts.map