@fernir2/saas-kit-cli 0.1.11 → 0.1.13-111

package/packages/level2/fd-component-toolbox/icon/FdIcon.js

@@ -1,195 +0,0 @@
-'use strict';
-import { jsx } from 'react/jsx-runtime';
-import { PlayIcon, GroupIcon, BookmarkFilledIcon, BookmarkIcon, UploadIcon, ArchiveIcon, MixIcon, CameraIcon, ImageIcon, ClockIcon, CubeIcon, MoonIcon, SunIcon, DesktopIcon, LayersIcon, EnterIcon, CounterClockwiseClockIcon, EyeOpenIcon, EyeNoneIcon, ListBulletIcon, DashboardIcon, LinkBreak1Icon, Share1Icon, ChatBubbleIcon, CaretLeftIcon, QuestionMarkCircledIcon, DotsVerticalIcon, ResetIcon, EraserIcon, SymbolIcon, DotFilledIcon, BellIcon, MixerHorizontalIcon, Pencil2Icon, BackpackIcon, EnvelopeClosedIcon, FileTextIcon, PersonIcon, HamburgerMenuIcon, ExitIcon, GlobeIcon, GearIcon, CalendarIcon, Pencil1Icon, DragHandleDots2Icon, Link1Icon, ArrowUpIcon, ArrowDownIcon, DoubleArrowRightIcon, DoubleArrowLeftIcon, ArrowRightIcon, ArrowLeftIcon, CaretUpIcon, CaretDownIcon, CaretSortIcon, CheckIcon, PlusIcon, MagnifyingGlassIcon, DotsHorizontalIcon, Cross2Icon, Cross1Icon, TrashIcon, ChevronUpIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from '@radix-ui/react-icons';
-import { MessageSquareTextIcon, BrickWall } from 'lucide-react';
-import FilterIcon from './custom-icons/FdFilterIcon.js';
-import { cn } from '../../fd-toolbox/lib/utils.js';
-import FacebookLogo from '../logos/FacebookLogo.js';
-import MicrosoftLogo from '../logos/MicrosoftLogo.js';
-import GoogleLogo from '../logos/GoogleLogo.js';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const iconSizes = {
-  extraSmall: "size-3",
-  small: "size-4",
-  medium: "size-5",
-  large: "size-6",
-  extralarge: "size-7"
-};
-const iconNames = {
-  visibility: "visibility",
-  visibilityOff: "visibilityOff",
-  chevronRight: "chevronRight",
-  chevronLeft: "chevronLeft",
-  chevronDown: "chevronDown",
-  chevronUp: "chevronUp",
-  trash: "trash",
-  edit: "edit",
-  cross1: "cross1",
-  cross2: "cross2",
-  bell: "bell",
-  dotsHorizontal: "dotsHorizontal",
-  magnifyingGlass: "magnifyingGlass",
-  plus: "plus",
-  check: "check",
-  caretSort: "caretSort",
-  caretDown: "caretDown",
-  caretUp: "caretUp",
-  arrowLeft: "arrowLeft",
-  arrowRight: "arrowRight",
-  doubleArrowLeft: "doubleArrowLeft",
-  doubleArrowRight: "doubleArrowRight",
-  arrowDown: "arrowDown",
-  arrowUp: "arrowUp",
-  link: "link",
-  dragHandleDots2: "dragHandleDots2",
-  calendar: "calendar",
-  globe: "globe",
-  gear: "gear",
-  exit: "exit",
-  person: "person",
-  fileText: "fileText",
-  envelopeClosed: "envelopeClosed",
-  backpack: "backpack",
-  pencil2: "pencil2",
-  mixerHorizontal: "mixerHorizontal",
-  hamburgerMenu: "hamburgerMenu",
-  dotFilled: "dotFilled",
-  refresh: "refresh",
-  eraser: "eraser",
-  facebookLogo: "facebookLogo",
-  microsoftLogo: "microsoftLogo",
-  googleLogo: "googleLogo",
-  filter: "filter",
-  reset: "reset",
-  dotsVerticalIcon: "dotsVerticalIcon",
-  questionMarkCircledIcon: "questionMarkCircledIcon",
-  caretLeftIcon: "caretLeftIcon",
-  chatBubbleIcon: "chatBubbleIcon",
-  share1Icon: "share1Icon",
-  linkBreak1Icon: "linkBreak1Icon",
-  dashboard: "dashboard",
-  listBulletIcon: "listBulletIcon",
-  eyeNoneIcon: "eyeNoneIcon",
-  eyeOpenIcon: "eyeOpenIcon",
-  counterClockwiseClockIcon: "counterClockwiseClockIcon",
-  enter: "enter",
-  layers: "layers",
-  desktop: "desktop",
-  sun: "sun",
-  moon: "moon",
-  cube: "cubeIcon",
-  clock: "clock",
-  image: "image",
-  camera: "camera",
-  mix: "mix",
-  archive: "archive",
-  upload: "upload",
-  bookmark: "bookmark",
-  bookmarkFilled: "bookmarkFilled",
-  group: "group",
-  playIcon: "playIcon",
-  brickWall: "brickWall",
-  messageIcon: "messageIcon"
-};
-const iconMap = {
-  visibility: EyeOpenIcon,
-  visibilityOff: EyeNoneIcon,
-  chevronRight: ChevronRightIcon,
-  chevronLeft: ChevronLeftIcon,
-  chevronDown: ChevronDownIcon,
-  chevronUp: ChevronUpIcon,
-  trash: TrashIcon,
-  cross1: Cross1Icon,
-  cross2: Cross2Icon,
-  dotsHorizontal: DotsHorizontalIcon,
-  magnifyingGlass: MagnifyingGlassIcon,
-  plus: PlusIcon,
-  check: CheckIcon,
-  caretSort: CaretSortIcon,
-  caretDown: CaretDownIcon,
-  caretUp: CaretUpIcon,
-  arrowLeft: ArrowLeftIcon,
-  arrowRight: ArrowRightIcon,
-  doubleArrowLeft: DoubleArrowLeftIcon,
-  doubleArrowRight: DoubleArrowRightIcon,
-  arrowDown: ArrowDownIcon,
-  arrowUp: ArrowUpIcon,
-  link: Link1Icon,
-  dragHandleDots2: DragHandleDots2Icon,
-  edit: Pencil1Icon,
-  calendar: CalendarIcon,
-  gear: GearIcon,
-  globe: GlobeIcon,
-  exit: ExitIcon,
-  hamburgerMenu: HamburgerMenuIcon,
-  person: PersonIcon,
-  fileText: FileTextIcon,
-  envelopeClosed: EnvelopeClosedIcon,
-  backpack: BackpackIcon,
-  pencil2: Pencil2Icon,
-  mixerHorizontal: MixerHorizontalIcon,
-  bell: BellIcon,
-  dotFilled: DotFilledIcon,
-  refresh: SymbolIcon,
-  eraser: EraserIcon,
-  facebookLogo: FacebookLogo,
-  microsoftLogo: MicrosoftLogo,
-  googleLogo: GoogleLogo,
-  filter: FilterIcon,
-  reset: ResetIcon,
-  dotsVerticalIcon: DotsVerticalIcon,
-  questionMarkCircledIcon: QuestionMarkCircledIcon,
-  caretLeftIcon: CaretLeftIcon,
-  chatBubbleIcon: ChatBubbleIcon,
-  share1Icon: Share1Icon,
-  linkBreak1Icon: LinkBreak1Icon,
-  dashboard: DashboardIcon,
-  listBulletIcon: ListBulletIcon,
-  eyeNone: EyeNoneIcon,
-  EyeOpen: EyeOpenIcon,
-  counterClockwiseClockIcon: CounterClockwiseClockIcon,
-  enter: EnterIcon,
-  layers: LayersIcon,
-  desktop: DesktopIcon,
-  sun: SunIcon,
-  moon: MoonIcon,
-  cubeIcon: CubeIcon,
-  clock: ClockIcon,
-  image: ImageIcon,
-  camera: CameraIcon,
-  mix: MixIcon,
-  archive: ArchiveIcon,
-  upload: UploadIcon,
-  bookmark: BookmarkIcon,
-  bookmarkFilled: BookmarkFilledIcon,
-  group: GroupIcon,
-  playIcon: PlayIcon,
-  brickWall: BrickWall,
-  messageIcon: MessageSquareTextIcon
-};
-const defaultSidebarIconName = iconNames.mixerHorizontal;
-function FdIcon({ name, size, color, className, id, onClick }) {
-  if (name in iconMap) {
-    const IconComponent = iconMap[name];
-    return /* @__PURE__ */ jsx(
-      IconComponent,
-      {
-        id: id ?? "",
-        className: cn(
-          "stroke-[1.2]",
-          size ?? iconSizes.small,
-          color ?? "text-muted-foreground",
-          className ?? ""
-        ),
-        onClick
-      }
-    );
-  } else {
-    return null;
-  }
-}
-__name(FdIcon, "FdIcon");
-
-export { FdIcon, defaultSidebarIconName, iconNames, iconSizes };

package/packages/level2/fd-component-toolbox/icon/custom-icons/FdFilterIcon.cjs.js

@@ -1,38 +0,0 @@
-'use strict';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function FilterIcon({ className, color, ref, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      ref,
-      width: "20px",
-      height: "20px",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      viewBox: "0 0 22 25",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0h24v24H0z" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            color: color ?? "currentColor",
-            className: "fill-current",
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M14 17a1 1 0 0 1 .117 1.993L14 19h-4a1 1 0 0 1-.117-1.993L10 17zm3-6a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2zm3-6a1 1 0 1 1 0 2H4a1 1 0 0 1 0-2z"
-          }
-        )
-      ] })
-    }
-  );
-}
-__name(FilterIcon, "FilterIcon");
-FilterIcon.displayName = "FilterIcon";
-
-module.exports = FilterIcon;

package/packages/level2/fd-component-toolbox/icon/custom-icons/FdFilterIcon.js

@@ -1,36 +0,0 @@
-'use strict';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function FilterIcon({ className, color, ref, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      ref,
-      width: "20px",
-      height: "20px",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      viewBox: "0 0 22 25",
-      ...props,
-      children: /* @__PURE__ */ jsxs("g", { fill: "none", children: [
-        /* @__PURE__ */ jsx("path", { d: "M0 0h24v24H0z" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            color: color ?? "currentColor",
-            className: "fill-current",
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M14 17a1 1 0 0 1 .117 1.993L14 19h-4a1 1 0 0 1-.117-1.993L10 17zm3-6a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2zm3-6a1 1 0 1 1 0 2H4a1 1 0 0 1 0-2z"
-          }
-        )
-      ] })
-    }
-  );
-}
-__name(FilterIcon, "FilterIcon");
-FilterIcon.displayName = "FilterIcon";
-
-export { FilterIcon as default };

package/packages/level2/fd-component-toolbox/image/FdImage.cjs.js

@@ -1,14 +0,0 @@
-'use strict';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var index = require('../client/framework/index.cjs.js');
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function FdImage(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(index.FdFrameworkImage, { ...props, alt: props.alt });
-}
-__name(FdImage, "FdImage");
-
-exports.FdImage = FdImage;

package/packages/level2/fd-component-toolbox/image/FdImage.js

@@ -1,12 +0,0 @@
-'use strict';
-import { jsx } from 'react/jsx-runtime';
-import { FdFrameworkImage } from '../client/framework/index.js';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function FdImage(props) {
-  return /* @__PURE__ */ jsx(FdFrameworkImage, { ...props, alt: props.alt });
-}
-__name(FdImage, "FdImage");
-
-export { FdImage };

package/packages/level2/fd-component-toolbox/input/FdInput.cjs.js

@@ -1,175 +0,0 @@
-'use strict';
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var utils = require('../../fd-toolbox/lib/utils.cjs.js');
-var FdButton = require('../button/FdButton.cjs.js');
-var FdIcon = require('../icon/FdIcon.cjs.js');
-var FdLabelAnimation = require('../animation/FdLabelAnimation.cjs.js');
-var useHover = require('../../fd-toolbox/hooks/use-hover.cjs.js');
-var classVarianceAuthority = require('class-variance-authority');
-var FdInput_funcs = require('./FdInput.funcs.cjs.js');
-var elementSuffixes = require('../../fd-toolbox/constants/element-suffixes.cjs.js');
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const inputVariants = classVarianceAuthority.cva("relative flex h-8 w-full border-transparent transition", {
-  variants: {
-    variant: {
-      bordered: "rounded-md border border-input align-middle shadow-sm focus-within:border-ring",
-      float: "border-b border-border transition"
-    }
-  },
-  defaultVariants: {
-    variant: "float"
-  }
-});
-function FdInput({
-  className,
-  inputId,
-  showClearIcon,
-  value,
-  onChange,
-  onClear,
-  onBlur,
-  label,
-  skipAnimationOnce,
-  variant,
-  children: icons,
-  isDisableFocus,
-  ref,
-  ...props
-}) {
-  const isError = props["aria-invalid"] && props["aria-invalid"] !== "false";
-  const [isInFocus, setIsInFocus] = React.useState(false);
-  const [isHovered, setIsHovered] = React.useState(false);
-  const [isInputHovered, hoverHandlers] = useHover.useHover();
-  const [inputValue, setInputValue] = React.useState("");
-  React.useEffect(() => {
-    if (value) {
-      setInputValue(value);
-    } else {
-      setInputValue("");
-    }
-  }, [value]);
-  const isClearIconVisible = React.useMemo(
-    () => value && (isHovered || isInFocus),
-    [isHovered, value, isInFocus]
-  );
-  const onChangeCallback = React.useCallback(
-    (e) => {
-      FdInput_funcs.onInputChange(e, setInputValue, onChange);
-    },
-    [onChange]
-  );
-  const onBlurCallback = React.useCallback(
-    (e) => {
-      onBlur?.(e.target.value);
-    },
-    [onBlur]
-  );
-  const onClearCallback = React.useCallback(() => {
-    FdInput_funcs.onClearInput(setInputValue, setIsInFocus, onChange, onClear);
-  }, [onChange, onClear]);
-  const onMouseEnter = React.useCallback(() => {
-    setIsHovered(true);
-  }, []);
-  const onMouseLeave = React.useCallback(() => {
-    setIsHovered(false);
-  }, []);
-  const shouldLabelAnimate = React.useMemo(
-    () => !!value || !!props.defaultValue || isInFocus,
-    [value, props.defaultValue, isInFocus]
-  );
-  const iconsBlockRef = React.useRef(null);
-  const handleFocus = React.useCallback(() => {
-    FdInput_funcs.onInputFocus(setIsInFocus, isDisableFocus);
-  }, [isDisableFocus, setIsInFocus]);
-  const onInputBlurCallback = React.useCallback(
-    (e) => {
-      FdInput_funcs.onInputBlur(e, setIsInFocus, onBlurCallback);
-    },
-    [onBlurCallback]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: utils.cn(
-        inputVariants({ variant }),
-        (variant ?? "float") === "float" && (isInFocus || isHovered) && "border-fd-accent"
-      ),
-      onMouseEnter,
-      onMouseLeave,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            ref,
-            value: inputValue,
-            onChange: onChangeCallback,
-            className: utils.cn(
-              "mt-1 flex w-full bg-background pl-2 pr-1 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed",
-              className,
-              isError && "border border-destructive focus-visible:outline-none"
-            ),
-            ...props,
-            id: inputId,
-            tabIndex: isDisableFocus ? -1 : 0,
-            onFocus: handleFocus,
-            onBlur: onInputBlurCallback,
-            ...hoverHandlers
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "z-10 flex items-center justify-end bg-background", children: [
-          !props.disabled && showClearIcon && /* @__PURE__ */ jsxRuntime.jsx(
-            FdButton.FdButton,
-            {
-              variant: "icon",
-              size: "icon",
-              type: "button",
-              onClick: onClearCallback,
-              tabIndex: -1,
-              className: utils.cn(
-                "w-4 transition-[transform,opacity]",
-                icons ? "mx-2 translate-y-0" : "absolute right-2 top-1/2 -translate-y-1/2",
-                !isClearIconVisible ? utils.cn(
-                  "pointer-events-none w-0 animate-fade-out",
-                  (variant ?? "float") === "float" && "-translate-y-0 opacity-0"
-                ) : "animate-fade-in"
-              ),
-              children: /* @__PURE__ */ jsxRuntime.jsx(FdIcon.FdIcon, { name: "eraser", size: "extraSmall" })
-            }
-          ),
-          label && /* @__PURE__ */ jsxRuntime.jsx(
-            FdLabelAnimation.default,
-            {
-              className: "max-w-fit",
-              label,
-              shouldAnimate: shouldLabelAnimate,
-              isParentHovered: isInputHovered,
-              isErrorStyle: isError,
-              skipAnimationOnce,
-              variant: variant ?? "float"
-            }
-          ),
-          icons && /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              id: props.id + elementSuffixes.elementSuffixes.edit,
-              ref: iconsBlockRef,
-              className: "z-10 flex h-2/3 items-center bg-background pr-2",
-              children: icons
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-__name(FdInput, "FdInput");
-FdInput.displayName = "FdInput";
-
-exports.FdInput = FdInput;
-exports.inputVariants = inputVariants;

package/packages/level2/fd-component-toolbox/input/FdInput.funcs.cjs.js

@@ -1,12 +0,0 @@
-'use strict';
-'use strict';
-
-var __defProp=Object['defineProperty'],__name=(_0x17b53f,_0x32c5d6)=>__defProp(_0x17b53f,'name',{'value':_0x32c5d6,'configurable':!![]});function AddClass(_0x281b45){_0x281b45(!![]);}__name(AddClass,'AddClass');function resetValue(_0x33cb01){_0x33cb01('');}__name(resetValue,'resetValue');const handleInputChange=__name((_0x2bc851,_0x52060c)=>{_0x52060c(_0x2bc851['target']['value']);},'handleInputChange');function onInputChange(_0x2e0763,_0x5ede05,_0x3a2d27){_0x5ede05(_0x2e0763['target']['value']),_0x3a2d27?.(_0x2e0763['target']['value']);}__name(onInputChange,'onInputChange');function onClearInput(_0x344d95,_0x25b4c2,_0x5b4796,_0x26d9b8){_0x344d95(''),_0x25b4c2(![]),_0x5b4796?.(''),_0x26d9b8?.();}__name(onClearInput,'onClearInput');function onInputBlur(_0x16a53e,_0x1af50d,_0x57ffe5){_0x1af50d(![]),_0x57ffe5(_0x16a53e);}__name(onInputBlur,'onInputBlur');function onInputFocus(_0x30bf8d,_0x132cb9){!_0x132cb9&&_0x30bf8d(!![]);}__name(onInputFocus,'onInputFocus');
-
-exports.AddClass = AddClass;
-exports.handleInputChange = handleInputChange;
-exports.onClearInput = onClearInput;
-exports.onInputBlur = onInputBlur;
-exports.onInputChange = onInputChange;
-exports.onInputFocus = onInputFocus;
-exports.resetValue = resetValue;

package/packages/level2/fd-component-toolbox/input/FdInput.funcs.js

@@ -1,4 +0,0 @@
-'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x17b53f,_0x32c5d6)=>__defProp(_0x17b53f,'name',{'value':_0x32c5d6,'configurable':!![]});function AddClass(_0x281b45){_0x281b45(!![]);}__name(AddClass,'AddClass');function resetValue(_0x33cb01){_0x33cb01('');}__name(resetValue,'resetValue');const handleInputChange=__name((_0x2bc851,_0x52060c)=>{_0x52060c(_0x2bc851['target']['value']);},'handleInputChange');function onInputChange(_0x2e0763,_0x5ede05,_0x3a2d27){_0x5ede05(_0x2e0763['target']['value']),_0x3a2d27?.(_0x2e0763['target']['value']);}__name(onInputChange,'onInputChange');function onClearInput(_0x344d95,_0x25b4c2,_0x5b4796,_0x26d9b8){_0x344d95(''),_0x25b4c2(![]),_0x5b4796?.(''),_0x26d9b8?.();}__name(onClearInput,'onClearInput');function onInputBlur(_0x16a53e,_0x1af50d,_0x57ffe5){_0x1af50d(![]),_0x57ffe5(_0x16a53e);}__name(onInputBlur,'onInputBlur');function onInputFocus(_0x30bf8d,_0x132cb9){!_0x132cb9&&_0x30bf8d(!![]);}__name(onInputFocus,'onInputFocus');
-
-export { AddClass, handleInputChange, onClearInput, onInputBlur, onInputChange, onInputFocus, resetValue };

package/packages/level2/fd-component-toolbox/input/FdInput.js

@@ -1,172 +0,0 @@
-'use strict';
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
-import { cn } from '../../fd-toolbox/lib/utils.js';
-import { FdButton } from '../button/FdButton.js';
-import { FdIcon } from '../icon/FdIcon.js';
-import FdLabelAnimation from '../animation/FdLabelAnimation.js';
-import { useHover } from '../../fd-toolbox/hooks/use-hover.js';
-import { cva } from 'class-variance-authority';
-import { onInputChange, onClearInput, onInputFocus, onInputBlur } from './FdInput.funcs.js';
-import { elementSuffixes } from '../../fd-toolbox/constants/element-suffixes.js';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const inputVariants = cva("relative flex h-8 w-full border-transparent transition", {
-  variants: {
-    variant: {
-      bordered: "rounded-md border border-input align-middle shadow-sm focus-within:border-ring",
-      float: "border-b border-border transition"
-    }
-  },
-  defaultVariants: {
-    variant: "float"
-  }
-});
-function FdInput({
-  className,
-  inputId,
-  showClearIcon,
-  value,
-  onChange,
-  onClear,
-  onBlur,
-  label,
-  skipAnimationOnce,
-  variant,
-  children: icons,
-  isDisableFocus,
-  ref,
-  ...props
-}) {
-  const isError = props["aria-invalid"] && props["aria-invalid"] !== "false";
-  const [isInFocus, setIsInFocus] = useState(false);
-  const [isHovered, setIsHovered] = useState(false);
-  const [isInputHovered, hoverHandlers] = useHover();
-  const [inputValue, setInputValue] = useState("");
-  useEffect(() => {
-    if (value) {
-      setInputValue(value);
-    } else {
-      setInputValue("");
-    }
-  }, [value]);
-  const isClearIconVisible = useMemo(
-    () => value && (isHovered || isInFocus),
-    [isHovered, value, isInFocus]
-  );
-  const onChangeCallback = useCallback(
-    (e) => {
-      onInputChange(e, setInputValue, onChange);
-    },
-    [onChange]
-  );
-  const onBlurCallback = useCallback(
-    (e) => {
-      onBlur?.(e.target.value);
-    },
-    [onBlur]
-  );
-  const onClearCallback = useCallback(() => {
-    onClearInput(setInputValue, setIsInFocus, onChange, onClear);
-  }, [onChange, onClear]);
-  const onMouseEnter = useCallback(() => {
-    setIsHovered(true);
-  }, []);
-  const onMouseLeave = useCallback(() => {
-    setIsHovered(false);
-  }, []);
-  const shouldLabelAnimate = useMemo(
-    () => !!value || !!props.defaultValue || isInFocus,
-    [value, props.defaultValue, isInFocus]
-  );
-  const iconsBlockRef = useRef(null);
-  const handleFocus = useCallback(() => {
-    onInputFocus(setIsInFocus, isDisableFocus);
-  }, [isDisableFocus, setIsInFocus]);
-  const onInputBlurCallback = useCallback(
-    (e) => {
-      onInputBlur(e, setIsInFocus, onBlurCallback);
-    },
-    [onBlurCallback]
-  );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        inputVariants({ variant }),
-        (variant ?? "float") === "float" && (isInFocus || isHovered) && "border-fd-accent"
-      ),
-      onMouseEnter,
-      onMouseLeave,
-      children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref,
-            value: inputValue,
-            onChange: onChangeCallback,
-            className: cn(
-              "mt-1 flex w-full bg-background pl-2 pr-1 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed",
-              className,
-              isError && "border border-destructive focus-visible:outline-none"
-            ),
-            ...props,
-            id: inputId,
-            tabIndex: isDisableFocus ? -1 : 0,
-            onFocus: handleFocus,
-            onBlur: onInputBlurCallback,
-            ...hoverHandlers
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "z-10 flex items-center justify-end bg-background", children: [
-          !props.disabled && showClearIcon && /* @__PURE__ */ jsx(
-            FdButton,
-            {
-              variant: "icon",
-              size: "icon",
-              type: "button",
-              onClick: onClearCallback,
-              tabIndex: -1,
-              className: cn(
-                "w-4 transition-[transform,opacity]",
-                icons ? "mx-2 translate-y-0" : "absolute right-2 top-1/2 -translate-y-1/2",
-                !isClearIconVisible ? cn(
-                  "pointer-events-none w-0 animate-fade-out",
-                  (variant ?? "float") === "float" && "-translate-y-0 opacity-0"
-                ) : "animate-fade-in"
-              ),
-              children: /* @__PURE__ */ jsx(FdIcon, { name: "eraser", size: "extraSmall" })
-            }
-          ),
-          label && /* @__PURE__ */ jsx(
-            FdLabelAnimation,
-            {
-              className: "max-w-fit",
-              label,
-              shouldAnimate: shouldLabelAnimate,
-              isParentHovered: isInputHovered,
-              isErrorStyle: isError,
-              skipAnimationOnce,
-              variant: variant ?? "float"
-            }
-          ),
-          icons && /* @__PURE__ */ jsx(
-            "div",
-            {
-              id: props.id + elementSuffixes.edit,
-              ref: iconsBlockRef,
-              className: "z-10 flex h-2/3 items-center bg-background pr-2",
-              children: icons
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-__name(FdInput, "FdInput");
-FdInput.displayName = "FdInput";
-
-export { FdInput, inputVariants };