@g4rcez/components 5.0.0 → 5.0.1

package/dist/src/components/table/table-lib.js

@@ -1,83 +0,0 @@
-"use client";
-import { useCallback, useRef } from "react";
-import { LocalStorage } from "storage-manager-js";
-import { useReducer } from "use-typed-reducer";
-import { useStableRef } from "../../hooks/use-stable-ref";
-import { isSsr } from "../../lib/fns";
-export const getLabel = (col) => col.headerLabel ?? col.thead ?? col.id;
-export const createOptionCols = (cols) => cols.map((opt) => ({
-    value: opt.id,
-    label: (opt.thead ?? opt.headerLabel ?? opt.id),
-}));
-export var ColType;
-(function (ColType) {
-    ColType["Boolean"] = "boolean";
-    ColType["Number"] = "number";
-    ColType["Select"] = "select";
-    ColType["Text"] = "text";
-})(ColType || (ColType = {}));
-export const valueFromType = (input) => (input.type === "number" ? input.valueAsNumber : input.value);
-const cols = () => (id, thead, options) => ({ ...options, id, thead });
-export const createColumns = (callback) => {
-    let items = [];
-    const add = (id, thead, options) => items.push({ ...options, id, thead });
-    const remove = (id) => (items = items.filter((x) => x.id !== id));
-    const getAll = () => Array.from(items);
-    const filter = (c) => (items = Array.from(items.filter(c)));
-    callback({ add, remove, getAll, filter });
-    return items;
-};
-const noop = {};
-const mergeCols = (cols, saved) => {
-    if (!Array.isArray(saved))
-        return cols;
-    const savedSet = new Set(saved.map((x) => x.id));
-    if (!cols.every((x) => savedSet.has(x.id))) {
-        return cols;
-    }
-    const map = new Map(cols.map((x) => [x.id, x]));
-    return saved.map((mock, index) => {
-        const original = map.get(mock.id);
-        if (original === undefined)
-            return cols[index];
-        return original;
-    });
-};
-export const useTablePreferences = (name, cols, options = noop) => {
-    const init = isSsr() ? null : LocalStorage.get(`@components/table-${name}`) || null;
-    const [state, dispatch] = useReducer({
-        name,
-        groups: options.groups || init?.groups || [],
-        sorters: options.sorters || init?.sorters || [],
-        filters: options.filters || init?.filters || [],
-        cols: mergeCols(cols, init?.cols),
-    }, (get) => {
-        const intercept = (partial) => {
-            const prev = get.state();
-            const result = { ...prev, ...partial };
-            if (!isSsr())
-                LocalStorage.set(`@components/table-${prev.name}`, result);
-            return result;
-        };
-        intercept(get.state());
-        return {
-            set: (getters) => intercept(getters),
-        };
-    });
-    return { ...state, ...dispatch, name };
-};
-export const useWidthControl = (reorder) => {
-    const stableRef = useStableRef(reorder);
-    const ref = useRef(null);
-    const onChange = useCallback((cols) => {
-        stableRef.current(cols);
-        cols.forEach((x) => {
-            const c = ref.current.querySelector(`th[data-tableheader="${x.id}"]`);
-            if (!c)
-                return;
-            c.style.width = "auto";
-        });
-    }, [stableRef]);
-    return [ref, onChange];
-};
-export const getModalScrollerRef = () => (isSsr() ? undefined : document.querySelector(`[data-component="modal-body"]`));

package/dist/src/components/table/table.context.d.ts

@@ -1,10 +0,0 @@
-export type TableContextProps = Partial<{
-    sticky: number;
-}>;
-export declare const TableProvider: import("react").Provider<Partial<{
-    sticky: number;
-}>>;
-export declare const useTable: () => Partial<{
-    sticky: number;
-}>;
-//# sourceMappingURL=table.context.d.ts.map

package/dist/src/components/table/table.context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.context.d.ts","sourceRoot":"","sources":["../../../../src/components/table/table.context.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAI5D,eAAO,MAAM,aAAa;YAJwB,MAAM;GAIN,CAAC;AAEnD,eAAO,MAAM,QAAQ;YAN6B,MAAM;EAMF,CAAC"}

package/dist/src/components/table/table.context.jsx

@@ -1,5 +0,0 @@
-"use client";
-import { createContext, useContext } from "react";
-const TableContext = createContext({});
-export const TableProvider = TableContext.Provider;
-export const useTable = () => useContext(TableContext);

package/dist/src/components/table/thead.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { Col, TableOperationProps } from "./table-lib";
-type TableHeaderProps<T extends object> = {
-    loading: boolean;
-    headers: Col<T>[];
-} & Pick<TableOperationProps<T>, "filters" | "setFilters" | "setCols" | "setSorters" | "sorters" | "inlineSorter" | "inlineFilter">;
-export declare const TableHeader: <T extends object>(props: TableHeaderProps<T>) => React.JSX.Element;
-export {};
-//# sourceMappingURL=thead.d.ts.map

package/dist/src/components/table/thead.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../../src/components/table/thead.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAM7D,OAAO,EAAE,GAAG,EAAY,mBAAmB,EAAmB,MAAM,aAAa,CAAC;AAIlF,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,IAAI;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;CACrB,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,GAAG,cAAc,GAAG,cAAc,CAAC,CAAC;AAmKpI,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,EAAE,OAAO,gBAAgB,CAAC,CAAC,CAAC,sBAuBvE,CAAC"}

package/dist/src/components/table/thead.jsx

@@ -1,103 +0,0 @@
-"use client";
-import { AnimatePresence, motion, Reorder } from "motion/react";
-import { Order } from "linq-arrays";
-import { PlusIcon, MagnifyingGlassIcon, MagnifyingGlassMinusIcon } from "@phosphor-icons/react";
-import React, { Fragment, useCallback, useRef } from "react";
-import { useTranslations } from "../../hooks/use-translations";
-import { useTweaks } from "../../hooks/use-tweaks";
-import { Dropdown } from "../floating/dropdown";
-import { ColumnHeaderFilter, createFilterFromCol, useOperators } from "./filter";
-import { SorterHead } from "./sort";
-import { getLabel, useWidthControl } from "./table-lib";
-const dragConstraints = { top: 0, left: 0, right: 0, bottom: -1 };
-const HeaderChild = (props) => {
-    const tweaks = useTweaks();
-    const translation = useTranslations();
-    const ownFilters = props.filters.filter((x) => x.name === props.header.id);
-    const hasFilters = ownFilters.length > 0;
-    const defaultAllowSort = props.header.allowSort ?? tweaks.table.sorters ?? true;
-    const defaultAllowFilter = props.header.allowFilter ?? tweaks.table.filters ?? true;
-    const operators = useOperators();
-    const FilterIcon = hasFilters ? MagnifyingGlassIcon : MagnifyingGlassMinusIcon;
-    const th = useRef(null);
-    const onDelete = (e) => {
-        const id = e.currentTarget.dataset.id || "";
-        return props.setFilters((prev) => prev.filter((x) => x.id !== id));
-    };
-    const dragRef = useCallback((dom) => {
-        if (dom === null)
-            return;
-        th.current = dom;
-        const controller = new AbortController();
-        dom.addEventListener("pointerdown", (e) => {
-            const target = e.target;
-            if (target.dataset.type === "resizer") {
-                e.stopPropagation();
-                return e.stopImmediatePropagation();
-            }
-        }, { signal: controller.signal });
-        return () => controller.abort();
-    }, []);
-    const ownSorter = props.sorters.find((x) => props.header.id === x.value);
-    const ariaSort = !ownSorter?.type ? "none" : ownSorter.type === Order.Asc ? "ascending" : "descending";
-    const label = getLabel(props.header);
-    return (<Reorder.Item {...props.header.thProps} as="th" ref={dragRef} initial={false} dragSnapToOrigin dragDirectionLock role="columnheader" aria-sort={ariaSort} value={props.header} aria-busy={props.loading} data-tableheader={props.header.id} whileDrag={{ cursor: "grabbing" }} className={`typography relative min-w-0 cursor-grab overflow-clip border-r-table-cell-border border-table-border bg-table-header font-medium first:rounded-tl-table-radius last:rounded-tr-table-radius last:border-r-transparent md:h-14 ${props.header.thProps?.className ?? ""}`}>
-            <span className={`flex h-full items-center justify-between bg-table-header p-table-cell-padding ${props.isLast ? "rounded-tr-table-radius" : ""} ${props.index === 0 ? "rounded-tl-table-radius" : ""}`}>
-                <span className="flex items-center gap-table-inline-gap-tight">
-                    {props.inlineFilter && defaultAllowFilter ? (<Dropdown arrow trigger={<span>
-                                    <span id={`${props.header.id}-filter-dropdown-button`} className="sr-only">
-                                        {translation.tableFilterDropdownTitleUnique} {label}
-                                    </span>
-                                    <FilterIcon aria-labelledby={`${props.header.id}-filter-dropdown-button`} size={14}/>
-                                </span>} title={<span className="text-typography-lg">
-                                    {translation.tableFilterDropdownTitleUnique} <span className="font-medium">{label}</span>
-                                </span>}>
-                            <ul className="font-medium">
-                                {ownFilters.length === 0 ? null : (<Fragment>
-                                        {ownFilters.map((filter) => (<li key={`thead-filter-${filter.id}`} className="my-1">
-                                                <ColumnHeaderFilter onDelete={onDelete} filter={filter} set={props.setFilters}/>
-                                            </li>))}
-                                    </Fragment>)}
-                                <li>
-                                    <button type="button" className="flex items-center gap-table-inline-gap-tight text-primary" onClick={() => props.setFilters((prev) => prev.concat(createFilterFromCol(props.header, operators.options, operators.operations)))}>
-                                        <PlusIcon size={14}/> {translation.tableFilterNewFilter}
-                                    </button>
-                                </li>
-                            </ul>
-                        </Dropdown>) : null}
-                    <span className="text-typography-base pointer-events-auto text-balance">{props.header.thead}</span>
-                    {props.inlineSorter && defaultAllowSort ? (<SorterHead col={props.header} setSorters={props.setSorters} sorters={props.sorters}/>) : null}
-                </span>
-            </span>
-            {props.isLast ? null : (<motion.button drag="x" draggable dragListener dragMomentum type="button" animate={false} dragElastic={0} dragPropagation initial={false} dragSnapToOrigin dragDirectionLock data-type="resizer" title={props.header.id} dragConstraints={dragConstraints} className="absolute -right-[0.5px] top-0 z-calendar block h-full w-table-divider-w cursor-col-resize bg-transparent hover:w-1.5 hover:bg-primary active:w-1.5 active:bg-primary" onClick={(e) => void e.currentTarget.focus()} onKeyDown={(e) => {
-                if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
-                    if (th.current === null)
-                        return;
-                    th.current.setAttribute("data-resized", "true");
-                    const v = th.current.getBoundingClientRect().width;
-                    const move = e.shiftKey ? 50 : 10;
-                    const delta = move * (e.key === "ArrowLeft" ? -1 : 1);
-                    th.current.style.width = `${Math.abs(v + delta)}px`;
-                }
-            }} onDoubleClick={() => {
-                if (th.current === null)
-                    return;
-                th.current.style.width = "auto";
-            }} onDrag={(_, info) => {
-                if (th.current === null)
-                    return;
-                th.current.setAttribute("data-resized", "true");
-                const v = th.current.getBoundingClientRect().width;
-                const delta = info.delta.x;
-                th.current.style.width = `${Math.abs(v + delta)}px`;
-            }}/>)}
-        </Reorder.Item>);
-};
-export const TableHeader = (props) => {
-    const [ref, onChange] = useWidthControl(props.setCols);
-    return (<Reorder.Group layout as="tr" axis="x" drag="x" ref={ref} layoutRoot role="row" layoutScroll onReorder={onChange} values={props.headers}>
-            <AnimatePresence>
-                {props.headers.map((header, index) => (<HeaderChild index={index} header={header} filters={props.filters} loading={props.loading} sorters={props.sorters} setFilters={props.setFilters} setSorters={props.setSorters} inlineFilter={props.inlineFilter} inlineSorter={props.inlineSorter} isLast={index === props.headers.length - 1} key={`header-child-item-${header.id}`}/>))}
-            </AnimatePresence>
-        </Reorder.Group>);
-};

package/dist/src/config/context.d.ts

@@ -1,21 +0,0 @@
-import type { IconProps } from "@phosphor-icons/react";
-import type { Locales } from "the-mask-input";
-import { parsers } from "../styles/design-tokens";
-import { type Translations } from "./default-translations";
-import { type Tweaks } from "./default-tweaks";
-export type ContextProps = Partial<{
-    tweaks: Partial<Tweaks>;
-    map: Partial<Translations>;
-    locale: Locales | undefined;
-    parser: typeof parsers.hsla;
-    rootFloating?: HTMLElement | null;
-    iconWeight: IconProps["weight"];
-}>;
-export declare const Context: import("react").Context<Partial<{
-    tweaks: Tweaks;
-    map: Translations;
-    locale: Locales | undefined;
-    parser: typeof parsers.hsla;
-    floatingRef?: HTMLElement | null;
-}>>;
-//# sourceMappingURL=context.d.ts.map

package/dist/src/config/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/config/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAiB,KAAK,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC;IAC/B,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACxB,GAAG,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC3B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,MAAM,EAAE,OAAO,OAAO,CAAC,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;CACnC,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;GAMlB,CAAC"}

package/dist/src/config/context.js

@@ -1,12 +0,0 @@
-"use client";
-import { createContext } from "react";
-import { parsers } from "../styles/design-tokens";
-import { defaultTranslations } from "./default-translations";
-import { defaultTweaks } from "./default-tweaks";
-export const Context = createContext({
-    parser: parsers.hsla,
-    tweaks: defaultTweaks,
-    floatingRef: undefined,
-    map: defaultTranslations,
-    locale: undefined,
-});

package/dist/src/config/default-translations.d.ts

@@ -1,94 +0,0 @@
-import React from "react";
-export declare const defaultTranslations: {
-    autocompleteEmpty: string;
-    calendarBackMonth: string;
-    calendarFromDate: string;
-    calendarMonthLabel: string;
-    calendarNextMonth: string;
-    calendarDatetimeTitle: string;
-    calendarToDate: string;
-    calendarToday: string;
-    pageCalendarMonthView: string;
-    pageCalendarWeekView: string;
-    pageCalendarDayView: string;
-    pageCalendarPrevious: string;
-    pageCalendarNext: string;
-    pageCalendarToday: string;
-    pageCalendarAddEvent: string;
-    pageCalendarWeekLabel: (n: number) => string;
-    pageCalendarFilter: string;
-    pageCalendarMoreEvents: (n: number) => string;
-    pageCalendarLabel: string;
-    pageCalendarNavigation: string;
-    pageCalendarMonthGrid: string;
-    pageCalendarFilterEnabled: string;
-    pageCalendarFilterDisabled: string;
-    pageCalendarEventCount: (n: number) => string;
-    pageCalendarEventAt: (title: string, time: string) => string;
-    commandPaletteEmpty: string;
-    commandPaletteLoading: string;
-    datePickerCalendarButtonLabel: string;
-    emptyDataMessage: string;
-    inputCaretDown: string;
-    inputCloseValue: string;
-    inputOptionalLabel: string;
-    wizardNext: string;
-    wizardPrev: string;
-    wizardFinish: string;
-    wizardSkip: string;
-    multiSelectInnerPlaceholder: string;
-    multiSelectSelectedLabel: string;
-    tableColumnResizer: string;
-    tableFilterColumnPlaceholder: string;
-    tableFilterColumnTitle: string;
-    tableFilterDropdownTitle: string;
-    tableFilterDropdownTitleUnique: string;
-    tableFilterLabel: string;
-    tableFilterNewFilter: string;
-    tableFilterOperatorPlaceholder: string;
-    tableFilterOperatorTitle: string;
-    tableFilterTypeContains: string;
-    tableFilterTypeEndsWith: string;
-    tableFilterTypeGreaterThan: string;
-    tableFilterTypeIs: string;
-    tableFilterTypeIsNot: string;
-    tableFilterTypeLessThan: string;
-    tableFilterTypeNotContains: string;
-    tableFilterTypeStartsWith: string;
-    tableFilterValuePlaceholder: string;
-    tableFilterValueTitle: string;
-    tableGroupLabel: string;
-    tableGroupLabelWithCount: string;
-    tablePaginationFooter: (pagination: {
-        pages: number;
-        totalItems: number;
-        sizes?: number[];
-        current: number;
-        select: React.ReactNode;
-    }) => React.JSX.Element;
-    tablePaginationNext: string;
-    tablePaginationPrevious: string;
-    tablePaginationSelectLabel: string;
-    tableSortAddButton: string;
-    tableSortAsc: string;
-    tableSortDesc: string;
-    tableSortDropdownTitle: string;
-    tableSortOrderByLabel: string;
-    tableSortOrderInputPlaceholder: string;
-    tableSortOrderInputTitle: string;
-    tableSortTypeInputPlaceholder: string;
-    tableSortTypeInputTitle: string;
-    uploadIdle: string;
-    uploadIdleButton: string;
-    uploadDragging: (props: {
-        n: number;
-    }) => string;
-    uploadDialogTitle: string;
-    datepickerPlaceholder: (_: string) => string;
-    spinnerLoading: string;
-    skeletonLoading: string;
-    closeButton: string;
-    fileUploadZoneLabel: string;
-};
-export type Translations = typeof defaultTranslations;
-//# sourceMappingURL=default-translations.d.ts.map

package/dist/src/config/default-translations.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-translations.d.ts","sourceRoot":"","sources":["../../../src/config/default-translations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;+BAgBD,MAAM;;gCAEL,MAAM;;;;;;gCAMN,MAAM;iCACL,MAAM,QAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmCb;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE;;;;;;;;;;;;;;;4BAqB7G;QAAE,CAAC,EAAE,MAAM,CAAA;KAAE;;+BAGV,MAAM;;;;;CAKpC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,mBAAmB,CAAC"}

package/dist/src/config/default-translations.jsx

@@ -1,87 +0,0 @@
-import React, { Fragment } from "react";
-export const defaultTranslations = {
-    autocompleteEmpty: "Nothing here...",
-    calendarBackMonth: "Back month",
-    calendarFromDate: "From",
-    calendarMonthLabel: "Month",
-    calendarNextMonth: "Next month",
-    calendarDatetimeTitle: "Time",
-    calendarToDate: "To",
-    calendarToday: "Today",
-    pageCalendarMonthView: "Month view",
-    pageCalendarWeekView: "Week view",
-    pageCalendarDayView: "Day view",
-    pageCalendarPrevious: "Previous",
-    pageCalendarNext: "Next",
-    pageCalendarToday: "Today",
-    pageCalendarAddEvent: "Add event",
-    pageCalendarWeekLabel: (n) => `Week ${n}`,
-    pageCalendarFilter: "Filter:",
-    pageCalendarMoreEvents: (n) => `+${n} more...`,
-    pageCalendarLabel: "Calendar",
-    pageCalendarNavigation: "Calendar navigation",
-    pageCalendarMonthGrid: "Calendar month",
-    pageCalendarFilterEnabled: "enabled",
-    pageCalendarFilterDisabled: "disabled",
-    pageCalendarEventCount: (n) => (n === 1 ? "1 event" : `${n} events`),
-    pageCalendarEventAt: (title, time) => `${title} at ${time}`,
-    commandPaletteEmpty: "Nothing here...",
-    commandPaletteLoading: "Loading...",
-    datePickerCalendarButtonLabel: "Click to open a date picker",
-    emptyDataMessage: "No data",
-    inputCaretDown: "Click to see all options",
-    inputCloseValue: "Click to clear the value",
-    inputOptionalLabel: "Optional",
-    wizardNext: "Next",
-    wizardPrev: "Previous",
-    wizardFinish: "Finish",
-    wizardSkip: "Skip",
-    multiSelectInnerPlaceholder: "Search...",
-    multiSelectSelectedLabel: "Selected",
-    tableColumnResizer: "Resize column",
-    tableFilterColumnPlaceholder: "Filter by",
-    tableFilterColumnTitle: "Filter by",
-    tableFilterDropdownTitle: "Filters",
-    tableFilterDropdownTitleUnique: "Filter by",
-    tableFilterLabel: "Filters",
-    tableFilterNewFilter: "New filter",
-    tableFilterOperatorPlaceholder: "Equals to...",
-    tableFilterOperatorTitle: "Operation",
-    tableFilterTypeContains: "Contains",
-    tableFilterTypeEndsWith: "Ends with",
-    tableFilterTypeGreaterThan: "Greater than",
-    tableFilterTypeIs: "Is",
-    tableFilterTypeIsNot: "Is not",
-    tableFilterTypeLessThan: "Less than",
-    tableFilterTypeNotContains: "Not contains",
-    tableFilterTypeStartsWith: "Starts with",
-    tableFilterValuePlaceholder: "Something...",
-    tableFilterValueTitle: "Value",
-    tableGroupLabel: "Group",
-    tableGroupLabelWithCount: "Group",
-    tablePaginationFooter: (pagination) => (<Fragment>
-            {pagination.current} to {pagination.pages} of {pagination.totalItems} items.{Array.isArray(pagination.sizes) ? pagination.select : null}{" "}
-            per page.
-        </Fragment>),
-    tablePaginationNext: "Next",
-    tablePaginationPrevious: "Previous",
-    tablePaginationSelectLabel: "Select the size of page",
-    tableSortAddButton: "Add sort",
-    tableSortAsc: "Ascending",
-    tableSortDesc: "Descending",
-    tableSortDropdownTitle: "Order by",
-    tableSortOrderByLabel: "Order by",
-    tableSortOrderInputPlaceholder: "Order by",
-    tableSortOrderInputTitle: "Order by",
-    tableSortTypeInputPlaceholder: "Ascending",
-    tableSortTypeInputTitle: "Sort type",
-    uploadIdle: "You can drag your files here",
-    uploadIdleButton: "Choose your files",
-    uploadDragging: (props) => `Dragging ${props.n} ${props.n > 0 ? "files" : "file"}`,
-    uploadDialogTitle: "Details of your file",
-    datepickerPlaceholder: (_) => "day/month/year",
-    spinnerLoading: "Loading",
-    skeletonLoading: "Loading content",
-    closeButton: "Close",
-    fileUploadZoneLabel: "File upload area. Drag files here or press Enter to browse.",
-};

package/dist/src/config/default-tweaks.d.ts

@@ -1,13 +0,0 @@
-export type Tweaks = {
-    table: {
-        sorters: boolean;
-        filters: boolean;
-        operations: boolean;
-        sticky: number | undefined;
-    };
-    input: {
-        iconFeedback: boolean;
-    };
-};
-export declare const defaultTweaks: Tweaks;
-//# sourceMappingURL=default-tweaks.d.ts.map

package/dist/src/config/default-tweaks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-tweaks.d.ts","sourceRoot":"","sources":["../../../src/config/default-tweaks.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACjB,KAAK,EAAE;QACH,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,OAAO,CAAC;QACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,KAAK,EAAE;QACH,YAAY,EAAE,OAAO,CAAC;KACzB,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAG3B,CAAC"}

package/dist/src/config/default-tweaks.js

@@ -1,4 +0,0 @@
-export const defaultTweaks = {
-    input: { iconFeedback: true },
-    table: { operations: true, sorters: true, filters: true, sticky: undefined },
-};

package/dist/src/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const FLOATING_DELAY = 200;
-export declare const TYPEAHEAD_RESET_DELAY = 500;
-//# sourceMappingURL=constants.d.ts.map

package/dist/src/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,eAAO,MAAM,qBAAqB,MAAM,CAAC"}

package/dist/src/constants.js

@@ -1,2 +0,0 @@
-export const FLOATING_DELAY = 200;
-export const TYPEAHEAD_RESET_DELAY = 500;

package/dist/src/hooks/use-click-outside.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export declare const useOnClickOutside: <T extends HTMLElement>(ref: React.RefObject<T>, handler: (event: MouseEvent | TouchEvent) => void) => void;
-//# sourceMappingURL=use-click-outside.d.ts.map

package/dist/src/hooks/use-click-outside.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-click-outside.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-click-outside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,SAclI,CAAC"}

package/dist/src/hooks/use-click-outside.js

@@ -1,17 +0,0 @@
-import { useEffect } from "react";
-export const useOnClickOutside = (ref, handler) => {
-    useEffect(() => {
-        const listener = (event) => {
-            if (!ref.current || ref.current.contains(event.target))
-                return;
-            handler(event);
-        };
-        const params = { passive: true };
-        document.addEventListener("mousedown", listener, params);
-        document.addEventListener("touchstart", listener, params);
-        return () => {
-            document.removeEventListener("mousedown", listener);
-            document.removeEventListener("touchstart", listener);
-        };
-    }, [ref, handler]);
-};

package/dist/src/hooks/use-color-parser.d.ts

@@ -1,2 +0,0 @@
-export declare const useColorParser: () => (v: string) => `hsla(${string})`;
-//# sourceMappingURL=use-color-parser.d.ts.map

package/dist/src/hooks/use-color-parser.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-color-parser.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-color-parser.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,wCAI1B,CAAC"}

package/dist/src/hooks/use-color-parser.js

@@ -1,9 +0,0 @@
-import { useContext } from "react";
-import { Context } from "../config/context";
-import { parsers } from "../styles/design-tokens";
-export const useColorParser = () => {
-    const ctx = useContext(Context);
-    if (!ctx)
-        return parsers.hsla;
-    return ctx.parser;
-};

package/dist/src/hooks/use-components-provider.d.ts

@@ -1,15 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { Locales } from "the-mask-input";
-import { parsers } from "../styles/design-tokens";
-import { ContextProps } from "../config/context";
-import { Translations } from "../config/default-translations";
-import { Tweaks } from "../config/default-tweaks";
-export type ContextType = Partial<{
-    tweaks: Tweaks;
-    map: Translations;
-    locale: Locales | undefined;
-    parser: typeof parsers.hsla;
-    floatingRef?: HTMLElement | null;
-}>;
-export declare const ComponentsProvider: (props: PropsWithChildren<ContextProps>) => React.JSX.Element;
-//# sourceMappingURL=use-components-provider.d.ts.map

package/dist/src/hooks/use-components-provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-components-provider.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-components-provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAW,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAuB,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAiB,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,YAAY,CAAC;IAClB,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,MAAM,EAAE,OAAO,OAAO,CAAC,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,kBAAkB,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,sBAkBxE,CAAC"}

package/dist/src/hooks/use-components-provider.jsx

@@ -1,22 +0,0 @@
-"use client";
-import React, { useMemo } from "react";
-import { IconContext } from "@phosphor-icons/react";
-import { parsers } from "../styles/design-tokens";
-import { Context } from "../config/context";
-import { defaultTranslations } from "../config/default-translations";
-import { defaultTweaks } from "../config/default-tweaks";
-import { ModalConfirmProvider } from "../components/floating/modal";
-export const ComponentsProvider = (props) => {
-    const memoMap = useMemo(() => ({
-        locale: props.locale,
-        floatingRef: props.rootFloating,
-        tweaks: { ...defaultTweaks, ...props.tweaks },
-        parser: props.parser || parsers.hsla,
-        map: { ...defaultTranslations, ...props.map },
-    }), [props]);
-    return (<IconContext.Provider value={{ weight: props.iconWeight ?? "regular" }}>
-            <Context.Provider value={memoMap}>
-                <ModalConfirmProvider>{props.children}</ModalConfirmProvider>
-            </Context.Provider>
-        </IconContext.Provider>);
-};

package/dist/src/hooks/use-debounce.d.ts

@@ -1,5 +0,0 @@
-type Fn = (...a: never[]) => unknown;
-export declare const debounce: <T extends Fn>(fn: T, ms?: number) => ((...args: Parameters<T>) => void);
-export declare function useDebounce<T extends Fn>(fn: T, delay: number): (...args: Parameters<T>) => void;
-export {};
-//# sourceMappingURL=use-debounce.d.ts.map

package/dist/src/hooks/use-debounce.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-debounce.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-debounce.ts"],"names":[],"mappings":"AAEA,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,OAAO,CAAC;AAErC,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,EAAE,WAAM,KAAG,CAAC,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAMvF,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,+BARsB,IAAI,CAWvF"}

package/dist/src/hooks/use-debounce.js

@@ -1,12 +0,0 @@
-import { useRef } from "react";
-export const debounce = (fn, ms = 0) => {
-    let timeoutId = undefined;
-    return function debounced(...args) {
-        clearTimeout(timeoutId);
-        timeoutId = setTimeout(() => fn(...args), ms);
-    };
-};
-export function useDebounce(fn, delay) {
-    const debouncedValue = useRef(debounce(fn, delay));
-    return debouncedValue.current;
-}

package/dist/src/hooks/use-floating-ref.d.ts

@@ -1,2 +0,0 @@
-export declare const useFloatingRef: () => HTMLElement | undefined;
-//# sourceMappingURL=use-floating-ref.d.ts.map

package/dist/src/hooks/use-floating-ref.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-floating-ref.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-floating-ref.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,+BAG1B,CAAC"}

package/dist/src/hooks/use-floating-ref.js

@@ -1,6 +0,0 @@
-import { useContext } from "react";
-import { Context } from "../config/context";
-export const useFloatingRef = () => {
-    const ctx = useContext(Context);
-    return ctx.floatingRef ?? undefined;
-};