kelt-ui-kit-react 1.8.1 → 1.8.3

package/src/select/Select.tsx

@@ -1,5 +1,7 @@
-import { useCallback, useRef } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { Icon } from "../icon/Icon";
+
+import { OverlayPanel } from "../overlayPanel/OverlayPanel";
 import "./select.css";
 import { SelectOptionInterface } from "./selectOption.interface";
 
@@ -11,6 +13,8 @@ export interface SelectProps {
   name?: string;
   defaultValue?: string | string[];
   multiple?: boolean;
+  showOptions?: boolean;
+  usePortal?: boolean;
   required?: boolean;
   value?: string | string[];
   className?: string;
@@ -18,6 +22,7 @@ export interface SelectProps {
   onChangeMultiple?: (value: string[]) => void;
   onChange?: (value: string) => void;
   placeholder?: string;
+  classNameOverlay?: string;
 }
 
 export const Select = ({
@@ -27,38 +32,92 @@ export const Select = ({
   className,
   disabled,
   multiple = false,
-  required = false,
+  showOptions = false,
   defaultValue,
-  name,
+  usePortal = false,
   onChange,
   onChangeMultiple,
   value,
   placeholder,
+  classNameOverlay,
 }: SelectProps): JSX.Element => {
-  const inputRefs = useRef<{ [key: string]: HTMLSelectElement | null }>({});
+  const [showOverlay, setShowOverlay] = useState(false);
+  const [overlayRef, setOverlayRef] = useState<HTMLElement | null>(null);
+  const triggerRef = useRef<HTMLButtonElement | null>(null);
+  const hasAutoOpened = useRef(false);
+  const optionsListRef = useRef<HTMLDivElement | null>(null);
 
-  const handleChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
-    let selectedValue: string | string[];
-    if (multiple) {
-      selectedValue = Array.from(
-        event.target.selectedOptions,
-        (opt) => opt.value
+  useEffect(() => {
+    if (!showOverlay) return;
+    const timer = setTimeout(() => {
+      const container = optionsListRef.current;
+      if (!container) return;
+      const selected = container.querySelector<HTMLElement>(
+        ".select-overlay-option.selected",
       );
+      selected?.scrollIntoView({ block: "nearest" });
+    }, 0);
+    return () => clearTimeout(timer);
+  }, [showOverlay]);
+  const selectedValues = Array.isArray(value)
+    ? value
+    : value
+      ? [value]
+      : defaultValue
+        ? Array.isArray(defaultValue)
+          ? defaultValue
+          : [defaultValue]
+        : [];
+
+  const getDisplayValue = () => {
+    if (selectedValues.length === 0) return placeholder || "";
+    if (multiple) {
+      const labels = selectedValues
+        .map((v) => options.find((opt) => opt.value === v)?.label)
+        .filter((l): l is string => !!l);
+      return labels.join(", ");
+    }
+    const selected = options.find((opt) => opt.value === selectedValues[0]);
+    return selected?.label || "";
+  };
+
+  const handleOptionClick = (optionValue: string) => {
+    if (multiple) {
+      const newValues = selectedValues.includes(optionValue)
+        ? selectedValues.filter((v) => v !== optionValue)
+        : [...selectedValues, optionValue];
       if (onChangeMultiple) {
-        onChangeMultiple(selectedValue as string[]);
+        onChangeMultiple(newValues);
       }
     } else {
-      selectedValue = event.target.value;
       if (onChange) {
-        onChange(selectedValue);
+        onChange(optionValue);
       }
+      setShowOverlay(false);
     }
   };
+
   const resetValue = useCallback(() => {
-    if (onChange) {
+    if (multiple && onChangeMultiple) {
+      onChangeMultiple([]);
+    } else if (onChange) {
       onChange("");
     }
-  }, [onChange]);
+  }, [onChange, onChangeMultiple, multiple]);
+
+  useEffect(() => {
+    if (
+      showOptions &&
+      !disabled &&
+      !hasAutoOpened.current &&
+      triggerRef.current
+    ) {
+      setOverlayRef(triggerRef.current);
+      setShowOverlay(true);
+      hasAutoOpened.current = true;
+    }
+  }, [showOptions, disabled]);
+
   return (
     <div id={id} className={`select-container ${className ? className : ""}`}>
       {label && (
@@ -66,36 +125,73 @@ export const Select = ({
           {label}
         </label>
       )}
-      <select
-        defaultValue=""
-        required={required}
-        name={name}
-        disabled={disabled}
+      <button
+        ref={triggerRef}
         id={`select-${id}`}
-        className="select-container-select"
-        value={value ?? defaultValue ?? (multiple ? [] : "")}
-        onChange={handleChange}
-        multiple={multiple}
-        ref={(el) => (inputRefs.current[id ?? "select"] = el)}
+        disabled={disabled}
+        className="select-container-button"
+        onClick={(e) => {
+          setOverlayRef(e.currentTarget as HTMLElement);
+          setShowOverlay(true);
+        }}
+        type="button"
+        aria-valuetext={getDisplayValue() || placeholder}
+        aria-haspopup="listbox"
+        aria-expanded={showOverlay}
       >
-        {placeholder && !defaultValue && !multiple && (
-          <option selected disabled hidden value="">
-            {placeholder}
-          </option>
-        )}
-        {options.map((option, index) => (
-          <option key={index} value={option.value}>
-            {option.label}
-          </option>
-        ))}
-      </select>
-      {value !== "" && placeholder && (
+        <span className="select-container-value">
+          {getDisplayValue() || (
+            <span className="placeholder">{placeholder}</span>
+          )}
+        </span>
+      </button>
+
+      {showOverlay && overlayRef && (
+        <OverlayPanel
+          show={showOverlay}
+          position="bottomLeft"
+          className={classNameOverlay ?? ""}
+          closeOverlay={() => setShowOverlay(false)}
+          referenceElement={overlayRef}
+          usePortal={usePortal}
+          children={
+            <div className="select-overlay-options" ref={optionsListRef}>
+              {options.map((option) => (
+                <div
+                  key={option.value}
+                  aria-valuetext={option.label}
+                  className={`select-overlay-option ${option.disabled ? "disabled" : ""}  ${
+                    selectedValues.includes(option.value) ? "selected" : ""
+                  }`}
+                  onClick={() =>
+                    !option.disabled && handleOptionClick(option.value)
+                  }
+                  role="option"
+                  aria-selected={selectedValues.includes(option.value)}
+                >
+                  {multiple && (
+                    <input
+                      type="checkbox"
+                      checked={selectedValues.includes(option.value)}
+                      readOnly
+                      className="select-overlay-checkbox"
+                    />
+                  )}
+                  <span>{option.label}</span>
+                </div>
+              ))}
+            </div>
+          }
+        />
+      )}
+
+      {selectedValues.length > 0 && placeholder && (
         <div
           className="clear-btn"
           onClick={resetValue}
           aria-label="Réinitialiser"
         >
-          <Icon classIcon="bi-x" />
+          <Icon classIcon="bi-x-circle" />
         </div>
       )}
     </div>

package/src/select/select.css

@@ -1,5 +1,6 @@
 .select-container {
   position: relative;
+
   &::after,
   &::before {
     --size: 0.3rem;
@@ -8,23 +9,19 @@
     right: 1rem;
     pointer-events: none;
   }
-  select:has(option[value=""]:checked) {
-    color: gray;
-  }
-  option {
-    color: #000;
-  }
+
   .clear-btn {
     position: absolute;
-    top: 2px;
+    top: 50%;
+    transform: translateY(-50%);
     display: flex;
     align-items: center;
     z-index: 2;
     justify-content: center;
-    bottom: 0;
-    right: 30px;
+    right: 10px;
     cursor: pointer;
   }
+
   &::before {
     border-left: var(--size) solid transparent;
     border-right: var(--size) solid transparent;
@@ -38,15 +35,18 @@
     border-top: var(--size) solid black;
     top: 55%;
   }
+
   .select-container-label {
     font-weight: bold;
     color: #333;
     margin-bottom: 2px;
+    display: block;
   }
-  .select-container-select {
+
+  .select-container-button {
     appearance: none;
     width: 100%;
-    font-size: 1rem;
+    font-size: 0.8rem;
     padding: 0.5rem 1rem;
     margin: 0.25rem 0;
     background-color: #fff;
@@ -54,16 +54,67 @@
     border-radius: 0.25rem;
     color: #000;
     cursor: pointer;
-    font-size: 0.8rem;
+    text-align: left;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-right: 2rem;
+
+    .select-container-value {
+      flex: 1;
+
+      .placeholder {
+        color: gray;
+      }
+    }
+
     &:disabled {
       background-color: #e9ecef;
       color: #6c757d;
       cursor: not-allowed;
     }
+
     &:focus {
-      border-color: #007bff;
       outline: none;
       background-color: #fff;
     }
+
+
+  }
+
+  .select-overlay-options {
+    display: flex;
+    flex-direction: column;
+    max-height: 300px;
+    overflow-y: auto;
+    padding: 0.5rem 0;
+    background-color: #fff;
+    border: 1px solid #b2a1a1;
+    border-radius: 0.25rem;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+
+    .select-overlay-option {
+      padding: 0.5rem 1rem;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      user-select: none;
+
+      .select-overlay-checkbox {
+        min-width: 20px;
+        width: 20px;
+        cursor: pointer;
+      }
+
+      &:hover {
+        background-color: #f0f0f0;
+      }
+
+      &.selected {
+        background-color: #e7f3ff;
+        color: #007bff;
+      }
+    }
   }
-}
+}

package/src/select/selectOption.interface.ts

@@ -1,4 +1,5 @@
 export interface SelectOptionInterface {
   value: string;
   label: string;
+  disabled?: boolean;
 }

package/src/sidebar/Sidebar.tsx

@@ -62,7 +62,7 @@ export const Sidebar = ({
   }, [onClose]);
 
   const handleClickOutside = useCallback(
-    (event: MouseEvent | TouchEvent) => {
+    (event: MouseEvent) => {
       if (!closeOnClickOutside) return;
       if (
         sidebarRef.current &&
@@ -96,28 +96,15 @@ export const Sidebar = ({
     [isOpen, toggleSidebar],
   );
 
-  const handleOverlayTouchEnd = useCallback(
-    (event: React.TouchEvent) => {
-      event.preventDefault();
-      toggleSidebar();
-    },
-    [toggleSidebar],
-  );
-
   useEffect(() => {
     if (isOpen) {
       document.addEventListener("mousedown", handleClickOutside);
-      document.addEventListener("touchstart", handleClickOutside, {
-        passive: true,
-      });
     } else {
       document.removeEventListener("mousedown", handleClickOutside);
-      document.removeEventListener("touchstart", handleClickOutside);
     }
 
     return () => {
       document.removeEventListener("mousedown", handleClickOutside);
-      document.removeEventListener("touchstart", handleClickOutside);
     };
   }, [isOpen, handleClickOutside]);
 
@@ -127,13 +114,7 @@ export const Sidebar = ({
 
   return ReactDOM.createPortal(
     <>
-      {isOpen && displayOverlay && (
-        <div
-          className="overlay"
-          onClick={toggleSidebar}
-          onTouchEnd={handleOverlayTouchEnd}
-        ></div>
-      )}
+      {isOpen && displayOverlay && <div className="overlay"></div>}
       <div
         ref={sidebarRef}
         style={width ? { width: width } : {}}

package/src/sidebar/sidebar.css

@@ -1,12 +1,3 @@
-.overlay {
-  touch-action: none;
-}
-
-.toggle-btn {
-  -webkit-tap-highlight-color: transparent;
-  touch-action: manipulation;
-}
-
 .sidebar {
   width: 200px;
   height: 100vh;
@@ -19,8 +10,6 @@
   transform: translateX(0);
   z-index: 2;
 
-
-
   &:not(.full) {
     inset: 0;
   }
@@ -95,4 +84,4 @@
       width: 40vw;
     }
   }
-}
+}

package/src/tabs/Tabs.tsx

@@ -15,6 +15,7 @@ export type TabsProps = {
   className?: string;
   tabClassName?: string;
   panelClassName?: string;
+  keepMountedVisited?: boolean;
 };
 
 export const Tabs = ({
@@ -25,9 +26,13 @@ export const Tabs = ({
   className = "",
   tabClassName = "",
   panelClassName = "",
+  keepMountedVisited = false,
 }: TabsProps) => {
   const isControlled = typeof index === "number";
   const [active, setActive] = useState<number>(defaultIndex);
+  const [visitedTabs, setVisitedTabs] = useState<Set<number>>(
+    () => new Set([defaultIndex]),
+  );
   const current = isControlled ? (index as number) : active;
 
   useEffect(() => {
@@ -37,6 +42,18 @@ export const Tabs = ({
     }
   }, [defaultIndex, items.length, isControlled]);
 
+  useEffect(() => {
+    setVisitedTabs((prev) => {
+      if (prev.has(current)) {
+        return prev;
+      }
+
+      const next = new Set(prev);
+      next.add(current);
+      return next;
+    });
+  }, [current]);
+
   const tabsRef = useRef<Array<HTMLButtonElement | null>>([]);
 
   const activate = (next: number) => {
@@ -82,7 +99,8 @@ export const Tabs = ({
           hidden={current !== i}
           className={`${panelClassName} mt-3`}
         >
-          {current === i && t.panel}
+          {(current === i || (keepMountedVisited && visitedTabs.has(i))) &&
+            t.panel}
         </div>
       ))}
     </div>

package/vite.config.ts.timestamp-1757847121745-e5a5bf54b81b.mjs

@@ -1,28 +1,28 @@
-// vite.config.ts
-import { defineConfig } from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite/dist/node/index.js";
-import checker from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite-plugin-checker/dist/esm/main.js";
-import dts from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite-plugin-dts/dist/index.mjs";
-var vite_config_default = defineConfig({
-  plugins: [dts(), checker({ typescript: true })],
-  server: {
-    port: 2552
-    // Remplace 3000 par le port souhaité
-  },
-  build: {
-    lib: {
-      entry: "./src/index.ts",
-      // Remplacer par l'entrée correcte
-      formats: ["es"],
-      // Génère un module ES
-      name: "kelt-ui-kit-react",
-      fileName: "index"
-    },
-    rollupOptions: {
-      external: ["react", "react-dom"]
-    }
-  }
-});
-export {
-  vite_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxsYXVsYXV0dGVcXFxcdHJhdmFpbFxcXFxrZWx0XFxcXHVpLWtpdC1yZWFjdFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiQzpcXFxcVXNlcnNcXFxcbGF1bGF1dHRlXFxcXHRyYXZhaWxcXFxca2VsdFxcXFx1aS1raXQtcmVhY3RcXFxcdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0M6L1VzZXJzL2xhdWxhdXR0ZS90cmF2YWlsL2tlbHQvdWkta2l0LXJlYWN0L3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSBcInZpdGVcIjtcclxuaW1wb3J0IGNoZWNrZXIgZnJvbSBcInZpdGUtcGx1Z2luLWNoZWNrZXJcIjtcclxuaW1wb3J0IGR0cyBmcm9tIFwidml0ZS1wbHVnaW4tZHRzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XHJcbiAgcGx1Z2luczogW2R0cygpLCBjaGVja2VyKHsgdHlwZXNjcmlwdDogdHJ1ZSB9KV0sXHJcbiAgc2VydmVyOiB7XHJcbiAgICBwb3J0OiAyNTUyLCAvLyBSZW1wbGFjZSAzMDAwIHBhciBsZSBwb3J0IHNvdWhhaXRcdTAwRTlcclxuICB9LFxyXG4gIGJ1aWxkOiB7XHJcbiAgICBsaWI6IHtcclxuICAgICAgZW50cnk6IFwiLi9zcmMvaW5kZXgudHNcIiwgLy8gUmVtcGxhY2VyIHBhciBsJ2VudHJcdTAwRTllIGNvcnJlY3RlXHJcbiAgICAgIGZvcm1hdHM6IFtcImVzXCJdLCAvLyBHXHUwMEU5blx1MDBFOHJlIHVuIG1vZHVsZSBFU1xyXG4gICAgICBuYW1lOiBcImtlbHQtdWkta2l0LXJlYWN0XCIsXHJcbiAgICAgIGZpbGVOYW1lOiBcImluZGV4XCIsXHJcbiAgICB9LFxyXG4gICAgcm9sbHVwT3B0aW9uczoge1xyXG4gICAgICBleHRlcm5hbDogW1wicmVhY3RcIiwgXCJyZWFjdC1kb21cIl0sXHJcbiAgICB9LFxyXG4gIH0sXHJcbn0pO1xyXG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQWtVLFNBQVMsb0JBQW9CO0FBQy9WLE9BQU8sYUFBYTtBQUNwQixPQUFPLFNBQVM7QUFDaEIsSUFBTyxzQkFBUSxhQUFhO0FBQUEsRUFDMUIsU0FBUyxDQUFDLElBQUksR0FBRyxRQUFRLEVBQUUsWUFBWSxLQUFLLENBQUMsQ0FBQztBQUFBLEVBQzlDLFFBQVE7QUFBQSxJQUNOLE1BQU07QUFBQTtBQUFBLEVBQ1I7QUFBQSxFQUNBLE9BQU87QUFBQSxJQUNMLEtBQUs7QUFBQSxNQUNILE9BQU87QUFBQTtBQUFBLE1BQ1AsU0FBUyxDQUFDLElBQUk7QUFBQTtBQUFBLE1BQ2QsTUFBTTtBQUFBLE1BQ04sVUFBVTtBQUFBLElBQ1o7QUFBQSxJQUNBLGVBQWU7QUFBQSxNQUNiLFVBQVUsQ0FBQyxTQUFTLFdBQVc7QUFBQSxJQUNqQztBQUFBLEVBQ0Y7QUFDRixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=
+// vite.config.ts
+import { defineConfig } from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite/dist/node/index.js";
+import checker from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite-plugin-checker/dist/esm/main.js";
+import dts from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite-plugin-dts/dist/index.mjs";
+var vite_config_default = defineConfig({
+  plugins: [dts(), checker({ typescript: true })],
+  server: {
+    port: 2552
+    // Remplace 3000 par le port souhaité
+  },
+  build: {
+    lib: {
+      entry: "./src/index.ts",
+      // Remplacer par l'entrée correcte
+      formats: ["es"],
+      // Génère un module ES
+      name: "kelt-ui-kit-react",
+      fileName: "index"
+    },
+    rollupOptions: {
+      external: ["react", "react-dom"]
+    }
+  }
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxsYXVsYXV0dGVcXFxcdHJhdmFpbFxcXFxrZWx0XFxcXHVpLWtpdC1yZWFjdFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiQzpcXFxcVXNlcnNcXFxcbGF1bGF1dHRlXFxcXHRyYXZhaWxcXFxca2VsdFxcXFx1aS1raXQtcmVhY3RcXFxcdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0M6L1VzZXJzL2xhdWxhdXR0ZS90cmF2YWlsL2tlbHQvdWkta2l0LXJlYWN0L3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSBcInZpdGVcIjtcclxuaW1wb3J0IGNoZWNrZXIgZnJvbSBcInZpdGUtcGx1Z2luLWNoZWNrZXJcIjtcclxuaW1wb3J0IGR0cyBmcm9tIFwidml0ZS1wbHVnaW4tZHRzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XHJcbiAgcGx1Z2luczogW2R0cygpLCBjaGVja2VyKHsgdHlwZXNjcmlwdDogdHJ1ZSB9KV0sXHJcbiAgc2VydmVyOiB7XHJcbiAgICBwb3J0OiAyNTUyLCAvLyBSZW1wbGFjZSAzMDAwIHBhciBsZSBwb3J0IHNvdWhhaXRcdTAwRTlcclxuICB9LFxyXG4gIGJ1aWxkOiB7XHJcbiAgICBsaWI6IHtcclxuICAgICAgZW50cnk6IFwiLi9zcmMvaW5kZXgudHNcIiwgLy8gUmVtcGxhY2VyIHBhciBsJ2VudHJcdTAwRTllIGNvcnJlY3RlXHJcbiAgICAgIGZvcm1hdHM6IFtcImVzXCJdLCAvLyBHXHUwMEU5blx1MDBFOHJlIHVuIG1vZHVsZSBFU1xyXG4gICAgICBuYW1lOiBcImtlbHQtdWkta2l0LXJlYWN0XCIsXHJcbiAgICAgIGZpbGVOYW1lOiBcImluZGV4XCIsXHJcbiAgICB9LFxyXG4gICAgcm9sbHVwT3B0aW9uczoge1xyXG4gICAgICBleHRlcm5hbDogW1wicmVhY3RcIiwgXCJyZWFjdC1kb21cIl0sXHJcbiAgICB9LFxyXG4gIH0sXHJcbn0pO1xyXG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQWtVLFNBQVMsb0JBQW9CO0FBQy9WLE9BQU8sYUFBYTtBQUNwQixPQUFPLFNBQVM7QUFDaEIsSUFBTyxzQkFBUSxhQUFhO0FBQUEsRUFDMUIsU0FBUyxDQUFDLElBQUksR0FBRyxRQUFRLEVBQUUsWUFBWSxLQUFLLENBQUMsQ0FBQztBQUFBLEVBQzlDLFFBQVE7QUFBQSxJQUNOLE1BQU07QUFBQTtBQUFBLEVBQ1I7QUFBQSxFQUNBLE9BQU87QUFBQSxJQUNMLEtBQUs7QUFBQSxNQUNILE9BQU87QUFBQTtBQUFBLE1BQ1AsU0FBUyxDQUFDLElBQUk7QUFBQTtBQUFBLE1BQ2QsTUFBTTtBQUFBLE1BQ04sVUFBVTtBQUFBLElBQ1o7QUFBQSxJQUNBLGVBQWU7QUFBQSxNQUNiLFVBQVUsQ0FBQyxTQUFTLFdBQVc7QUFBQSxJQUNqQztBQUFBLEVBQ0Y7QUFDRixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=

package/vite.config.ts.timestamp-1759742478362-4ac5c5a7db34b.mjs

@@ -1,28 +1,28 @@
-// vite.config.ts
-import { defineConfig } from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite/dist/node/index.js";
-import checker from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite-plugin-checker/dist/esm/main.js";
-import dts from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite-plugin-dts/dist/index.mjs";
-var vite_config_default = defineConfig({
-  plugins: [dts(), checker({ typescript: true })],
-  server: {
-    port: 2552
-    // Remplace 3000 par le port souhaité
-  },
-  build: {
-    lib: {
-      entry: "./src/index.ts",
-      // Remplacer par l'entrée correcte
-      formats: ["es"],
-      // Génère un module ES
-      name: "kelt-ui-kit-react",
-      fileName: "index"
-    },
-    rollupOptions: {
-      external: ["react", "react-dom"]
-    }
-  }
-});
-export {
-  vite_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxsYXVsYXV0dGVcXFxcdHJhdmFpbFxcXFxrZWx0XFxcXHVpLWtpdC1yZWFjdFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiQzpcXFxcVXNlcnNcXFxcbGF1bGF1dHRlXFxcXHRyYXZhaWxcXFxca2VsdFxcXFx1aS1raXQtcmVhY3RcXFxcdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0M6L1VzZXJzL2xhdWxhdXR0ZS90cmF2YWlsL2tlbHQvdWkta2l0LXJlYWN0L3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSBcInZpdGVcIjtcclxuaW1wb3J0IGNoZWNrZXIgZnJvbSBcInZpdGUtcGx1Z2luLWNoZWNrZXJcIjtcclxuaW1wb3J0IGR0cyBmcm9tIFwidml0ZS1wbHVnaW4tZHRzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XHJcbiAgcGx1Z2luczogW2R0cygpLCBjaGVja2VyKHsgdHlwZXNjcmlwdDogdHJ1ZSB9KV0sXHJcbiAgc2VydmVyOiB7XHJcbiAgICBwb3J0OiAyNTUyLCAvLyBSZW1wbGFjZSAzMDAwIHBhciBsZSBwb3J0IHNvdWhhaXRcdTAwRTlcclxuICB9LFxyXG4gIGJ1aWxkOiB7XHJcbiAgICBsaWI6IHtcclxuICAgICAgZW50cnk6IFwiLi9zcmMvaW5kZXgudHNcIiwgLy8gUmVtcGxhY2VyIHBhciBsJ2VudHJcdTAwRTllIGNvcnJlY3RlXHJcbiAgICAgIGZvcm1hdHM6IFtcImVzXCJdLCAvLyBHXHUwMEU5blx1MDBFOHJlIHVuIG1vZHVsZSBFU1xyXG4gICAgICBuYW1lOiBcImtlbHQtdWkta2l0LXJlYWN0XCIsXHJcbiAgICAgIGZpbGVOYW1lOiBcImluZGV4XCIsXHJcbiAgICB9LFxyXG4gICAgcm9sbHVwT3B0aW9uczoge1xyXG4gICAgICBleHRlcm5hbDogW1wicmVhY3RcIiwgXCJyZWFjdC1kb21cIl0sXHJcbiAgICB9LFxyXG4gIH0sXHJcbn0pO1xyXG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQWtVLFNBQVMsb0JBQW9CO0FBQy9WLE9BQU8sYUFBYTtBQUNwQixPQUFPLFNBQVM7QUFDaEIsSUFBTyxzQkFBUSxhQUFhO0FBQUEsRUFDMUIsU0FBUyxDQUFDLElBQUksR0FBRyxRQUFRLEVBQUUsWUFBWSxLQUFLLENBQUMsQ0FBQztBQUFBLEVBQzlDLFFBQVE7QUFBQSxJQUNOLE1BQU07QUFBQTtBQUFBLEVBQ1I7QUFBQSxFQUNBLE9BQU87QUFBQSxJQUNMLEtBQUs7QUFBQSxNQUNILE9BQU87QUFBQTtBQUFBLE1BQ1AsU0FBUyxDQUFDLElBQUk7QUFBQTtBQUFBLE1BQ2QsTUFBTTtBQUFBLE1BQ04sVUFBVTtBQUFBLElBQ1o7QUFBQSxJQUNBLGVBQWU7QUFBQSxNQUNiLFVBQVUsQ0FBQyxTQUFTLFdBQVc7QUFBQSxJQUNqQztBQUFBLEVBQ0Y7QUFDRixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=
+// vite.config.ts
+import { defineConfig } from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite/dist/node/index.js";
+import checker from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite-plugin-checker/dist/esm/main.js";
+import dts from "file:///C:/Users/laulautte/travail/kelt/ui-kit-react/node_modules/vite-plugin-dts/dist/index.mjs";
+var vite_config_default = defineConfig({
+  plugins: [dts(), checker({ typescript: true })],
+  server: {
+    port: 2552
+    // Remplace 3000 par le port souhaité
+  },
+  build: {
+    lib: {
+      entry: "./src/index.ts",
+      // Remplacer par l'entrée correcte
+      formats: ["es"],
+      // Génère un module ES
+      name: "kelt-ui-kit-react",
+      fileName: "index"
+    },
+    rollupOptions: {
+      external: ["react", "react-dom"]
+    }
+  }
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxsYXVsYXV0dGVcXFxcdHJhdmFpbFxcXFxrZWx0XFxcXHVpLWtpdC1yZWFjdFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiQzpcXFxcVXNlcnNcXFxcbGF1bGF1dHRlXFxcXHRyYXZhaWxcXFxca2VsdFxcXFx1aS1raXQtcmVhY3RcXFxcdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0M6L1VzZXJzL2xhdWxhdXR0ZS90cmF2YWlsL2tlbHQvdWkta2l0LXJlYWN0L3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSBcInZpdGVcIjtcclxuaW1wb3J0IGNoZWNrZXIgZnJvbSBcInZpdGUtcGx1Z2luLWNoZWNrZXJcIjtcclxuaW1wb3J0IGR0cyBmcm9tIFwidml0ZS1wbHVnaW4tZHRzXCI7XHJcbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XHJcbiAgcGx1Z2luczogW2R0cygpLCBjaGVja2VyKHsgdHlwZXNjcmlwdDogdHJ1ZSB9KV0sXHJcbiAgc2VydmVyOiB7XHJcbiAgICBwb3J0OiAyNTUyLCAvLyBSZW1wbGFjZSAzMDAwIHBhciBsZSBwb3J0IHNvdWhhaXRcdTAwRTlcclxuICB9LFxyXG4gIGJ1aWxkOiB7XHJcbiAgICBsaWI6IHtcclxuICAgICAgZW50cnk6IFwiLi9zcmMvaW5kZXgudHNcIiwgLy8gUmVtcGxhY2VyIHBhciBsJ2VudHJcdTAwRTllIGNvcnJlY3RlXHJcbiAgICAgIGZvcm1hdHM6IFtcImVzXCJdLCAvLyBHXHUwMEU5blx1MDBFOHJlIHVuIG1vZHVsZSBFU1xyXG4gICAgICBuYW1lOiBcImtlbHQtdWkta2l0LXJlYWN0XCIsXHJcbiAgICAgIGZpbGVOYW1lOiBcImluZGV4XCIsXHJcbiAgICB9LFxyXG4gICAgcm9sbHVwT3B0aW9uczoge1xyXG4gICAgICBleHRlcm5hbDogW1wicmVhY3RcIiwgXCJyZWFjdC1kb21cIl0sXHJcbiAgICB9LFxyXG4gIH0sXHJcbn0pO1xyXG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQWtVLFNBQVMsb0JBQW9CO0FBQy9WLE9BQU8sYUFBYTtBQUNwQixPQUFPLFNBQVM7QUFDaEIsSUFBTyxzQkFBUSxhQUFhO0FBQUEsRUFDMUIsU0FBUyxDQUFDLElBQUksR0FBRyxRQUFRLEVBQUUsWUFBWSxLQUFLLENBQUMsQ0FBQztBQUFBLEVBQzlDLFFBQVE7QUFBQSxJQUNOLE1BQU07QUFBQTtBQUFBLEVBQ1I7QUFBQSxFQUNBLE9BQU87QUFBQSxJQUNMLEtBQUs7QUFBQSxNQUNILE9BQU87QUFBQTtBQUFBLE1BQ1AsU0FBUyxDQUFDLElBQUk7QUFBQTtBQUFBLE1BQ2QsTUFBTTtBQUFBLE1BQ04sVUFBVTtBQUFBLElBQ1o7QUFBQSxJQUNBLGVBQWU7QUFBQSxNQUNiLFVBQVUsQ0FBQyxTQUFTLFdBQVc7QUFBQSxJQUNqQztBQUFBLEVBQ0Y7QUFDRixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=