@g4rcez/components 5.0.1 → 5.0.2

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

@@ -0,0 +1,83 @@
+"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/components/table/table.context.d.ts

@@ -0,0 +1,10 @@
+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/components/table/table.context.d.ts.map

@@ -0,0 +1 @@
+{"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/components/table/table.context.jsx

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

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

@@ -0,0 +1,9 @@
+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/components/table/thead.d.ts.map

@@ -0,0 +1 @@
+{"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/components/table/thead.jsx

@@ -0,0 +1,103 @@
+"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/config/context.d.ts

@@ -0,0 +1,21 @@
+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/config/context.d.ts.map

@@ -0,0 +1 @@
+{"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/config/context.js

@@ -0,0 +1,12 @@
+"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/config/default-translations.d.ts

@@ -0,0 +1,94 @@
+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/config/default-translations.d.ts.map

@@ -0,0 +1 @@
+{"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/config/default-translations.jsx

@@ -0,0 +1,87 @@
+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/config/default-tweaks.d.ts

@@ -0,0 +1,13 @@
+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/config/default-tweaks.d.ts.map

@@ -0,0 +1 @@
+{"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/config/default-tweaks.js

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

package/dist/constants.d.ts

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

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"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/constants.js

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

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

@@ -0,0 +1,3 @@
+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/hooks/use-click-outside.d.ts.map

@@ -0,0 +1 @@
+{"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/hooks/use-click-outside.js

@@ -0,0 +1,17 @@
+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/hooks/use-color-parser.d.ts

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

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

@@ -0,0 +1 @@
+{"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/hooks/use-color-parser.js

@@ -0,0 +1,9 @@
+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/hooks/use-components-provider.d.ts

@@ -0,0 +1,15 @@
+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/hooks/use-components-provider.d.ts.map

@@ -0,0 +1 @@
+{"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/hooks/use-components-provider.jsx

@@ -0,0 +1,22 @@
+"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/hooks/use-debounce.d.ts

@@ -0,0 +1,5 @@
+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/hooks/use-debounce.d.ts.map

@@ -0,0 +1 @@
+{"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/hooks/use-debounce.js

@@ -0,0 +1,12 @@
+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/hooks/use-floating-ref.d.ts

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

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

@@ -0,0 +1 @@
+{"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/hooks/use-floating-ref.js

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