@blueshift-gg/ui-components 0.1.69 → 0.1.71

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  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"}
+{"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  inputClassName?: string;\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  inputClassName,\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              inputClassName\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":";;;;;;;;;;;;;;;;AA0CA,MAAa,SAAS,EACpB,OACA,OACA,WACA,UACA,SACA,QACA,SACA,OACA,MACA,SACA,aAAa,MACb,UACA,aACA,UAAU,MACV,SACA,QACA,WACA,SACA,UACA,gBACA,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,oMACA,eACD;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

@@ -2,7 +2,7 @@ import { BadgeProps } from "./Badge.cjs";
 import { TooltipProps } from "./Tooltip.cjs";
 import { IconName } from "./icons/index.cjs";
 import "./Icon.cjs";
-import * as react_jsx_runtime90 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 import { MotionProps } from "motion/react";
 
 //#region src/Input.d.ts
@@ -34,6 +34,7 @@ type InputProps = {
   animation?: MotionProps;
   tooltip?: TooltipProps;
   children?: React.ReactNode;
+  inputClassName?: string;
 };
 declare const Input: ({
   title,
@@ -55,8 +56,9 @@ declare const Input: ({
   animation,
   tooltip,
   children,
-  innerClassname
-}: InputProps) => react_jsx_runtime90.JSX.Element;
+  innerClassname,
+  inputClassName
+}: InputProps) => react_jsx_runtime11.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,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"}
+{"version":3,"file":"Input.d.cts","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;EAIf,UA6JZ,CAAA,EAAA,OAAA;EA7JqB,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,EAZX,QAYW;EAAA,CAAA;EAAA,MAAA,CAAA,EAAA;IAAA,KAAA,EAAA,MAAA;IAAA,OAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;EAAA,SAAA,CAAA,EANR,WAMQ;EAAA,OAAA,CAAA,EALV,YAKU;EAAA,QAAA,CAAA,EAJT,KAAA,CAAM,SAIG;EAAA,cAAA,CAAA,EAAA,MAAA;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,cAAA;EAAA;AAAA,CAAA,EAsBnB,UAtBmB,EAAA,GAsBT,mBAAA,CAAA,GAAA,CAAA,OAtBS"}

package/dist/Input.d.mts

@@ -3,7 +3,7 @@ import { TooltipProps } from "./Tooltip.mjs";
 import { IconName } from "./icons/index.mjs";
 import "./Icon.mjs";
 import { MotionProps } from "motion/react";
-import * as react_jsx_runtime48 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/Input.d.ts
 type InputProps = {
@@ -34,6 +34,7 @@ type InputProps = {
   animation?: MotionProps;
   tooltip?: TooltipProps;
   children?: React.ReactNode;
+  inputClassName?: string;
 };
 declare const Input: ({
   title,
@@ -55,8 +56,9 @@ declare const Input: ({
   animation,
   tooltip,
   children,
-  innerClassname
-}: InputProps) => react_jsx_runtime48.JSX.Element;
+  innerClassname,
+  inputClassName
+}: InputProps) => react_jsx_runtime11.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,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"}
+{"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;EAIf,UA6JZ,CAAA,EAAA,OAAA;EA7JqB,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,EAZX,QAYW;EAAA,CAAA;EAAA,MAAA,CAAA,EAAA;IAAA,KAAA,EAAA,MAAA;IAAA,OAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;EAAA,SAAA,CAAA,EANR,WAMQ;EAAA,OAAA,CAAA,EALV,YAKU;EAAA,QAAA,CAAA,EAJT,KAAA,CAAM,SAIG;EAAA,cAAA,CAAA,EAAA,MAAA;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,cAAA;EAAA;AAAA,CAAA,EAsBnB,UAtBmB,EAAA,GAsBT,mBAAA,CAAA,GAAA,CAAA,OAtBS"}

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, innerClassname }) => {
+const Input = ({ title, value, className, onChange, onFocus, onBlur, onClear, badge, type, message, hasMessage = true, disabled, placeholder, isValid = true, balance, action, animation, tooltip, children, innerClassname, inputClassName }) => {
 	const [isTooltipOpen, setIsTooltipOpen] = useState(false);
 	return /* @__PURE__ */ jsxs(motion.div, {
 		...animation,
@@ -71,7 +71,7 @@ const Input = ({ title, value, className, onChange, onFocus, onBlur, onClear, ba
 					children: [
 						badge && /* @__PURE__ */ jsx(Badge, { ...badge }),
 						/* @__PURE__ */ jsx("input", {
-							className: classNames("h-full w-full flex-shrink font-medium focus:outline-none bg-transparent placeholder:text-shade-mute", type === "value" && "text-2xl font-mono text-right", "[-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"),
+							className: classNames("h-full w-full flex-shrink font-medium focus:outline-none bg-transparent placeholder:text-shade-mute", type === "value" && "text-2xl font-mono text-right", "[-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", inputClassName),
 							onFocus,
 							onBlur,
 							placeholder,

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  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"}
+{"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  inputClassName?: string;\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  inputClassName,\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              inputClassName\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":";;;;;;;;;;;;;;AA0CA,MAAa,SAAS,EACpB,OACA,OACA,WACA,UACA,SACA,QACA,SACA,OACA,MACA,SACA,aAAa,MACb,UACA,aACA,UAAU,MACV,SACA,QACA,WACA,SACA,UACA,gBACA,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,oMACA,eACD;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_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/Logo.d.ts
 type LogoProps = {
@@ -12,7 +12,7 @@ declare const Logo: ({
   height,
   hideText,
   isScrolled
-}: LogoProps) => react_jsx_runtime24.JSX.Element;
+}: LogoProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 export { Logo, LogoProps };
 //# sourceMappingURL=Logo.d.cts.map

package/dist/Logo.d.mts

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

package/dist/Pagination.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime80 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/Pagination.d.ts
 type PaginationProps = {
@@ -18,7 +18,7 @@ declare const Pagination: ({
   className,
   itemsPerPage,
   itemsPerPageOptions
-}: PaginationProps) => react_jsx_runtime80.JSX.Element;
+}: PaginationProps) => react_jsx_runtime8.JSX.Element;
 type PaginationButtonProps = {
   label: string;
   onClick: () => void;
@@ -34,7 +34,7 @@ declare const PaginationButton: ({
   isControl,
   isActive,
   controlDirection
-}: PaginationButtonProps) => react_jsx_runtime80.JSX.Element;
+}: PaginationButtonProps) => react_jsx_runtime8.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,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.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"}

package/dist/Slider.d.cts

@@ -1,5 +1,5 @@
 import { IconProps } from "./Icon.cjs";
-import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/Slider.d.ts
 type SliderProps = {
@@ -34,7 +34,7 @@ declare const Slider: ({
   onChange,
   className,
   abbreviateValues
-}: SliderProps) => react_jsx_runtime42.JSX.Element;
+}: SliderProps) => react_jsx_runtime5.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_runtime104 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 
 //#region src/Slider.d.ts
 type SliderProps = {
@@ -34,7 +34,7 @@ declare const Slider: ({
   onChange,
   className,
   abbreviateValues
-}: SliderProps) => react_jsx_runtime104.JSX.Element;
+}: SliderProps) => react_jsx_runtime40.JSX.Element;
 //#endregion
 export { Slider, SliderProps };
 //# sourceMappingURL=Slider.d.mts.map

package/dist/Slider.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.mts","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,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"Slider.d.mts","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"}

package/dist/Tabs.d.cts

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

package/dist/Tabs.d.mts

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

package/dist/Toast.d.cts

@@ -1,6 +1,6 @@
 import { IconName } from "./icons/index.cjs";
 import "./Icon.cjs";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/Toast.d.ts
 type ToastProps = {
@@ -18,7 +18,7 @@ declare const Toast: ({
   icon,
   variant,
   clearable
-}: ToastProps) => react_jsx_runtime15.JSX.Element;
+}: ToastProps) => react_jsx_runtime12.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.mts

@@ -1,6 +1,6 @@
 import { IconName } from "./icons/index.mjs";
 import "./Icon.mjs";
-import * as react_jsx_runtime93 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 
 //#region src/Toast.d.ts
 type ToastProps = {
@@ -18,7 +18,7 @@ declare const Toast: ({
   icon,
   variant,
   clearable
-}: ToastProps) => react_jsx_runtime93.JSX.Element;
+}: ToastProps) => react_jsx_runtime41.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_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/Tooltip.d.ts
 type TooltipProps = {
@@ -10,7 +10,7 @@ declare const Tooltip: ({
   description,
   position,
   isOpen
-}: TooltipProps) => react_jsx_runtime17.JSX.Element;
+}: TooltipProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { Tooltip, TooltipProps };
 //# sourceMappingURL=Tooltip.d.cts.map

package/dist/Tooltip.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime95 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
 
 //#region src/Tooltip.d.ts
 type TooltipProps = {
@@ -10,7 +10,7 @@ declare const Tooltip: ({
   description,
   position,
   isOpen
-}: TooltipProps) => react_jsx_runtime95.JSX.Element;
+}: TooltipProps) => react_jsx_runtime45.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_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/icons/Add.d.ts
 declare const AddIcon: ({
   className,
   size
-}: IconProps) => react_jsx_runtime27.JSX.Element;
+}: IconProps) => react_jsx_runtime26.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_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime99 from "react/jsx-runtime";
 
 //#region src/icons/Add.d.ts
 declare const AddIcon: ({
   className,
   size
-}: IconProps) => react_jsx_runtime6.JSX.Element;
+}: IconProps) => react_jsx_runtime99.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,kBAAA,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.cts

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

package/dist/icons/Anchor.d.mts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Anchor.d.mts","names":[],"sources":["../../src/icons/Anchor.tsx"],"sourcesContent":[],"mappings":";;;;cAIa;;;GAAwC,cAAS,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"Anchor.d.mts","names":[],"sources":["../../src/icons/Anchor.tsx"],"sourcesContent":[],"mappings":";;;;cAIa;;;GAAwC,cAAS,oBAAA,CAAA,GAAA,CAAA"}

package/dist/icons/ArrowLeft.d.cts

@@ -1,11 +1,11 @@
 import { IconProps } from "../Icon.cjs";
-import * as react_jsx_runtime89 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 
 //#region src/icons/ArrowLeft.d.ts
 declare const ArrowLeftIcon: ({
   className,
   size
-}: IconProps) => react_jsx_runtime89.JSX.Element;
+}: IconProps) => react_jsx_runtime38.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_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime204 from "react/jsx-runtime";
 
 //#region src/icons/ArrowLeft.d.ts
 declare const ArrowLeftIcon: ({
   className,
   size
-}: IconProps) => react_jsx_runtime8.JSX.Element;
+}: IconProps) => react_jsx_runtime204.JSX.Element;
 //#endregion
 export { ArrowLeftIcon };
 //# sourceMappingURL=ArrowLeft.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ArrowLeft.d.mts","names":[],"sources":["../../src/icons/ArrowLeft.tsx"],"sourcesContent":[],"mappings":";;;;cAEa;;;GAA2C,cAAS,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ArrowLeft.d.mts","names":[],"sources":["../../src/icons/ArrowLeft.tsx"],"sourcesContent":[],"mappings":";;;;cAEa;;;GAA2C,cAAS,oBAAA,CAAA,GAAA,CAAA"}

package/dist/icons/ArrowRight.d.cts

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

package/dist/icons/ArrowRight.d.mts

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

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

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

package/dist/icons/Assembly.d.cts

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

package/dist/icons/Assembly.d.mts

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

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

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

package/dist/icons/Backpack.d.cts

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

package/dist/icons/Backpack.d.mts

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

package/dist/icons/Bin.d.cts

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