svelte-comp 1.2.5 → 1.2.6

package/dist/lib/Toast.svelte.d.ts

@@ -1,14 +0,0 @@
-import type { ToastVariant } from "./types";
-type Props = {
-    title?: string;
-    message: string;
-    variant?: ToastVariant;
-    showIcon?: boolean;
-    closable?: boolean;
-    timeout?: number;
-    onClose?: () => void;
-    class?: string;
-};
-declare const Toast: import("svelte").Component<Props, {}, "">;
-type Toast = ReturnType<typeof Toast>;
-export default Toast;

package/dist/lib/Tooltip.svelte

@@ -1,110 +0,0 @@
-<!-- src/lib/Tooltip.svelte -->
-<script lang="ts">
-  /**
-   * @component Tooltip
-   * @description Context-aware hint for inline controls and labels.
-   *
-   * @prop children {Snippet} - Inline trigger content
-   *
-   * @prop text {string} - Tooltip text
-   *
-   * @prop position {"top" | "bottom" | "left" | "right"} - Tooltip placement
-   * @default "top"
-   *
-   * @prop delay {number} - Delay before showing the tooltip (ms)
-   * @default 300
-   *
-   * @prop open {boolean} - Forces visibility when true
-   * @default false
-   *
-   * @prop class {string} - Wrapper classes
-   * @default ""
-   *
-   * @note Wraps any inline element and shows a floating bubble with `text`.
-   * @note `open` overrides hover/focus behavior when set to `true`.
-   * @note `position` controls which side of the trigger the bubble appears on.
-   * @note `delay` adds a small pause before showing the tooltip to avoid flicker.
-   * @note `class` is applied to the root wrapper, useful for layout tweaks.
-   */
-  import type { Snippet } from "svelte";
-  import type { HTMLAttributes } from "svelte/elements";
-  import type { Position } from "./types";
-  import { cx } from "../utils";
-
-  type Props = HTMLAttributes<HTMLDivElement> & {
-    children?: Snippet;
-    position?: Position;
-    delay?: number;
-    open?: boolean;
-    text?: string;
-    class?: string;
-  };
-
-  let {
-    children,
-    position = "top",
-    delay = 300,
-    open = false,
-    text = "",
-    class: externalClass = "",
-    ...rest
-  }: Props = $props();
-
-  let visible = $state(false);
-  let isHover = $state(false);
-  let isFocus = $state(false);
-  let timeout: ReturnType<typeof setTimeout> | undefined;
-
-  const show = $derived(open || isHover || isFocus);
-
-  $effect(() => {
-    if (timeout) clearTimeout(timeout);
-
-    if (show) {
-      timeout = setTimeout(() => {
-        visible = true;
-      }, delay);
-    } else {
-      visible = false;
-    }
-
-    return () => {
-      if (timeout) clearTimeout(timeout);
-    };
-  });
-
-  const positionClass: Record<Position, string> = {
-    top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
-    bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
-    left: "right-full top-1/2 -translate-y-1/2 mr-2",
-    right: "left-full top-1/2 -translate-y-1/2 ml-2",
-  };
-
-  const rootClass = $derived(cx("relative inline-block", externalClass));
-
-  const bubbleClass = $derived(
-    cx(
-      "absolute z-20 p-0.5 italic text-xs font-medium whitespace-nowrap rounded-[var(--radius-xs)]",
-      "bg-[var(--color-bg-surface)] text-[var(--color-text-default)] shadow-lg border border-[var(--border-color-default)]",
-      "transition-opacity duration-150 ease-linear",
-      visible ? "opacity-100" : "opacity-0 pointer-events-none"
-    )
-  );
-</script>
-
-<div
-  class={rootClass}
-  onmouseenter={() => (isHover = true)}
-  onmouseleave={() => (isHover = false)}
-  onfocus={() => (isFocus = true)}
-  onblur={() => (isFocus = false)}
-  {...rest}
->
-  {@render children?.()}
-
-  {#if text && visible}
-    <div role="tooltip" class={cx(bubbleClass, positionClass[position])}>
-      {text}
-    </div>
-  {/if}
-</div>

package/dist/lib/Tooltip.svelte.d.ts

@@ -1,40 +0,0 @@
-/**
-   * @component Tooltip
-   * @description Context-aware hint for inline controls and labels.
-   *
-   * @prop children {Snippet} - Inline trigger content
-   *
-   * @prop text {string} - Tooltip text
-   *
-   * @prop position {"top" | "bottom" | "left" | "right"} - Tooltip placement
-   * @default "top"
-   *
-   * @prop delay {number} - Delay before showing the tooltip (ms)
-   * @default 300
-   *
-   * @prop open {boolean} - Forces visibility when true
-   * @default false
-   *
-   * @prop class {string} - Wrapper classes
-   * @default ""
-   *
-   * @note Wraps any inline element and shows a floating bubble with `text`.
-   * @note `open` overrides hover/focus behavior when set to `true`.
-   * @note `position` controls which side of the trigger the bubble appears on.
-   * @note `delay` adds a small pause before showing the tooltip to avoid flicker.
-   * @note `class` is applied to the root wrapper, useful for layout tweaks.
-   */
-import type { Snippet } from "svelte";
-import type { HTMLAttributes } from "svelte/elements";
-import type { Position } from "./types";
-type Props = HTMLAttributes<HTMLDivElement> & {
-    children?: Snippet;
-    position?: Position;
-    delay?: number;
-    open?: boolean;
-    text?: string;
-    class?: string;
-};
-declare const Tooltip: import("svelte").Component<Props, {}, "">;
-type Tooltip = ReturnType<typeof Tooltip>;
-export default Tooltip;

package/dist/lib/index.d.ts

@@ -1,32 +0,0 @@
-export { default as Accordion } from "./Accordion.svelte";
-export { default as Button } from "./Button.svelte";
-export { default as Card } from "./Card.svelte";
-export { default as Carousel } from "./Carousel.svelte";
-export { default as CheckBox } from "./CheckBox.svelte";
-export { default as CodeView } from "./CodeView.svelte";
-export { default as ColorPicker } from "./ColorPicker.svelte";
-export { default as DatePicker } from "./DatePicker.svelte";
-export { default as Dialog } from "./Dialog.svelte";
-export { default as Field } from "./Field.svelte";
-export { default as FilePicker } from "./FilePicker.svelte";
-export { default as Form } from "./Form.svelte";
-export { default as Hamburger } from "./Hamburger.svelte";
-export { default as Menu } from "./Menu.svelte";
-export { default as PaginatedCard } from "./PaginatedCard.svelte";
-export { default as Pagination } from "./Pagination.svelte";
-export { default as PrimaryColorSelect } from "./PrimaryColorSelect.svelte";
-export { default as ProgressBar } from "./ProgressBar.svelte";
-export { default as ProgressCircle } from "./ProgressCircle.svelte";
-export { default as Radio } from "./Radio.svelte";
-export { default as SearchInput } from "./SearchInput.svelte";
-export { default as Select } from "./Select.svelte";
-export { default as Slider } from "./Slider.svelte";
-export { default as Splitter } from "./Splitter.svelte";
-export { default as Switch } from "./Switch.svelte";
-export { default as Table } from "./Table.svelte";
-export { default as Tabs } from "./Tabs.svelte";
-export { default as ThemeToggle } from "./ThemeToggle.svelte";
-export { default as TimePicker } from "./TimePicker.svelte";
-export { default as Toast } from "./Toast.svelte";
-export { default as Tooltip } from "./Tooltip.svelte";
-export * from "./types";

package/dist/lib/index.js

@@ -1,33 +0,0 @@
-// src/lib/index.ts
-export { default as Accordion } from "./Accordion.svelte";
-export { default as Button } from "./Button.svelte";
-export { default as Card } from "./Card.svelte";
-export { default as Carousel } from "./Carousel.svelte";
-export { default as CheckBox } from "./CheckBox.svelte";
-export { default as CodeView } from "./CodeView.svelte";
-export { default as ColorPicker } from "./ColorPicker.svelte";
-export { default as DatePicker } from "./DatePicker.svelte";
-export { default as Dialog } from "./Dialog.svelte";
-export { default as Field } from "./Field.svelte";
-export { default as FilePicker } from "./FilePicker.svelte";
-export { default as Form } from "./Form.svelte";
-export { default as Hamburger } from "./Hamburger.svelte";
-export { default as Menu } from "./Menu.svelte";
-export { default as PaginatedCard } from "./PaginatedCard.svelte";
-export { default as Pagination } from "./Pagination.svelte";
-export { default as PrimaryColorSelect } from "./PrimaryColorSelect.svelte";
-export { default as ProgressBar } from "./ProgressBar.svelte";
-export { default as ProgressCircle } from "./ProgressCircle.svelte";
-export { default as Radio } from "./Radio.svelte";
-export { default as SearchInput } from "./SearchInput.svelte";
-export { default as Select } from "./Select.svelte";
-export { default as Slider } from "./Slider.svelte";
-export { default as Splitter } from "./Splitter.svelte";
-export { default as Switch } from "./Switch.svelte";
-export { default as Table } from "./Table.svelte";
-export { default as Tabs } from "./Tabs.svelte";
-export { default as ThemeToggle } from "./ThemeToggle.svelte";
-export { default as TimePicker } from "./TimePicker.svelte";
-export { default as Toast } from "./Toast.svelte";
-export { default as Tooltip } from "./Tooltip.svelte";
-export * from "./types";

package/dist/lib/lang.d.ts

@@ -1,158 +0,0 @@
-export declare const TEXTS: {
-    readonly en: {
-        readonly components: {
-            readonly colorPicker: {
-                readonly text: "Choose color";
-                readonly color: "Color";
-                readonly clear: "Clear";
-                readonly placeholder: "No color selected";
-                readonly selectedColor: "Selected color";
-            };
-            readonly datePicker: {
-                readonly text: "Choose date";
-                readonly placeholder: "No date selected";
-                readonly date: "Date";
-                readonly clear: "Clear";
-                readonly selectedDate: "Selected date";
-            };
-            readonly dialog: {
-                readonly ok: "OK";
-                readonly cancel: "Cancel";
-            };
-            readonly filePicker: {
-                readonly text: "Choose files";
-                readonly clear: "Clear";
-                readonly dragDrop: "Drag and drop files here or click to browse";
-                readonly accepted: "Accepted";
-                readonly selectedFiles: "Selected files";
-                readonly placeholder: "No files selected";
-                readonly fileCount: "{n} file(s) selected";
-                readonly totalSize: "Total size";
-            };
-            readonly searchInput: {
-                readonly placeholder: "Search";
-            };
-            readonly menu: {
-                readonly subtitle: "Menu with size options";
-            };
-            readonly primaryColorSelect: {
-                readonly text: "Primary color";
-            };
-            readonly timePicker: {
-                readonly text: "Choose time";
-                readonly placeholder: "No time selected";
-                readonly clear: "Clear";
-                readonly hour: "Hour";
-                readonly minute: "Minute";
-                readonly period: "Period";
-                readonly selectedTime: "Selected time";
-                readonly switchTo12h: "12h";
-                readonly switchTo24h: "24h";
-            };
-        };
-    };
-    readonly ru: {
-        readonly components: {
-            readonly colorPicker: {
-                readonly text: "Выбрать цвет";
-                readonly color: "Цвет";
-                readonly clear: "Очистить";
-                readonly placeholder: "Цвет не выбран";
-                readonly selectedColor: "Выбранный цвет";
-            };
-            readonly datePicker: {
-                readonly text: "Выбрать дату";
-                readonly placeholder: "Дата не выбрана";
-                readonly date: "Дата";
-                readonly clear: "Очистить";
-                readonly selectedDate: "Выбранная дата";
-            };
-            readonly dialog: {
-                readonly ok: "ОК";
-                readonly cancel: "Отмена";
-            };
-            readonly filePicker: {
-                readonly text: "Выбрать файлы";
-                readonly clear: "Очистить";
-                readonly dragDrop: "Перетащите файлы сюда или нажмите, чтобы выбрать";
-                readonly accepted: "Допустимые форматы";
-                readonly selectedFiles: "Выбранные файлы";
-                readonly placeholder: "Файлы не выбраны";
-                readonly fileCount: "{n} файл(ов) выбрано";
-                readonly totalSize: "Общий размер";
-            };
-            readonly searchInput: {
-                readonly placeholder: "?????";
-            };
-            readonly menu: {
-                readonly subtitle: "Меню с вариантами размеров";
-            };
-            readonly primaryColorSelect: {
-                readonly text: "Основной цвет";
-            };
-            readonly timePicker: {
-                readonly text: "Выбрать время";
-                readonly placeholder: "Время не выбрано";
-                readonly clear: "Очистить";
-                readonly hour: "Час";
-                readonly minute: "Минута";
-                readonly period: "Период";
-                readonly selectedTime: "Выбранное время";
-                readonly switchTo12h: "12ч";
-                readonly switchTo24h: "24ч";
-            };
-        };
-    };
-    readonly es: {
-        readonly components: {
-            readonly colorPicker: {
-                readonly text: "Elegir color";
-                readonly color: "Color";
-                readonly clear: "Limpiar";
-                readonly placeholder: "Ningún color seleccionado";
-                readonly selectedColor: "Color seleccionado";
-            };
-            readonly datePicker: {
-                readonly text: "Elegir fecha";
-                readonly placeholder: "Sin fecha";
-                readonly date: "Fecha";
-                readonly clear: "Limpiar";
-                readonly selectedDate: "Fecha seleccionada";
-            };
-            readonly dialog: {
-                readonly ok: "OK";
-                readonly cancel: "Cancelar";
-            };
-            readonly filePicker: {
-                readonly text: "Elegir archivos";
-                readonly clear: "Limpiar";
-                readonly dragDrop: "Arrastra los archivos aquí o haz clic para seleccionar";
-                readonly accepted: "Formatos permitidos";
-                readonly selectedFiles: "Archivos seleccionados";
-                readonly placeholder: "No hay archivos";
-                readonly fileCount: "{n} archivo(s) seleccionado(s)";
-                readonly totalSize: "Tamaño total";
-            };
-            readonly searchInput: {
-                readonly placeholder: "Buscar";
-            };
-            readonly menu: {
-                readonly subtitle: "Menú con opciones de tamaño";
-            };
-            readonly primaryColorSelect: {
-                readonly text: "Color primario";
-            };
-            readonly timePicker: {
-                readonly text: "Elegir hora";
-                readonly placeholder: "Ninguna hora seleccionada";
-                readonly clear: "Limpiar";
-                readonly hour: "Hora";
-                readonly minute: "Minuto";
-                readonly period: "Período";
-                readonly selectedTime: "Hora seleccionada";
-                readonly switchTo12h: "12h";
-                readonly switchTo24h: "24h";
-            };
-        };
-    };
-};

package/dist/lib/lang.js

@@ -1,150 +0,0 @@
-// src/lib/lang.ts
-var enTexts = {
-    components: {
-        colorPicker: {
-            text: "Choose color",
-            color: "Color",
-            clear: "Clear",
-            placeholder: "No color selected",
-            selectedColor: "Selected color",
-        },
-        datePicker: {
-            text: "Choose date",
-            placeholder: "No date selected",
-            date: "Date",
-            clear: "Clear",
-            selectedDate: "Selected date",
-        },
-        dialog: {
-            ok: "OK",
-            cancel: "Cancel",
-        },
-        filePicker: {
-            text: "Choose files",
-            clear: "Clear",
-            dragDrop: "Drag and drop files here or click to browse",
-            accepted: "Accepted",
-            selectedFiles: "Selected files",
-            placeholder: "No files selected",
-            fileCount: "{n} file(s) selected",
-            totalSize: "Total size",
-        },
-        searchInput: {
-            placeholder: "Search",
-        },
-        menu: { subtitle: "Menu with size options" },
-        primaryColorSelect: { text: "Primary color" },
-        timePicker: {
-            text: "Choose time",
-            placeholder: "No time selected",
-            clear: "Clear",
-            hour: "Hour",
-            minute: "Minute",
-            period: "Period",
-            selectedTime: "Selected time",
-            switchTo12h: "12h",
-            switchTo24h: "24h",
-        },
-    },
-};
-var ruTexts = {
-    components: {
-        colorPicker: {
-            text: "Выбрать цвет",
-            color: "Цвет",
-            clear: "Очистить",
-            placeholder: "Цвет не выбран",
-            selectedColor: "Выбранный цвет",
-        },
-        datePicker: {
-            text: "Выбрать дату",
-            placeholder: "Дата не выбрана",
-            date: "Дата",
-            clear: "Очистить",
-            selectedDate: "Выбранная дата",
-        },
-        dialog: {
-            ok: "ОК",
-            cancel: "Отмена",
-        },
-        filePicker: {
-            text: "Выбрать файлы",
-            clear: "Очистить",
-            dragDrop: "Перетащите файлы сюда или нажмите, чтобы выбрать",
-            accepted: "Допустимые форматы",
-            selectedFiles: "Выбранные файлы",
-            placeholder: "Файлы не выбраны",
-            fileCount: "{n} файл(ов) выбрано",
-            totalSize: "Общий размер",
-        },
-        searchInput: {
-            placeholder: "?????",
-        },
-        menu: { subtitle: "Меню с вариантами размеров" },
-        primaryColorSelect: { text: "Основной цвет" },
-        timePicker: {
-            text: "Выбрать время",
-            placeholder: "Время не выбрано",
-            clear: "Очистить",
-            hour: "Час",
-            minute: "Минута",
-            period: "Период",
-            selectedTime: "Выбранное время",
-            switchTo12h: "12ч",
-            switchTo24h: "24ч",
-        },
-    },
-};
-var esTexts = {
-    components: {
-        colorPicker: {
-            text: "Elegir color",
-            color: "Color",
-            clear: "Limpiar",
-            placeholder: "Ningún color seleccionado",
-            selectedColor: "Color seleccionado",
-        },
-        datePicker: {
-            text: "Elegir fecha",
-            placeholder: "Sin fecha",
-            date: "Fecha",
-            clear: "Limpiar",
-            selectedDate: "Fecha seleccionada",
-        },
-        dialog: {
-            ok: "OK",
-            cancel: "Cancelar",
-        },
-        filePicker: {
-            text: "Elegir archivos",
-            clear: "Limpiar",
-            dragDrop: "Arrastra los archivos aquí o haz clic para seleccionar",
-            accepted: "Formatos permitidos",
-            selectedFiles: "Archivos seleccionados",
-            placeholder: "No hay archivos",
-            fileCount: "{n} archivo(s) seleccionado(s)",
-            totalSize: "Tamaño total",
-        },
-        searchInput: {
-            placeholder: "Buscar",
-        },
-        menu: { subtitle: "Menú con opciones de tamaño" },
-        primaryColorSelect: { text: "Color primario" },
-        timePicker: {
-            text: "Elegir hora",
-            placeholder: "Ninguna hora seleccionada",
-            clear: "Limpiar",
-            hour: "Hora",
-            minute: "Minuto",
-            period: "Período",
-            selectedTime: "Hora seleccionada",
-            switchTo12h: "12h",
-            switchTo24h: "24h",
-        },
-    },
-};
-export var TEXTS = {
-    en: enTexts,
-    ru: ruTexts,
-    es: esTexts,
-};

package/dist/lib/types/index.d.ts

@@ -1,111 +0,0 @@
-import type { Snippet } from "svelte";
-export declare const SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
-export type SizeKey = (typeof SIZES)[number];
-export declare const TEXT: Record<SizeKey, string>;
-export type AlignText = "left" | "center" | "right";
-export type AlignContent = "start" | "center" | "end" | "stretch";
-export type LabelWeight = "normal" | "medium" | "semibold" | "bold";
-export type AccordionItem = {
-    id?: string;
-    title: string;
-    content: string;
-};
-export declare const variants: readonly ["primary", "secondary", "pill", "danger", "success", "warning", "ghost", "link", "info"];
-export type ButtonVariant = (typeof variants)[number];
-export type CarouselItem = {
-    id?: string | number;
-    title?: string;
-    content?: string;
-    image?: string;
-    children?: Snippet;
-};
-export type Language = "txt" | "html" | "css" | "js" | "json" | "python";
-export type ComponentVariant = "default" | "neutral";
-export type Item = {
-    id: string;
-    label: string;
-};
-export type FormComponentType = "text" | "number" | "textarea" | "password" | "email" | "select" | "checkbox";
-export interface FieldSchema {
-    name: string;
-    type: FormComponentType;
-    label?: string;
-    required?: boolean;
-    class?: string;
-    options?: {
-        value: string | number | boolean;
-        label: string;
-        disabled?: boolean;
-    }[];
-    rows?: number;
-    default?: unknown;
-    when?: (form: Record<string, unknown>) => boolean;
-    validators?: ((v: unknown, form?: Record<string, unknown>) => string | null | Promise<string | null>)[];
-    sz?: "xs" | "sm" | "md" | "lg" | "xl";
-    variant?: "default" | "filled" | "neutral";
-}
-export type FormApi = {
-    reset: () => void;
-    submit: () => void;
-    validate: () => Promise<boolean>;
-    getData: () => Record<string, unknown>;
-    setValue: (name: string, value: unknown) => void;
-};
-export type FormValues = Record<string, unknown>;
-export type MenuAction = string | {
-    id?: string;
-    label?: string;
-    real?: string;
-    shortcut?: string;
-    submenu?: MenuAction[];
-    type?: "separator";
-};
-export type MenuItem = {
-    name: string;
-    actions: MenuAction[];
-};
-export type CellAlign = "start" | "center" | "end";
-export type Column<T> = {
-    key: keyof T;
-    label: string;
-    align?: CellAlign;
-    width?: string;
-};
-export type TableRow = Record<string, unknown>;
-export type TableVariant = "default" | "dense" | "list" | "noBorder" | "noTitle" | "zebra";
-export type TabItem = {
-    id: string;
-    label: string;
-    disabled?: boolean;
-};
-export type TabsVariant = "default" | "pills" | "underline";
-export type SelectOption = {
-    label: string;
-    value: string;
-    disabled?: boolean;
-    swatch?: string;
-};
-export type Position = "top" | "bottom" | "left" | "right";
-export type ToastVariant = "success" | "danger" | "warning" | "info";
-export type FieldVariant = "default" | "filled" | "neutral";
-export type As = "input" | "textarea";
-export type FieldType = {
-    as?: As;
-    label?: string;
-    sz?: SizeKey;
-    variant?: FieldVariant;
-    clearable?: boolean;
-    rows?: number;
-    parseNumber?: boolean;
-    leading?: Snippet | string;
-    trailing?: Snippet | string;
-    onChange?: (val: string | number) => void;
-    invalid?: boolean;
-    describedBy?: string;
-};
-export type PrimaryKey = "default" | "cyan" | "red" | "green" | "yellow" | "pink" | "orange" | "purple";
-export type PaletteOption = {
-    value: PrimaryKey;
-    label: string;
-    swatch: string;
-};

package/dist/lib/types/index.js

@@ -1,26 +0,0 @@
-// -------------------------------------------------------------------------
-//                                  SIZE
-// -------------------------------------------------------------------------
-export var SIZES = ["xs", "sm", "md", "lg", "xl"];
-export var TEXT = {
-    xs: "[font-size:var(--text-xs)]",
-    sm: "[font-size:var(--text-sm)]",
-    md: "[font-size:var(--text-md)]",
-    lg: "[font-size:var(--text-lg)]",
-    xl: "[font-size:var(--text-xl)]",
-};
-// -------------------------------------------------------------------------
-//                                  BUTTON
-// -------------------------------------------------------------------------
-export var variants = [
-    "primary",
-    "secondary",
-    "pill",
-    "danger",
-    "success",
-    "warning",
-    "ghost",
-    "link",
-    "info",
-];
-// -------------------------------------------------------------------------------

package/dist/main.d.ts

@@ -1,3 +0,0 @@
-import "./app.css";
-declare const app: {};
-export default app;