ics-ui-kit 0.1.0-alpha.9 → 0.1.0

package/dist/download-BHsj218e.js

@@ -0,0 +1,16 @@
+import { c as o } from "./createLucideIcon-DwBrHnj9.js";
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const a = o("Download", [
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+  ["polyline", { points: "7 10 12 15 17 10", key: "2ggqvy" }],
+  ["line", { x1: "12", x2: "12", y1: "15", y2: "3", key: "1vk2je" }]
+]);
+export {
+  a as D
+};
+//# sourceMappingURL=download-BHsj218e.js.map

package/dist/download-BHsj218e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"download-BHsj218e.js","sources":["../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/download.js"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Download = createLucideIcon(\"Download\", [\n  [\"path\", { d: \"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\", key: \"ih7n3h\" }],\n  [\"polyline\", { points: \"7 10 12 15 17 10\", key: \"2ggqvy\" }],\n  [\"line\", { x1: \"12\", x2: \"12\", y1: \"15\", y2: \"3\", key: \"1vk2je\" }]\n]);\n\nexport { Download as default };\n//# sourceMappingURL=download.js.map\n"],"names":["Download","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASK,MAACA,IAAWC,EAAiB,YAAY;AAAA,EAC5C,CAAC,QAAQ,EAAE,GAAG,6CAA6C,KAAK,SAAQ,CAAE;AAAA,EAC1E,CAAC,YAAY,EAAE,QAAQ,oBAAoB,KAAK,SAAQ,CAAE;AAAA,EAC1D,CAAC,QAAQ,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,IAAI,KAAK,KAAK,SAAU,CAAA;AACnE,CAAC;","x_google_ignoreList":[0]}

package/dist/examples/gramax/CloneRepository.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;

package/dist/examples/gramax/NewStorage.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;

package/dist/examples/quiz/QuizPage.stories.d.ts

@@ -0,0 +1,6 @@
+import { Form } from '../../components/form';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Form>;
+export default meta;
+type Story = StoryObj<typeof Form>;
+export declare const CreateDoctor: Story;

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useItemsKeyboardNavigation } from './useItemsKeyboardNavigation';
+export { useIsSm, useIsMd, useIsLg, useIsXl, useIs2Xl, useIsMobile, useBreakpoint, useActiveBreakpoint } from './useBreakpoints';

package/dist/hooks/use-file-upload/errorMessages.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Интерфейс для кастомизации сообщений об ошибках в useFileUpload
+ */
+export interface FileUploadErrorMessages {
+    /**
+     * Сообщение когда файл превышает максимальный размер
+     * @param fileName - имя файла
+     * @param maxSizeBytes - максимальный размер в байтах
+     */
+    fileTooLarge?: (fileName: string, maxSizeBytes: number) => string;
+    /**
+     * Сообщение когда тип файла не разрешен
+     * @param fileName - имя файла
+     */
+    invalidFileType?: (fileName: string) => string;
+    /**
+     * Сообщение когда превышено максимальное количество файлов
+     * @param maxFiles - максимальное количество файлов
+     */
+    tooManyFiles?: (maxFiles: number) => string;
+    /**
+     * Сообщение когда некоторые файлы превышают максимальный размер (для множественной загрузки)
+     * @param maxSizeBytes - максимальный размер в байтах
+     */
+    someFilesTooLarge?: (maxSizeBytes: number) => string;
+    /**
+     * Сообщение когда файл превышает максимальный размер (для одиночной загрузки)
+     * @param maxSizeBytes - максимальный размер в байтах
+     */
+    singleFileTooLarge?: (maxSizeBytes: number) => string;
+}
+/**
+ * Сообщения об ошибках по умолчанию
+ */
+export declare const defaultErrorMessages: Required<FileUploadErrorMessages>;
+/**
+ * Сообщения об ошибках на русском языке
+ */
+export declare const defaultErrorMessagesRu: Required<FileUploadErrorMessages>;

package/dist/hooks/use-file-upload/index.d.ts

@@ -0,0 +1,3 @@
+export { useFileUpload } from './useFileUpload';
+export { type FileMetadata, type FileWithPreview, type FileUploadOptions, type FileUploadState, type FileUploadActions, type FileValue } from './useFileUpload';
+export { type FileUploadErrorMessages, defaultErrorMessages, defaultErrorMessagesRu } from './errorMessages';

package/dist/hooks/use-file-upload/useFileUpload.d.ts

@@ -0,0 +1,81 @@
+import { ChangeEvent, DragEvent, InputHTMLAttributes } from 'react';
+import { FileUploadErrorMessages } from './errorMessages';
+export type FileData = {
+    name: string;
+    size: number;
+    type: string;
+    id?: string;
+};
+export type FileMetadata = FileData & {
+    url: string;
+    id: string;
+};
+export type FileValue = File | FileData;
+export type FileWithPreview = {
+    file: FileValue;
+    id: string;
+    preview?: string;
+};
+/**
+ * Ограничения для загрузки файлов
+ */
+export type FileUploadConstraints = {
+    /**
+     * Максимальное количество файлов
+     * Используется только когда multiple=true
+     * @default Infinity
+     */
+    maxFiles?: number;
+    /**
+     * Максимальный размер файла в байтах
+     * @default Infinity
+     */
+    maxSize?: number;
+    /**
+     * Допустимые типы файлов (строка MIME-типов или расширений через запятую)
+     * @example "image/jpeg,image/png,.pdf,.doc"
+     * @example "*.jpg,*.png"
+     * @example "image/*"
+     * @default "*"
+     */
+    accept?: string;
+    /**
+     * Разрешить выбор нескольких файлов
+     * @default false
+     */
+    multiple?: boolean;
+};
+export type FileUploadOptions = FileUploadConstraints & {
+    initialFiles?: FileMetadata[];
+    onFilesChange?: (files: FileWithPreview[]) => void;
+    onFilesAdded?: (addedFiles: FileWithPreview[]) => void;
+    /**
+     * Кастомные сообщения об ошибках
+     * Можно переопределить только нужные сообщения
+     */
+    errorMessages?: Partial<FileUploadErrorMessages>;
+};
+export type FileUploadState = {
+    files: FileWithPreview[];
+    isDragging: boolean;
+    errors: string[];
+};
+export type FileUploadActions = {
+    addFiles: (files: FileList | File[]) => void;
+    removeFile: (id: string) => void;
+    clearFiles: () => void;
+    clearErrors: () => void;
+    handleDragEnter: (e: DragEvent<HTMLElement>) => void;
+    handleDragLeave: (e: DragEvent<HTMLElement>) => void;
+    handleDragOver: (e: DragEvent<HTMLElement>) => void;
+    handleDrop: (e: DragEvent<HTMLElement>) => void;
+    handleFileChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    openFileDialog: () => void;
+    getInputProps: (props?: InputHTMLAttributes<HTMLInputElement>) => InputHTMLAttributes<HTMLInputElement> & {
+        ref: React.Ref<HTMLInputElement>;
+    };
+};
+/** Хук был взять из библиотеки originui.
+ * Код можно посмотреть по ссылке: https://github.com/origin-space/originui/blob/main/docs/use-file-upload.md
+ */
+export declare const useFileUpload: (options?: FileUploadOptions) => [FileUploadState, FileUploadActions];

package/dist/hooks/use-file-upload.d.ts

@@ -0,0 +1,2 @@
+export * from './use-file-upload/index'
+export {}

package/dist/hooks/use-file-upload.js

@@ -0,0 +1,7 @@
+import { d as e, a as r, u as o } from "../useFileUpload-iDag0iqM.js";
+export {
+  e as defaultErrorMessages,
+  r as defaultErrorMessagesRu,
+  o as useFileUpload
+};
+//# sourceMappingURL=use-file-upload.js.map

package/dist/hooks/use-file-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-file-upload.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/hooks/useAutofill.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+/**
+ * Хук для определения состояния автозаполнения input'а
+ */
+export declare function useAutofill(): {
+    isAutofilled: boolean;
+    inputRef: RefObject<HTMLInputElement>;
+};

package/dist/hooks/useBreakpoints.d.ts

@@ -0,0 +1,23 @@
+declare const breakpoints: {
+    readonly sm: "640px";
+    readonly md: "768px";
+    readonly lg: "1024px";
+    readonly xl: "1280px";
+    readonly "2xl": "1536px";
+};
+type Breakpoint = keyof typeof breakpoints;
+/** min-width: 640px */
+export declare const useIsSm: () => boolean;
+/** min-width: 768px */
+export declare const useIsMd: () => boolean;
+/** min-width: 1024px */
+export declare const useIsLg: () => boolean;
+/** min-width: 1280px */
+export declare const useIsXl: () => boolean;
+/** min-width: 1536px */
+export declare const useIs2Xl: () => boolean;
+/** max-width: 1024px */
+export declare const useIsMobile: () => boolean;
+export declare const useBreakpoint: (breakpoint: Breakpoint) => boolean;
+export declare const useActiveBreakpoint: () => Breakpoint | null;
+export {};

package/dist/hooks/useControllableState.d.ts

@@ -0,0 +1,13 @@
+type UseControllableStateParams<T> = {
+    /** Controlled значение */
+    value?: T;
+    /** Значение по умолчанию для uncontrolled режима */
+    defaultValue?: T;
+    /** Callback при изменении значения */
+    onChange?: (value: T) => void;
+};
+/**
+ * Универсальный хук для управления controlled/uncontrolled состоянием.
+ */
+export declare function useControllableState<T>({ value, defaultValue, onChange }: UseControllableStateParams<T>): readonly [T | undefined, (nextValue: T | ((prevValue: T) => T)) => void];
+export {};

package/dist/hooks/useControlledValue.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+/**
+ * Хук для управления контролируемым и неконтролируемым состоянием
+ */
+export declare function useControlledValue(value: string | number | readonly string[] | undefined, defaultValue: string | number | readonly string[] | undefined, onChange?: (value: string | null) => void): {
+    inputRef: RefObject<HTMLInputElement>;
+    getCurrentValue: () => string;
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    currentValue: string;
+};

package/dist/hooks/useCopyAction.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Хук для копирования содержимого в буфер обмена
+ */
+export declare function useCopyAction(): {
+    hasCopied: boolean;
+    handleCopy: (value: string) => void;
+};

package/dist/hooks/useCustomValidity.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+/**
+ * Хук для установки кастомного сообщения об ошибке валидации на HTML элементе.
+ * Автоматически управляет состоянием валидности элемента на основе переданной ошибки.
+ *
+ * @param elementRef - Ref к HTML элементу, поддерживающему валидацию (input, textarea, select)
+ * @param error - Текст ошибки. При наличии делает элемент невалидным, при отсутствии - валидным
+ */
+export declare function useCustomValidity<T extends HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>(elementRef: RefObject<T>, error?: string): void;

package/dist/hooks/useDataCache.d.ts

@@ -0,0 +1,77 @@
+/**
+ * Интерфейс для элемента кэша
+ */
+interface CacheEntry<T> {
+    /** Данные, сохраненные в кэше */
+    data: T;
+    /** Время создания записи в миллисекундах */
+    timestamp: number;
+}
+/**
+ * Интерфейс для кэша
+ */
+interface Cache<T> {
+    [key: string]: CacheEntry<T>;
+}
+/**
+ * Параметры для хука useDataCache
+ */
+interface UseDataCacheOptions<TKey = unknown> {
+    /** Включить кэширование */
+    enabled?: boolean;
+    /** Время жизни кэша в миллисекундах */
+    ttl?: number;
+    /** Функция для генерации ключа кэша из параметров */
+    keyFn?: (key: TKey) => string;
+}
+/**
+ * Результат работы хука useDataCache
+ */
+interface UseDataCacheReturn<T, TKey = unknown> {
+    /** Получить данные из кэша */
+    get: (key: TKey) => T | null;
+    /** Сохранить данные в кэш */
+    set: (key: TKey, data: T) => void;
+    /** Проверить наличие данных в кэше */
+    has: (key: TKey) => boolean;
+    /** Удалить конкретную запись из кэша */
+    delete: (key: TKey) => void;
+    /** Очистить весь кэш */
+    clear: () => void;
+    /** Получить ключ кэша для заданных параметров */
+    getCacheKey: (key: TKey) => string;
+}
+/**
+ * Хук для кэширования любых данных с гибкой настройкой ключей
+ *
+ * @param options - Настройки кэширования
+ * @returns Объект с методами для работы с кэшем
+ *
+ * @example
+ * ```tsx
+ * // Простое кеширование по строке
+ * const cache = useDataCache<SearchResult[]>({
+ *   enabled: true,
+ *   ttl: 5 * 60 * 1000, // 5 минут
+ *   keyFn: (query: string) => `search-${query}`
+ * });
+ *
+ * // Проверяем кэш
+ * const cachedData = cache.get("поисковый запрос");
+ * if (cachedData) {
+ *   setOptions(cachedData);
+ *   return;
+ * }
+ *
+ * // Загружаем и кешируем
+ * const result = await loadData("поисковый запрос");
+ * cache.set("поисковый запрос", result);
+ *
+ * // Кеширование с объектом-ключом
+ * const complexCache = useDataCache<any>({
+ *   keyFn: (params) => `${params.query}-${params.page}-${params.filters}`
+ * });
+ * ```
+ */
+export declare function useDataCache<T, TKey = string>(options?: UseDataCacheOptions<TKey>): UseDataCacheReturn<T, TKey>;
+export type { CacheEntry, Cache, UseDataCacheOptions, UseDataCacheReturn };

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Хук для дебаунса значения
+ * @param value - значение для дебаунса
+ * @param delay - задержка в миллисекундах
+ * @returns дебаунсированное значение
+ */
+export declare function useDebounce<T>(value: T, delay: number): T;

package/dist/hooks/useFileType.d.ts

@@ -0,0 +1,4 @@
+import { FileData } from './use-file-upload/useFileUpload';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { LucideProps } from 'lucide-react';
+export declare const useFileType: (file: FileData) => ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;

package/dist/hooks/useInputWithActions.d.ts

@@ -0,0 +1,32 @@
+import { RefObject } from 'react';
+export interface UseInputWithActionsOptions {
+    /** Значение input (для контролируемого режима) */
+    value?: string | number | readonly string[];
+    /** Значение по умолчанию (для неконтролируемого режима) */
+    defaultValue?: string | number | readonly string[];
+    /** Колбэк на изменение значения */
+    onChange?: (value: string | null) => void;
+    /** Флаг только для чтения */
+    readOnly?: boolean;
+    /** Флаг отключения */
+    disabled?: boolean;
+    /** Флаг для отображения кнопки очистки */
+    showClearIcon?: boolean;
+    /** Флаг для отображения кнопки копирования */
+    showCopyIcon?: boolean;
+}
+/**
+ * Общий хук для input с полным функционалом копирования и очистки
+ */
+export declare function useInputWithActions({ value, defaultValue, onChange, readOnly, disabled, showClearIcon, showCopyIcon }: UseInputWithActionsOptions): {
+    currentValue: string;
+    inputRef: RefObject<HTMLInputElement>;
+    isEditable: boolean;
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleClear: () => void;
+    handleCopy: () => void;
+    hasCopied: boolean;
+    isAutofilled: boolean;
+    shouldShowClearIcon: string | false;
+    shouldShowCopyIcon: string | false;
+};

package/dist/hooks/useItemsKeyboardNavigation.d.ts

@@ -0,0 +1,56 @@
+import { KeyboardEvent } from 'react';
+/**
+ * Хук для навигации по элементам с помощью клавиатуры
+ *
+ * @example
+ * ```tsx
+ * function TagList({ tags, onTagSelect, onTagDelete }) {
+ *   const containerRef = useRef(null);
+ *
+ *   const {
+ *     focusedIndex,
+ *     handleKeyDown,
+ *     handleFocus,
+ *     handleBlur,
+ *     isFocused
+ *   } = useItemsKeyboardNavigation({
+ *     items: tags,
+ *     onEnter: onTagSelect,
+ *     onDelete: onTagDelete
+ *   });
+ *
+ *   return (
+ *     <div
+ *       ref={containerRef}
+ *       tabIndex={0}
+ *       onKeyDown={handleKeyDown}
+ *       onFocus={handleFocus}
+ *       onBlur={handleBlur}
+ *     >
+ *       {tags.map((tag, index) => (
+ *         <div key={tag.id} className={isFocused(index) ? "focused" : ""}>
+ *           {tag.label}
+ *         </div>
+ *       ))}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare function useItemsKeyboardNavigation<T>({ items, onEnter, onDelete, cycleNavigation }: {
+    /** Массив элементов для навигации */
+    items: T[];
+    /** Функция, вызываемая при нажатии Enter на элементе */
+    onEnter?: (item: T, index: number) => void;
+    /** Функция, вызываемая при нажатии Delete/Backspace на элементе */
+    onDelete?: (item: T, index: number) => void;
+    /** Включает циклическую навигацию (с последнего элемента на первый и наоборот) */
+    cycleNavigation?: boolean;
+}): {
+    focusedIndex: number | null;
+    handleKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    isFocused: (index: number) => boolean;
+    focusItemAtIndex: (index: number) => boolean;
+};

package/dist/hooks/useSearchCache.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/useSearchSelect.d.ts

@@ -0,0 +1,31 @@
+export interface SearchSelectOption {
+    /** Уникальный идентификатор опции */
+    value: string | number;
+    /** Отображаемый текст */
+    label: string;
+    /** Состояние отключения опции */
+    disabled?: boolean;
+}
+interface UseSearchSelectProps<T extends SearchSelectOption = SearchSelectOption> {
+    /** Список опций */
+    options: T[];
+    /** Текущее выбранное значение (controlled режим) */
+    value?: T["value"];
+    /** Значение по умолчанию (uncontrolled режим) */
+    defaultValue?: T["value"];
+    /** Callback при выборе опции */
+    onChange?: (value: T["value"], option: T) => void;
+    /**
+     * Значение по умолчанию для выбранной опции. Используется, когда выбранная опция
+     * отсутствует в текущем списке options. Это может произойти при изменении фильтра
+     * или при использовании виртуальной (ленивой) загрузки данных.
+     * */
+    valueOption?: T;
+}
+export declare const useSearchSelect: <T extends SearchSelectOption = SearchSelectOption>({ options, value, defaultValue, onChange, valueOption }: UseSearchSelectProps<T>) => {
+    selectedValue: T["value"] | undefined;
+    selectedOption: T | undefined;
+    setSelectedByLabel: (label: string) => void;
+    setSelectedValue: (nextValue: T["value"] | ((prevValue: T["value"] | undefined) => T["value"] | undefined) | undefined) => void;
+};
+export {};

package/dist/hooks.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks/index'
+export {}

package/dist/hooks.js

@@ -0,0 +1,14 @@
+import { u as a } from "./useItemsKeyboardNavigation-CmeOR30y.js";
+import { g as o, f as r, d as t, b as I, a as i, e as m, u as p, c as b } from "./useBreakpoints-D8wKOvil.js";
+export {
+  o as useActiveBreakpoint,
+  r as useBreakpoint,
+  t as useIs2Xl,
+  I as useIsLg,
+  i as useIsMd,
+  m as useIsMobile,
+  p as useIsSm,
+  b as useIsXl,
+  a as useItemsKeyboardNavigation
+};
+//# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/image-BqL5JP90.js

@@ -0,0 +1,16 @@
+import { c as e } from "./createLucideIcon-DwBrHnj9.js";
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const a = e("Image", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+]);
+export {
+  a as I
+};
+//# sourceMappingURL=image-BqL5JP90.js.map

package/dist/image-BqL5JP90.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-BqL5JP90.js","sources":["../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/image.js"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Image = createLucideIcon(\"Image\", [\n  [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", ry: \"2\", key: \"1m3agn\" }],\n  [\"circle\", { cx: \"9\", cy: \"9\", r: \"2\", key: \"af1f0g\" }],\n  [\"path\", { d: \"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\", key: \"1xmnt7\" }]\n]);\n\nexport { Image as default };\n//# sourceMappingURL=image.js.map\n"],"names":["Image","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASK,MAACA,IAAQC,EAAiB,SAAS;AAAA,EACtC,CAAC,QAAQ,EAAE,OAAO,MAAM,QAAQ,MAAM,GAAG,KAAK,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK,UAAU;AAAA,EACvF,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,KAAK,GAAG,KAAK,KAAK,UAAU;AAAA,EACtD,CAAC,QAAQ,EAAE,GAAG,6CAA6C,KAAK,SAAU,CAAA;AAC5E,CAAC;","x_google_ignoreList":[0]}

package/dist/index-0ioNhtNM.js

@@ -0,0 +1,11 @@
+import * as e from "react";
+function c(r) {
+  const t = e.useRef(r);
+  return e.useEffect(() => {
+    t.current = r;
+  }), e.useMemo(() => (...u) => t.current?.(...u), []);
+}
+export {
+  c as u
+};
+//# sourceMappingURL=index-0ioNhtNM.js.map

package/dist/index-0ioNhtNM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-0ioNhtNM.js","sources":["../node_modules/.pnpm/@radix-ui+react-use-callbac_bca1265b0608b80f2bb275ccd9cc349c/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs"],"sourcesContent":["// packages/react/use-callback-ref/src/use-callback-ref.tsx\nimport * as React from \"react\";\nfunction useCallbackRef(callback) {\n  const callbackRef = React.useRef(callback);\n  React.useEffect(() => {\n    callbackRef.current = callback;\n  });\n  return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);\n}\nexport {\n  useCallbackRef\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useCallbackRef","callback","callbackRef","React","args"],"mappings":";AAEA,SAASA,EAAeC,GAAU;AAChC,QAAMC,IAAcC,EAAM,OAAOF,CAAQ;AACzC,SAAAE,EAAM,UAAU,MAAM;AACpB,IAAAD,EAAY,UAAUD;AAAA,EAC1B,CAAG,GACME,EAAM,QAAQ,MAAM,IAAIC,MAASF,EAAY,UAAU,GAAGE,CAAI,GAAG,EAAE;AAC5E;","x_google_ignoreList":[0]}

package/dist/index-437EL2iq.js

@@ -0,0 +1,53 @@
+import * as t from "react";
+import { u as m } from "./index-CCKe-Mpx.js";
+var v = t[" useInsertionEffect ".trim().toString()] || m;
+function w({
+  prop: e,
+  defaultProp: s,
+  onChange: o = () => {
+  },
+  caller: f
+}) {
+  const [u, c, i] = R({
+    defaultProp: s,
+    onChange: o
+  }), n = e !== void 0, a = n ? e : u;
+  {
+    const r = t.useRef(e !== void 0);
+    t.useEffect(() => {
+      const l = r.current;
+      l !== n && console.warn(
+        `${f} is changing from ${l ? "controlled" : "uncontrolled"} to ${n ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), r.current = n;
+    }, [n, f]);
+  }
+  const d = t.useCallback(
+    (r) => {
+      if (n) {
+        const l = C(r) ? r(e) : r;
+        l !== e && i.current?.(l);
+      } else
+        c(r);
+    },
+    [n, e, c, i]
+  );
+  return [a, d];
+}
+function R({
+  defaultProp: e,
+  onChange: s
+}) {
+  const [o, f] = t.useState(e), u = t.useRef(o), c = t.useRef(s);
+  return v(() => {
+    c.current = s;
+  }, [s]), t.useEffect(() => {
+    u.current !== o && (c.current?.(o), u.current = o);
+  }, [o, u]), [o, f, c];
+}
+function C(e) {
+  return typeof e == "function";
+}
+export {
+  w as u
+};
+//# sourceMappingURL=index-437EL2iq.js.map

package/dist/index-437EL2iq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-437EL2iq.js","sources":["../node_modules/.pnpm/@radix-ui+react-use-control_fb412367e54be37d9a41ea354202d1d1/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs"],"sourcesContent":["// src/use-controllable-state.tsx\nimport * as React from \"react\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\nvar useInsertionEffect = React[\" useInsertionEffect \".trim().toString()] || useLayoutEffect;\nfunction useControllableState({\n  prop,\n  defaultProp,\n  onChange = () => {\n  },\n  caller\n}) {\n  const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({\n    defaultProp,\n    onChange\n  });\n  const isControlled = prop !== void 0;\n  const value = isControlled ? prop : uncontrolledProp;\n  if (true) {\n    const isControlledRef = React.useRef(prop !== void 0);\n    React.useEffect(() => {\n      const wasControlled = isControlledRef.current;\n      if (wasControlled !== isControlled) {\n        const from = wasControlled ? \"controlled\" : \"uncontrolled\";\n        const to = isControlled ? \"controlled\" : \"uncontrolled\";\n        console.warn(\n          `${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`\n        );\n      }\n      isControlledRef.current = isControlled;\n    }, [isControlled, caller]);\n  }\n  const setValue = React.useCallback(\n    (nextValue) => {\n      if (isControlled) {\n        const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;\n        if (value2 !== prop) {\n          onChangeRef.current?.(value2);\n        }\n      } else {\n        setUncontrolledProp(nextValue);\n      }\n    },\n    [isControlled, prop, setUncontrolledProp, onChangeRef]\n  );\n  return [value, setValue];\n}\nfunction useUncontrolledState({\n  defaultProp,\n  onChange\n}) {\n  const [value, setValue] = React.useState(defaultProp);\n  const prevValueRef = React.useRef(value);\n  const onChangeRef = React.useRef(onChange);\n  useInsertionEffect(() => {\n    onChangeRef.current = onChange;\n  }, [onChange]);\n  React.useEffect(() => {\n    if (prevValueRef.current !== value) {\n      onChangeRef.current?.(value);\n      prevValueRef.current = value;\n    }\n  }, [value, prevValueRef]);\n  return [value, setValue, onChangeRef];\n}\nfunction isFunction(value) {\n  return typeof value === \"function\";\n}\n\n// src/use-controllable-state-reducer.tsx\nimport * as React2 from \"react\";\nimport { useEffectEvent } from \"@radix-ui/react-use-effect-event\";\nvar SYNC_STATE = Symbol(\"RADIX:SYNC_STATE\");\nfunction useControllableStateReducer(reducer, userArgs, initialArg, init) {\n  const { prop: controlledState, defaultProp, onChange: onChangeProp, caller } = userArgs;\n  const isControlled = controlledState !== void 0;\n  const onChange = useEffectEvent(onChangeProp);\n  if (true) {\n    const isControlledRef = React2.useRef(controlledState !== void 0);\n    React2.useEffect(() => {\n      const wasControlled = isControlledRef.current;\n      if (wasControlled !== isControlled) {\n        const from = wasControlled ? \"controlled\" : \"uncontrolled\";\n        const to = isControlled ? \"controlled\" : \"uncontrolled\";\n        console.warn(\n          `${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`\n        );\n      }\n      isControlledRef.current = isControlled;\n    }, [isControlled, caller]);\n  }\n  const args = [{ ...initialArg, state: defaultProp }];\n  if (init) {\n    args.push(init);\n  }\n  const [internalState, dispatch] = React2.useReducer(\n    (state2, action) => {\n      if (action.type === SYNC_STATE) {\n        return { ...state2, state: action.state };\n      }\n      const next = reducer(state2, action);\n      if (isControlled && !Object.is(next.state, state2.state)) {\n        onChange(next.state);\n      }\n      return next;\n    },\n    ...args\n  );\n  const uncontrolledState = internalState.state;\n  const prevValueRef = React2.useRef(uncontrolledState);\n  React2.useEffect(() => {\n    if (prevValueRef.current !== uncontrolledState) {\n      prevValueRef.current = uncontrolledState;\n      if (!isControlled) {\n        onChange(uncontrolledState);\n      }\n    }\n  }, [onChange, uncontrolledState, prevValueRef, isControlled]);\n  const state = React2.useMemo(() => {\n    const isControlled2 = controlledState !== void 0;\n    if (isControlled2) {\n      return { ...internalState, state: controlledState };\n    }\n    return internalState;\n  }, [internalState, controlledState]);\n  React2.useEffect(() => {\n    if (isControlled && !Object.is(controlledState, internalState.state)) {\n      dispatch({ type: SYNC_STATE, state: controlledState });\n    }\n  }, [controlledState, internalState.state, isControlled]);\n  return [state, dispatch];\n}\nexport {\n  useControllableState,\n  useControllableStateReducer\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useInsertionEffect","React","useLayoutEffect","useControllableState","prop","defaultProp","onChange","caller","uncontrolledProp","setUncontrolledProp","onChangeRef","useUncontrolledState","isControlled","value","isControlledRef","wasControlled","setValue","nextValue","value2","isFunction","prevValueRef"],"mappings":";;AAGA,IAAIA,IAAqBC,EAAM,uBAAuB,KAAI,EAAG,SAAU,CAAA,KAAKC;AAC5E,SAASC,EAAqB;AAAA,EAC5B,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW,MAAM;AAAA,EAChB;AAAA,EACD,QAAAC;AACF,GAAG;AACD,QAAM,CAACC,GAAkBC,GAAqBC,CAAW,IAAIC,EAAqB;AAAA,IAChF,aAAAN;AAAA,IACA,UAAAC;AAAA,EACJ,CAAG,GACKM,IAAeR,MAAS,QACxBS,IAAQD,IAAeR,IAAOI;AAC1B;AACR,UAAMM,IAAkBb,EAAM,OAAOG,MAAS,MAAM;AACpD,IAAAH,EAAM,UAAU,MAAM;AACpB,YAAMc,IAAgBD,EAAgB;AACtC,MAAIC,MAAkBH,KAGpB,QAAQ;AAAA,QACN,GAAGL,CAAM,qBAHEQ,IAAgB,eAAe,cAGR,OAFzBH,IAAe,eAAe,cAEI;AAAA,MAC5C,GAEHE,EAAgB,UAAUF;AAAA,IAChC,GAAO,CAACA,GAAcL,CAAM,CAAC;AAAA,EAC7B;AACE,QAAMS,IAAWf,EAAM;AAAA,IACrB,CAACgB,MAAc;AACb,UAAIL,GAAc;AAChB,cAAMM,IAASC,EAAWF,CAAS,IAAIA,EAAUb,CAAI,IAAIa;AACzD,QAAIC,MAAWd,KACbM,EAAY,UAAUQ,CAAM;AAAA,MAEtC;AACQ,QAAAT,EAAoBQ,CAAS;AAAA,IAEhC;AAAA,IACD,CAACL,GAAcR,GAAMK,GAAqBC,CAAW;AAAA,EACtD;AACD,SAAO,CAACG,GAAOG,CAAQ;AACzB;AACA,SAASL,EAAqB;AAAA,EAC5B,aAAAN;AAAA,EACA,UAAAC;AACF,GAAG;AACD,QAAM,CAACO,GAAOG,CAAQ,IAAIf,EAAM,SAASI,CAAW,GAC9Ce,IAAenB,EAAM,OAAOY,CAAK,GACjCH,IAAcT,EAAM,OAAOK,CAAQ;AACzC,SAAAN,EAAmB,MAAM;AACvB,IAAAU,EAAY,UAAUJ;AAAA,EAC1B,GAAK,CAACA,CAAQ,CAAC,GACbL,EAAM,UAAU,MAAM;AACpB,IAAImB,EAAa,YAAYP,MAC3BH,EAAY,UAAUG,CAAK,GAC3BO,EAAa,UAAUP;AAAA,EAE7B,GAAK,CAACA,GAAOO,CAAY,CAAC,GACjB,CAACP,GAAOG,GAAUN,CAAW;AACtC;AACA,SAASS,EAAWN,GAAO;AACzB,SAAO,OAAOA,KAAU;AAC1B;","x_google_ignoreList":[0]}