@fiscozen/input 0.1.16 → 1.0.0-next.0

package/src/index.ts

@@ -2,3 +2,6 @@ export { default as FzInput } from "./FzInput.vue";
 export { default as FzCurrencyInput } from "./FzCurrencyInput.vue";
 
 export type * from "./types";
+
+// Utility exports
+export { sizeToEnvironmentMapping } from "./utils";

package/src/types.ts

@@ -1,143 +1,268 @@
 import { IconButtonVariant } from "@fiscozen/button";
 import { IconSize , IconVariant } from "@fiscozen/icons";
 
+export type InputEnvironment = "backoffice" | "frontoffice";
+
 type FzInputProps = {
   /**
-   * The label displayed on top of the input
+   * Text label displayed above the input field. Overridden by label slot if provided.
    */
   label?: string;
   /**
-   * The size of the input
+   * Environment determining input size and styling
+   * @default 'frontoffice'
    */
-  size?: "sm" | "md" | "lg";
+  environment?: InputEnvironment;
   /**
-   * The placeholder displayed in the input
+   * Visual size affecting height, padding, and text size
+   *
+   * @deprecated Use the 'environment' prop instead. This prop will be removed in a future version.
+   * Size values map to environments: sm/md → backoffice, lg → frontoffice
    */
-  placeholder?: string;
+  size?: "sm" | "md" | "lg";
   /**
-   * Secondary - floating like placeholder
+   * Placeholder text shown when input is empty. Behavior differs based on variant.
    */
-  secondaryPlaceholder?: string;
+  placeholder?: string;
   /**
-   * If set to true, the input is required
+   * Marks input as required. Adds asterisk to label and sets native required attribute.
+   * @default false
    */
   required?: boolean;
   /**
-   * If set to true, the input is disabled
+   * Disables input interaction and applies disabled styling
+   * @default false
    */
   disabled?: boolean;
   /**
-   * If set to true, the input is in error state
+   * Shows error state with red border and enables errorMessage slot display
+   * @default false
    */
   error?: boolean;
   /**
-   * Left icon name
+   * Font Awesome icon name displayed on the left side of input
    */
   leftIcon?: string;
   /**
-   * Left icon variant
+   * Visual style variant for left icon (solid, regular, light, etc.)
    */
   leftIconVariant?: IconVariant;
   /**
-   * Left icon button variant
+   * Button variant for left icon when rendered as clickable button
    */
   leftIconButtonVariant?: IconButtonVariant;
   /**
-   * Right icon name
+   * Accessible label for left icon when clickable. Required for screen reader accessibility.
+   */
+  leftIconAriaLabel?: string;
+  /**
+   * Font Awesome icon name displayed on the right side of input
    */
   rightIcon?: string;
   /**
-   * Right icon name
+   * Additional CSS classes applied to right icon container
+   */
+  rightIconClass?: string;
+  /**
+   * Size override for right icon. If not provided, uses input size mapping.
+   * @deprecated This prop is deprecated and will be removed in a future version.
+   * Icons now have a fixed size of "md". This prop will be ignored.
    */
   rightIconSize?: IconSize;
   /**
-   * Right icon variant
+   * Visual style variant for right icon (solid, regular, light, etc.)
    */
   rightIconVariant?: IconVariant;
   /**
-   * Right icon button vs normal icon
+   * Renders right icon as clickable button instead of static icon
+   * @default false
    */
   rightIconButton?: boolean;
   /**
-   * Right icon button variant
+   * Button variant for right icon when rightIconButton is true
+   * @default 'invisible'
    */
   rightIconButtonVariant?: IconButtonVariant;
   /**
-   * The input type
+   * Accessible label for right icon when clickable. Required for screen reader accessibility.
+   */
+  rightIconAriaLabel?: string;
+  /**
+   * Font Awesome icon name displayed as second icon on the right side of input.
+   * Priority order: secondRightIcon > rightIcon > valid
+   */
+  secondRightIcon?: string;
+  /**
+   * Additional CSS classes applied to second right icon container
+   */
+  secondRightIconClass?: string;
+  /**
+   * Visual style variant for second right icon (solid, regular, light, etc.)
+   */
+  secondRightIconVariant?: IconVariant;
+  /**
+   * Renders second right icon as clickable button instead of static icon
+   * @default false
+   */
+  secondRightIconButton?: boolean;
+  /**
+   * Button variant for second right icon when secondRightIconButton is true
+   * @default 'invisible'
+   */
+  secondRightIconButtonVariant?: IconButtonVariant;
+  /**
+   * Accessible label for second right icon when clickable. Required for screen reader accessibility.
+   */
+  secondRightIconAriaLabel?: string;
+  /**
+   * Native HTML input type. Determines keyboard layout and validation behavior
+   * @default 'text'
    */
   type?: "text" | "password" | "email" | "number" | "tel" | "url";
   /**
-   * If set to true, the input is valid
+   * Shows success checkmark icon on the right when true. Takes precedence over rightIcon
+   * @default false
    */
   valid?: boolean;
   /**
-   * Input variant
+   * Visual presentation style. 'floating-label' moves placeholder above input when focused/filled
+   * @default 'normal'
    */
   variant?: 'normal' | 'floating-label';
   /**
-   * Pattern to validate the input
+   * HTML5 pattern attribute for native browser validation
    */
   pattern?: string;
   /**
-   * Defines the textarea key in a form
+   * Native name attribute for form submission and identification
    */
   name?: string;
-
   /**
-   * native readonly input value
+   * Native readonly attribute. Prevents user input while keeping field focusable
+   * @default false
    */
   readonly?: boolean;
-
   /**
-   * native maxlength input value
+   * Native maxlength attribute. Limits maximum number of characters
    */
   maxlength?: number;
-
   /**
-   * right icon class
-   */
-  rightIconClass?: string;
-
-  /**
-   * left icon class
+   * Additional CSS classes applied to left icon container
    */
   leftIconClass?: string;
 };
 
 interface FzCurrencyInputProps
-  extends Omit<FzInputProps, "type" | "modelValue"> {
+  extends Omit<
+    FzInputProps,
+    | "type"
+    | "modelValue"
+    | "rightIcon"
+    | "rightIconSize"
+    | "rightIconVariant"
+    | "rightIconButton"
+    | "rightIconButtonVariant"
+    | "rightIconAriaLabel"
+    | "rightIconClass"
+    | "secondRightIcon"
+    | "secondRightIconClass"
+    | "secondRightIconVariant"
+    | "secondRightIconButton"
+    | "secondRightIconButtonVariant"
+    | "secondRightIconAriaLabel"
+  > {
+  /**
+   * The v-model value.
+   * 
+   * **Type assertion**: This prop accepts `number | string | undefined | null` as input,
+   * but the component **always emits** `number | undefined | null` (never `string`).
+   * Strings are automatically parsed (Italian format: "1.234,56" → 1234.56) and converted
+   * to numbers internally.
+   * 
+   * **nullOnEmpty**: When `nullOnEmpty` is `true`, empty input emits `null` instead of `undefined`.
+   * 
+   * **Deprecation**: String values are deprecated and will be removed in a future version.
+   * A console warning is shown when strings are used. Please use `number | undefined | null` instead
+   * for type safety and future compatibility.
+   * 
+   * @example
+   * ```vue
+   * <!-- ✅ Recommended: number | undefined | null -->
+   * <script setup>
+   * const amount = ref<number | undefined>(undefined);
+   * </script>
+   * <template>
+   *   <FzCurrencyInput v-model="amount" />
+   * </template>
+   * 
+   * <!-- ✅ With nullOnEmpty: number | null -->
+   * <script setup>
+   * const amount = ref<number | null>(null);
+   * </script>
+   * <template>
+   *   <FzCurrencyInput v-model="amount" :nullOnEmpty="true" />
+   * </template>
+   * 
+   * <!-- ⚠️ Deprecated: string (still works but shows warning) -->
+   * <script setup>
+   * const amount = ref<string>("1234,56");
+   * </script>
+   * <template>
+   *   <FzCurrencyInput v-model="amount" />
+   * </template>
+   * ```
+   */
+  modelValue?: number | string | undefined | null;
   /**
-   * Is set to true, an empty string will be casted to null
+   * Converts empty input to null instead of undefined.
+   * When true, empty input (v-model undefined) will emit null instead of undefined.
+   * @default false
    */
   nullOnEmpty?: boolean;
   /**
-   * Minimum number of decimal places allowed, set null to allow arbitrary decimal values length
-   * note that limits from Intl.NumberFormat still apply
-   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#digit_options
+   * Converts empty input to 0 instead of undefined.
+   * When true, empty input (v-model undefined) will emit 0 instead of undefined.
+   * @default false
+   */
+  zeroOnEmpty?: boolean;
+  /**
+   * Minimum decimal places in formatted output
+   * @default 2
+   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#digit_options
    */
   minimumFractionDigits?: number;
   /**
-   * Maximum number of decimal places allowed, set null to allow arbitrary decimal values length
-   * note that limits from Intl.NumberFormat still apply
-   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#digit_options
+   * Maximum decimal places in formatted output
+   * @default 2
+   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#digit_options
    */
   maximumFractionDigits?: number;
   /**
-   * Minimum number value
+   * Minimum allowed value. Values below this are clamped to min
    */
   min?: number;
   /**
-   * Maximum number value
+   * Maximum allowed value. Values above this are clamped to max
    */
   max?: number;
   /**
-   * Quantized step
+   * Step increment for arrow buttons. When forceStep is true, values are rounded to nearest step multiple
+   * @default 1
    */
   step?: number;
   /**
-   * Allow only mutiples of step
+   * Enforces quantization: values are automatically rounded to nearest step multiple
+   * @default false
    */
   forceStep?: boolean;
+  /**
+   * Custom accessible label for step up button. If not provided, uses default label.
+   */
+  stepUpAriaLabel?: string;
+  /**
+   * Custom accessible label for step down button. If not provided, uses default label.
+   */
+  stepDownAriaLabel?: string;
 }
 
 export { FzInputProps, FzCurrencyInputProps };

package/src/useInputStyle.ts

@@ -1,71 +1,129 @@
-import { computed, ToRefs, Ref } from "vue";
-import { FzInputProps } from "./types";
+import { computed, ToRefs, Ref, ComputedRef } from "vue";
+import { FzInputProps, type InputEnvironment } from "./types";
 
+/**
+ * Composable for managing FzInput component styles and computed classes
+ *
+ * Handles dynamic styling based on props, environment, variant, and state.
+ * Returns computed classes for container, label, input, help text, and error messages.
+ *
+ * @param props - Reactive props from FzInput component
+ * @param container - Reference to container DOM element
+ * @param model - Reactive model value (string | undefined)
+ * @param effectiveEnvironment - Computed effective environment (backoffice | frontoffice)
+ * @param isFocused - Reactive flag indicating if input is focused
+ * @returns Object containing computed classes and style-related properties
+ */
 export default function useInputStyle(
   props: ToRefs<FzInputProps>,
   container: Ref<HTMLElement | null>,
-  model: Ref<string>
+  model: Ref<string | undefined>,
+  effectiveEnvironment: ComputedRef<InputEnvironment>,
+  isFocused: Ref<boolean>
 ) {
   const containerWidth = computed(() =>
     container.value ? `${container.value.clientWidth}px` : "auto",
   );
 
-  const mapContainerClass = {
-    sm: "h-28 text-sm",
-    md: "h-32 text-base",
-    lg: "h-40 text-lg",
+  const mapContainerClass: Record<InputEnvironment, string> = {
+    backoffice: "h-32",
+    frontoffice: "h-44",
   };
 
-  const staticContainerClass = `flex justify-between w-full items-center px-10 border-1 rounded gap-8 text-left has-[:focus]:border-blue-600 relative`;
+  // Common styles: padding 10px, border-radius 4px, border 1px solid grey-300, background white, color black
+  const staticContainerClass = `flex justify-between w-full items-center pl-[10px] pr-[10px] rounded border-1 gap-8 text-left relative outline-none`;
 
-  const computedContainerClass = computed(() => [
-    props.variant?.value === 'normal' ? mapContainerClass[props.size?.value!] : 'h-40 pr-6',
-    evaluateProps(),
-  ]);
+  const computedContainerClass = computed(() => {
+    const env = effectiveEnvironment.value;
+    return [
+      props.variant?.value === 'normal' ? mapContainerClass[env] : mapContainerClass.frontoffice,
+      evaluateProps(),
+    ];
+  });
 
   const computedLabelClass = computed(() => [
-    props.disabled?.value ? "text-grey-300" : "text-core-black",
+    "font-normal text-base",
+    (props.disabled?.value || props.readonly?.value) ? "text-grey-300" : "text-core-black",
   ]);
 
-  const staticInputClass = `peer w-full bg-transparent border-0 focus:outline-none cursor-[inherit] focus:ring-0 truncate`;
+  // Input styles: transparent background (inherits from container), no border, placeholder color grey-300
+  const staticInputClass = `peer w-full bg-transparent border-0 outline-none focus:outline-none cursor-[inherit] focus:ring-0 truncate placeholder:text-grey-300 font-normal text-base`;
 
-  const textSizeMap = {
-    xl: 'text-lg',
-    lg: 'text-base',
-    md: 'text-sm',
-    sm: 'text-xs'
-  }
+  // Input text size: 16px for both environments (as per design specs)
+  const textSizeMap: Record<InputEnvironment, string> = {
+    backoffice: 'text-base',
+    frontoffice: 'text-base',
+  };
 
+  /**
+   * Determines when to show the normal placeholder inside the input.
+   * 
+   * For floating-label variant:
+   * - Shows placeholder inside input only when input is empty AND not focused
+   * - When focused or has value, placeholder "floats" above as <span>
+   * 
+   * For normal variant:
+   * - Always shows placeholder inside input
+   */
   const showNormalPlaceholder = computed(() => {
-    return !(props.variant?.value === 'floating-label') ||
-    ((props.variant?.value === 'floating-label') && !model.value)
+    if (props.variant?.value !== 'floating-label') {
+      return true; // Normal variant: always show placeholder inside
+    }
+    // Floating-label variant: show placeholder inside only when empty AND not focused
+    return !model.value && !isFocused.value;
   });
 
-  const computedInputClass = computed(() => [
-    props.variant?.value === 'floating-label' ? textSizeMap[props.size?.value] : '',
-  ]);
+  const computedInputClass = computed(() => {
+    const env = effectiveEnvironment.value;
+    if (props.variant?.value === 'floating-label') {
+      return [textSizeMap[env]];
+    }
+    return [];
+  });
 
+  // Help text styles: Inter, 16px, normal, 400, line-height 20px (125%), color grey-500
   const computedHelpClass = computed(() => [
-    props.size?.value === "sm" ? "text-xs" : "",
-    props.size?.value === "md" ? "text-sm" : "",
-    props.size?.value === "lg" ? "text-base" : "",
-    props.disabled?.value ? "text-grey-300" : "text-grey-500",
+    "font-normal text-base",
+    (props.disabled?.value || props.readonly?.value) ? "text-grey-300" : "text-grey-500",
   ]);
+
+  // Error text styles: same as helpText (Inter, 16px, normal, 400, line-height 20px) but with core-black color
   const computedErrorClass = computed(() => [
-    props.size?.value === "sm" ? "text-xs" : "",
-    props.size?.value === "md" ? "text-sm" : "",
-    props.size?.value === "lg" ? "text-base" : "",
-    props.disabled?.value ? "text-grey-300" : "text-core-black",
+    "font-normal text-base",
+    (props.disabled?.value || props.readonly?.value) ? "text-grey-300" : "text-core-black",
   ]);
 
+  /**
+   * Helper functions to identify UI states.
+   * 
+   * These functions explicitly describe when each UI representation should be applied,
+   * making the component logic more declarative and maintainable.
+   * Priority order: error (highest) > disabled/readonly > default
+   */
+  const isError = (p: typeof props) => !!p.error?.value;
+  const isDisabled = (p: typeof props) => !!p.disabled?.value || !!p.readonly?.value;
+  const isDefault = (p: typeof props) => !p.error?.value && !p.disabled?.value && !p.readonly?.value;
+
+  /**
+   * Evaluates container styles based on props with priority order:
+   * 1. error (highest priority)
+   * 2. disabled/readonly (same styling)
+   * 3. default
+   * 
+   * Focus states are handled separately:
+   * - error+focus: border-semantic-error-300
+   * - default+focus: border-blue-600
+   */
   const evaluateProps = () => {
     switch (true) {
-      case props.disabled?.value:
+      case isError(props):
+        return "border-semantic-error-200 has-[:focus]:border-semantic-error-300 bg-core-white text-core-black cursor-text";
+      
+      case isDisabled(props):
         return "bg-grey-100 border-grey-100 text-grey-300 cursor-not-allowed";
-      case props.error?.value:
-        return "border-semantic-error bg-white text-core-black cursor-text";
-      default:
-        return "border-grey-300 bg-white text-core-black cursor-text";
+      
+      case isDefault(props):
+        return "border-grey-300 has-[:focus]:border-blue-600 bg-core-white text-core-black cursor-text";
     }
   };
 

package/src/utils.ts

@@ -0,0 +1,64 @@
+/**
+ * Utility functions for the Fiscozen Input component library.
+ * 
+ * @module @fiscozen/input/utils
+ */
+
+import type { InputEnvironment } from "./types";
+
+type InputSize = "sm" | "md" | "lg";
+
+/**
+ * Maps deprecated InputSize to InputEnvironment
+ * 
+ * Used for backward compatibility when size prop is provided instead of environment.
+ * Size values map to environments: sm/md → backoffice, lg → frontoffice
+ */
+export const sizeToEnvironmentMapping: Record<InputSize, InputEnvironment> = {
+  sm: "backoffice",
+  md: "backoffice",
+  lg: "frontoffice",
+};
+
+/**
+ * Internal helper function to generate unique IDs with a given prefix.
+ *
+ * The ID is composed of:
+ * - Prefix string (e.g., "fz-input")
+ * - Obfuscated timestamp (Date.now() - epoch offset)
+ * - Random alphanumeric suffix (5 characters)
+ *
+ * This strategy ensures uniqueness through:
+ * - Different timestamps for components created at different times
+ * - Random suffix prevents collisions within the same millisecond
+ * - Stateless generation (no global counters to manage)
+ *
+ * @param prefix - The prefix to use for the generated ID
+ * @returns Unique ID with the specified prefix
+ *
+ * @internal
+ *
+ * @example
+ * generateId("fz-input") // "fz-input-97123456-a8d3k"
+ */
+function generateId(prefix: string): string {
+  // Obfuscate timestamp (Sept 13, 2020 offset) for shorter IDs
+  const timestamp = Date.now() - 1600000000000;
+  // Generate 5-char random alphanumeric suffix (base36: 0-9, a-z)
+  const random = Math.random().toString(36).slice(2, 7);
+  return `${prefix}-${timestamp}-${random}`;
+}
+
+/**
+ * Generates a unique ID for input components.
+ *
+ * @returns Unique input ID with "fz-input" prefix
+ *
+ * @example
+ * generateInputId() // "fz-input-97123456-a8d3k"
+ * generateInputId() // "fz-input-97123457-k2m9p"
+ */
+export function generateInputId(): string {
+  return generateId("fz-input");
+}
+

package/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"program":{"fileNames":["../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es5.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2016.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2017.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2018.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2019.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.dom.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.dom.iterable.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.core.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.collection.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.generator.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.promise.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2017.date.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2017.object.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2017.string.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2017.intl.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2018.intl.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2018.promise.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2019.array.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2019.object.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2019.string.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2019.intl.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.date.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.promise.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.string.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.intl.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.es2020.number.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.decorators.d.ts","../../node_modules/.pnpm/typescript@5.3.3/node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../node_modules/.pnpm/@vue+shared@3.5.13/node_modules/@vue/shared/dist/shared.d.ts","../../node_modules/.pnpm/@vue+reactivity@3.5.13/node_modules/@vue/reactivity/dist/reactivity.d.ts","../../node_modules/.pnpm/@vue+runtime-core@3.5.13/node_modules/@vue/runtime-core/dist/runtime-core.d.ts","../../node_modules/.pnpm/csstype@3.1.3/node_modules/csstype/index.d.ts","../../node_modules/.pnpm/@vue+runtime-dom@3.5.13/node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts","../../node_modules/.pnpm/vue@3.5.13_typescript@5.3.3/node_modules/vue/jsx-runtime/index.d.ts","../../node_modules/.pnpm/@babel+types@7.26.9/node_modules/@babel/types/lib/index.d.ts","../../node_modules/.pnpm/@babel+parser@7.26.9/node_modules/@babel/parser/typings/babel-parser.d.ts","../../node_modules/.pnpm/@vue+compiler-core@3.5.13/node_modules/@vue/compiler-core/dist/compiler-core.d.ts","../../node_modules/.pnpm/@vue+compiler-dom@3.5.13/node_modules/@vue/compiler-dom/dist/compiler-dom.d.ts","../../node_modules/.pnpm/vue@3.5.13_typescript@5.3.3/node_modules/vue/dist/vue.d.mts","../../node_modules/.pnpm/vue@3.5.13_typescript@5.9.3/node_modules/vue/jsx-runtime/index.d.ts","../../node_modules/.pnpm/vue@3.5.13_typescript@5.9.3/node_modules/vue/dist/vue.d.mts","../../node_modules/.pnpm/@fortawesome+fontawesome-common-types@6.7.2/node_modules/@fortawesome/fontawesome-common-types/index.d.ts","../../node_modules/.pnpm/@fortawesome+fontawesome-svg-core@6.7.2/node_modules/@fortawesome/fontawesome-svg-core/index.d.ts","../../node_modules/.pnpm/@awesome.me+kit-8137893ad3@1.0.394/node_modules/@awesome.me/kit-8137893ad3/icons/modules/icon-types.ts","../../node_modules/.pnpm/@awesome.me+kit-8137893ad3@1.0.394/node_modules/@awesome.me/kit-8137893ad3/icons/modules/index.d.ts","../../node_modules/.pnpm/@fortawesome+vue-fontawesome@3.1.1_@fortawesome+fontawesome-svg-core@6.7.2_vue@3.5.13_typescript@5.9.3_/node_modules/@fortawesome/vue-fontawesome/index.d.ts","../icons/src/types.ts","../icons/src/fzicon.vue.ts","../icons/src/index.ts","../button/src/types.ts","../button/src/utils.ts","../button/src/fzbutton.vue.ts","../button/src/fziconbutton.vue.ts","../composables/src/types.ts","../composables/src/utils/number/index.ts","../composables/src/utils/position/index.ts","../composables/src/utils/index.ts","../composables/src/composables/usefloating.ts","../composables/src/composables/usemediaquery.ts","../composables/src/composables/usebreakpoints.ts","../composables/src/composables/useclickoutside.ts","../composables/src/composables/usekeydown.ts","../composables/src/composables/usekeyup.ts","../composables/src/composables/usecurrency.ts","../composables/src/composables/index.ts","../style/src/custom-directives/validation.ts","../style/src/custom-directives/config.ts","../style/src/custom-directives/vbold.ts","../style/tokens.json","../style/safe-colors.json","../style/safe-semantic-colors.json","../style/src/custom-directives/vcolor.ts","../style/src/custom-directives/vsmall.ts","../style/src/custom-directives/index.ts","../style/src/constants.ts","../style/src/index.ts","../composables/src/fzfloating.vue.ts","../composables/src/index.ts","../container/src/types.ts","../container/src/fzcontainer.vue.ts","../container/src/index.ts","../button/src/fzbuttongroup.vue.ts","../button/src/index.ts","./src/types.ts","./src/useinputstyle.ts","./src/utils.ts","./src/fzinput.vue.ts","./src/fzcurrencyinput.vue.ts","./__vls_types.d.ts","./dist/src/types.d.ts","./dist/src/fzinput.vue.d.ts","./dist/src/fzcurrencyinput.vue.d.ts","./dist/src/utils.d.ts","./dist/src/index.d.ts","./dist/index.d.ts","./dist/src/useinputstyle.d.ts","./src/index.ts"],"fileInfos":[{"version":"0","affectsGlobalScope":true},"0","0","0","0","0","0",{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},{"version":"0","affectsGlobalScope":true},"0","0",{"version":"0","affectsGlobalScope":true},"0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0",{"version":"0","affectsGlobalScope":true},"0","0","0","0","0","0","0","0"],"root":[[101,114]],"options":{"composite":true,"esModuleInterop":true,"jsx":1,"jsxImportSource":"vue","module":99,"noImplicitThis":true,"skipLibCheck":true,"strict":true,"target":99,"useDefineForClassFields":true},"fileIdsList":[[51,59],[61],[52],[59],[56,60],[46,52,53],[54],[46],[46,47,48,50],[47,48,49,50],[50,55],[50],[51,56,66,67,68],[51,56,67,68,93,95,98],[51,56,67,68,69],[51,67,69,70,99],[51,66],[51,56,67,69],[51,75,76,77,78,79,80,81],[51,76],[51,56],[51,71,74],[51,56,71,74],[51,56,71,82,93],[51,71,74,82,94],[51,72,73],[51],[51,71],[51,56,96],[51,96,97],[51,56,62,63,64],[51,56,60,62,64,65],[111],[56,64,100,107],[107,108,109,110],[66,100],[56,107],[107],[51,56,66,95,101,104],[51,56,66,100,101,102,103],[51,101,103,104,105],[51,66,100],[51,56,101],[51,101],[51,86],[51,83],[51,83,84,85,89,90],[51,56,83,84],[51,56,83,84,86,87,88],[51,56,91,92],[51,67],[51,66,67],[51,71,74,82],[51,96],[51,56,60,64],[51,56,92]],"referencedMap":[[61,1],[62,2],[53,3],[60,4],[63,5],[54,6],[55,7],[47,8],[48,9],[50,10],[56,11],[51,12],[58,11],[57,12],[69,13],[99,14],[70,15],[100,16],[67,17],[68,18],[82,19],[77,20],[78,21],[81,22],[75,23],[79,21],[80,21],[76,21],[94,24],[95,25],[71,21],[74,26],[72,27],[73,28],[97,29],[98,30],[96,27],[65,31],[66,32],[64,27],[106,21],[112,33],[109,34],[108,34],[111,35],[107,36],[113,37],[110,38],[105,39],[104,40],[114,41],[101,42],[102,43],[103,44],[92,45],[84,46],[91,47],[83,21],[85,48],[89,49],[90,48],[93,50]],"exportedModulesMap":[[61,1],[62,2],[53,3],[60,4],[63,5],[54,6],[55,7],[47,8],[48,9],[50,10],[56,11],[51,12],[58,11],[57,12],[69,13],[99,14],[70,15],[100,51],[67,27],[68,52],[82,19],[77,20],[78,21],[81,23],[75,23],[79,21],[80,21],[76,21],[94,24],[95,53],[71,21],[74,26],[72,28],[73,28],[97,29],[98,54],[96,27],[65,31],[66,55],[64,27],[106,21],[112,21],[109,21],[108,21],[111,21],[107,21],[113,21],[110,21],[105,39],[104,40],[114,21],[101,42],[102,43],[103,44],[92,45],[84,46],[91,47],[83,21],[85,48],[89,49],[90,48],[93,56]],"semanticDiagnosticsPerFile":[61,62,53,52,59,60,63,54,55,47,48,50,46,49,44,45,8,9,11,10,2,12,13,14,15,16,17,18,19,3,4,20,24,21,22,23,25,26,27,5,28,29,30,31,6,35,32,33,34,36,7,37,42,43,38,39,40,41,1,56,51,58,57,69,99,70,100,67,68,82,77,78,81,75,79,80,76,94,95,71,74,72,73,97,98,96,65,66,64,106,112,109,108,111,107,113,110,105,104,114,101,102,103,87,88,92,84,91,83,85,89,90,93,86],"affectedFilesPendingEmit":[105,104,114,101,102,103],"emitSignatures":[101,102,103,104,105]},"version":"5.3.3"}