@uxf/ui 11.74.0 → 11.74.2

package/toggle/toggle.js

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toggle = void 0;
+const react_1 = require("@headlessui/react");
+const classes_1 = require("@uxf/core/constants/classes");
+const cx_1 = require("@uxf/core/utils/cx");
+const react_2 = __importStar(require("react"));
+exports.Toggle = (0, react_2.forwardRef)((props, ref) => {
+    var _a, _b, _c, _d;
+    return (react_2.default.createElement(react_1.Switch.Group, null,
+        react_2.default.createElement("div", { className: (0, cx_1.cx)("uxf-toggle__wrapper", `uxf-toggle__wrapper--${(_a = props.variant) !== null && _a !== void 0 ? _a : "default"}`, `uxf-toggle__wrapper--size-${(_b = props.size) !== null && _b !== void 0 ? _b : "default"}`, props.hiddenLabel && "uxf-toggle__wrapper--hiddenLabel", props.className) },
+            react_2.default.createElement(react_1.Switch, { checked: props.value, className: (0, cx_1.cx)(props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.value && classes_1.CLASSES.IS_SELECTED, "uxf-toggle", `uxf-toggle--${(_c = props.variant) !== null && _c !== void 0 ? _c : "default"}`, `uxf-toggle--size-${(_d = props.size) !== null && _d !== void 0 ? _d : "default"}`), disabled: props.isDisabled, id: props.id, name: props.name, onChange: props.onChange, ref: ref, style: props.style },
+                react_2.default.createElement("span", { className: "uxf-toggle__inner" })),
+            react_2.default.createElement(react_1.Switch.Label, { className: "uxf-toggle__label", hidden: props.hiddenLabel }, props.label))));
+});
+exports.Toggle.displayName = "UxfUiToggle";

package/toggle/toggle.spec.d.ts

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

package/toggle/toggle.spec.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const snap_test_1 = require("../utils/snap-test");
+const toggle_stories_1 = require("./toggle.stories");
+(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(toggle_stories_1.Default, null));

package/toggle/toggle.stories.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Default(): React.JSX.Element;

package/toggle/toggle.stories.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = Default;
+const react_1 = __importStar(require("react"));
+const action_1 = require("../utils/action");
+const index_1 = require("./index");
+function Default() {
+    const [isChecked, setIsChecked] = (0, react_1.useState)(true);
+    const onChange = (0, action_1.action)("onChange", () => setIsChecked((prev) => !prev));
+    const storyToggles = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(index_1.Toggle, { label: "Default", name: "toggle", onChange: onChange, value: isChecked }),
+        react_1.default.createElement(index_1.Toggle, { label: "Size sm", name: "toggle", onChange: onChange, size: "sm", value: isChecked }),
+        react_1.default.createElement(index_1.Toggle, { isDisabled: true, label: "Disabled", name: "toggle-disabled", onChange: onChange, value: isChecked }),
+        react_1.default.createElement(index_1.Toggle, { hiddenLabel: true, label: "Default", name: "toggle-hidden-label", onChange: onChange, value: isChecked }),
+        react_1.default.createElement(index_1.Toggle, { label: "Default (reversed)", name: "toggle-reversed", onChange: onChange, value: isChecked, variant: "reversed" })));
+    return (react_1.default.createElement("div", { className: "flex" },
+        react_1.default.createElement("div", { className: "w-1/2 gap-4 p-20" }, storyToggles)));
+}

package/tooltip/index.d.ts

@@ -0,0 +1,4 @@
+export { Tooltip } from "./tooltip";
+export type { TooltipProps } from "./tooltip";
+export { useTooltip } from "./use-tooltip";
+export type { TooltipOptions } from "./use-tooltip";

package/tooltip/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTooltip = exports.Tooltip = void 0;
+var tooltip_1 = require("./tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tooltip_1.Tooltip; } });
+var use_tooltip_1 = require("./use-tooltip");
+Object.defineProperty(exports, "useTooltip", { enumerable: true, get: function () { return use_tooltip_1.useTooltip; } });

package/tooltip/tooltip.d.ts

@@ -0,0 +1,9 @@
+import React, { CSSProperties, ReactElement, ReactNode } from "react";
+import { TooltipOptions } from "./use-tooltip";
+export interface TooltipProps extends Omit<TooltipOptions, "arrowRef"> {
+    children: ReactElement;
+    content: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLElement>>;

package/tooltip/tooltip.js

@@ -0,0 +1,73 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+const react_1 = require("@floating-ui/react");
+const compose_refs_1 = require("@uxf/core-react/utils/compose-refs");
+const cx_1 = require("@uxf/core/utils/cx");
+const react_2 = __importStar(require("react"));
+const use_tooltip_1 = require("./use-tooltip");
+const STATIC_SIDES = {
+    top: "bottom",
+    right: "left",
+    bottom: "top",
+    left: "right",
+};
+exports.Tooltip = (0, react_2.forwardRef)(({ children, className, content, style, ...options }, ref) => {
+    var _a, _b, _c;
+    const arrowRef = (0, react_2.useRef)(null);
+    const tooltip = (0, use_tooltip_1.useTooltip)({ arrowRef, ...options });
+    const arrowX = (_a = tooltip.middlewareData.arrow) === null || _a === void 0 ? void 0 : _a.x;
+    const arrowY = (_b = tooltip.middlewareData.arrow) === null || _b === void 0 ? void 0 : _b.y;
+    const staticSide = STATIC_SIDES[(_c = tooltip.placement.split("-").at(0)) !== null && _c !== void 0 ? _c : "top"];
+    const stableRef = (0, react_2.useMemo)(() => (0, compose_refs_1.composeRefs)(ref, tooltip.refs.setReference, children.ref), [ref, tooltip.refs.setReference, children]);
+    return (react_2.default.createElement(react_2.default.Fragment, null,
+        (0, react_2.cloneElement)(children, tooltip.getReferenceProps({
+            ref: stableRef,
+            ...children.props,
+            "data-state": tooltip.open ? "open" : "closed",
+        })),
+        tooltip.open && (react_2.default.createElement(react_1.FloatingPortal, null,
+            react_2.default.createElement("div", { ...tooltip.getFloatingProps({
+                    className: (0, cx_1.cx)("uxf-tooltip", className),
+                    ref: tooltip.refs.setFloating,
+                    style: {
+                        ...tooltip.floatingStyles,
+                        ...style,
+                    },
+                }) },
+                react_2.default.createElement("div", { className: "uxf-tooltip__arrow", ref: arrowRef, style: {
+                        height: "16px",
+                        left: arrowX !== undefined ? `${arrowX}px` : "",
+                        position: "absolute",
+                        top: arrowY !== undefined ? `${arrowY}px` : "",
+                        transform: "rotate(45deg)",
+                        width: "16px",
+                        [staticSide]: "-6px",
+                    } }),
+                content)))));
+});
+exports.Tooltip.displayName = "UxfUiTooltip";

package/tooltip/tooltip.spec.d.ts

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

package/tooltip/tooltip.spec.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const snap_test_1 = require("../utils/snap-test");
+const tooltip_stories_1 = require("./tooltip.stories");
+(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(tooltip_stories_1.Default, null));

package/tooltip/tooltip.stories.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Default(): React.JSX.Element;

package/tooltip/tooltip.stories.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = Default;
+const react_1 = __importStar(require("react"));
+const checkbox_input_1 = require("../checkbox-input");
+const chip_1 = require("../chip");
+const tooltip_1 = require("./tooltip");
+function Default() {
+    const sides = ["top", "bottom", "bottom-start", "left", "right"];
+    const [isPointingDisabled, setIsPointingDisabled] = (0, react_1.useState)(false);
+    return (react_1.default.createElement("div", { className: "grid h-96 place-items-center" },
+        react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "Disable pointing inside tooltip?", name: "isPointingDisabled", onChange: (value) => setIsPointingDisabled(Boolean(value)), value: isPointingDisabled }),
+        sides.map((placement) => (react_1.default.createElement(tooltip_1.Tooltip, { content: "My tooltip content", isPointingDisabled: isPointingDisabled, key: placement, placement: placement },
+            react_1.default.createElement(chip_1.Chip, { color: "green" }, placement))))));
+}

package/tooltip/use-tooltip.d.ts

@@ -0,0 +1,55 @@
+import { Placement } from "@floating-ui/react";
+import { MutableRefObject } from "react";
+export interface TooltipOptions {
+    arrowRef: MutableRefObject<null>;
+    isPointingDisabled?: boolean;
+    offset?: number;
+    placement?: Placement;
+    shiftPadding?: number;
+}
+export declare function useTooltip(options: TooltipOptions): {
+    placement: Placement;
+    strategy: import("@floating-ui/utils").Strategy;
+    middlewareData: import("@floating-ui/core").MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: {
+        reference: import("@floating-ui/react-dom").ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    context: {
+        x: number;
+        y: number;
+        placement: Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+        active?: boolean;
+        selected?: boolean;
+    }) => Record<string, unknown>;
+    open: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

package/tooltip/use-tooltip.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTooltip = useTooltip;
+const react_1 = require("@floating-ui/react");
+const react_2 = require("react");
+function useTooltip(options) {
+    var _a, _b;
+    const [isOpen, setIsOpen] = (0, react_2.useState)(false);
+    const data = (0, react_1.useFloating)({
+        middleware: [
+            (0, react_1.offset)((_a = options.offset) !== null && _a !== void 0 ? _a : 16),
+            (0, react_1.flip)(),
+            (0, react_1.shift)({ padding: (_b = options.shiftPadding) !== null && _b !== void 0 ? _b : 8 }),
+            (0, react_1.arrow)({ element: options.arrowRef }),
+        ],
+        open: isOpen,
+        onOpenChange: setIsOpen,
+        placement: options.placement,
+        whileElementsMounted: (reference, floating, update) => (0, react_1.autoUpdate)(reference, floating, update, {
+            elementResize: typeof ResizeObserver !== "undefined",
+        }),
+    });
+    const context = data.context;
+    const hover = (0, react_1.useHover)(context, {
+        delay: options.isPointingDisabled ? undefined : 200,
+        handleClose: options.isPointingDisabled ? null : (0, react_1.safePolygon)(),
+        move: false,
+    });
+    const focus = (0, react_1.useFocus)(context);
+    const role = (0, react_1.useRole)(context, { role: "tooltip" });
+    const dismiss = (0, react_1.useDismiss)(context);
+    const interactions = (0, react_1.useInteractions)([hover, focus, dismiss, role]);
+    return (0, react_2.useMemo)(() => ({
+        open: isOpen,
+        setOpen: setIsOpen,
+        ...interactions,
+        ...data,
+    }), [isOpen, setIsOpen, interactions, data]);
+}

package/translations/cs.json

@@ -0,0 +1,61 @@
+{
+  "uxf-ui-chip": {
+    "remove-item": "Odebrat položku"
+  },
+  "uxf-ui-combobox": {
+    "no-query-message": "Pro zobrazení možností začněte psát",
+    "no-options-message": "Nabídka neosahuje žádné položky"
+  },
+  "uxf-ui-date-picker": {
+    "prev-year": "Předchozí rok",
+    "next-year": "Nadcházející rok",
+    "select-year": "Vybrat rok",
+    "select-month": "Vybrat měsíc",
+    "next-month": "Nadcházející měsíc",
+    "prev-month": "Předchozí měsíc",
+    "next-decade": "Vpřed",
+    "prev-decade": "Zpět"
+  },
+  "uxf-ui-date-range-picker": {
+    "prev-year": "Předchozí rok",
+    "next-year": "Nadcházející rok",
+    "select-year": "Vybrat rok",
+    "select-month": "Vybrat měsíc",
+    "next-month": "Nadcházející měsíc",
+    "prev-month": "Předchozí měsíc",
+    "next-decade": "Vpřed",
+    "prev-decade": "Zpět"
+  },
+  "uxf-ui-datetime-picker": {
+    "dateTab": "Datum",
+    "timeTab": "Čas"
+  },
+  "uxf-ui-image-gallery": {
+    "close-button": "Zavřít"
+  },
+  "uxf-ui-layout": {
+    "open-menu": "Otevřít menu"
+  },
+  "uxf-ui-lightbox": {
+    "next": "Další",
+    "close": "Zavřít",
+    "previous": "Předchozí"
+  },
+  "uxf-ui-multi-combobox": {
+    "no-query-message": "Pro zobrazení možností začněte psát",
+    "all-options-selected": "Všechny možnosti jsou již vybrány",
+    "no-options-message": "Nabídka neosahuje žádné položky",
+    "not-found-message": "Nic nenalezeno"
+  },
+  "uxf-ui-multi-select": {
+    "all-options-selected": "Všechny možnosti jsou již vybrány",
+    "no-options-message": "Nabídka neosahuje žádné položky"
+  },
+  "uxf-ui-select": {
+    "no-options-message": "Nabídka neosahuje žádné položky"
+  },
+  "uxf-ui-time-picker": {
+    "previous": "Předchozí",
+    "next": "Nadcházející"
+  }
+}

package/translations/de.json

@@ -0,0 +1,61 @@
+{
+  "uxf-ui-chip": {
+    "remove-item": "Element entfernen"
+  },
+  "uxf-ui-combobox": {
+    "no-query-message": "Beginnen Sie zu tippen, um Optionen zu sehen",
+    "no-options-message": "Keine Elemente gefunden"
+  },
+  "uxf-ui-date-picker": {
+    "prev-year": "Vorheriges Jahr",
+    "next-year": "Nächstes Jahr",
+    "select-year": "Jahr auswählen",
+    "select-month": "Monat auswählen",
+    "next-month": "Nächster Monat",
+    "prev-month": "Vorheriger Monat",
+    "next-decade": "Vorwärts",
+    "prev-decade": "Zurück"
+  },
+  "uxf-ui-date-range-picker": {
+    "prev-year": "Vorheriges Jahr",
+    "next-year": "Nächstes Jahr",
+    "select-year": "Jahr auswählen",
+    "select-month": "Monat auswählen",
+    "next-month": "Nächster Monat",
+    "prev-month": "Vorheriger Monat",
+    "next-decade": "Vorwärts",
+    "prev-decade": "Zurück"
+  },
+  "uxf-ui-datetime-picker": {
+    "dateTab": "Datum",
+    "timeTab": "Zeit"
+  },
+  "uxf-ui-image-gallery": {
+    "close-button": "Schließen"
+  },
+  "uxf-ui-layout": {
+    "open-menu": "Menü öffnen"
+  },
+  "uxf-ui-lightbox": {
+    "next": "Weiter",
+    "close": "Schließen",
+    "previous": "Zurück"
+  },
+  "uxf-ui-multi-combobox": {
+    "no-query-message": "Beginnen Sie zu tippen, um Optionen zu sehen",
+    "all-options-selected": "Alle Optionen sind bereits ausgewählt",
+    "no-options-message": "Keine Elemente gefunden",
+    "not-found-message": "Nichts gefunden"
+  },
+  "uxf-ui-multi-select": {
+    "all-options-selected": "Alle Optionen sind bereits ausgewählt",
+    "no-options-message": "Keine Elemente gefunden"
+  },
+  "uxf-ui-select": {
+    "no-options-message": "Keine Elemente gefunden"
+  },
+  "uxf-ui-time-picker": {
+    "previous": "Zurück",
+    "next": "Weiter"
+  }
+}

package/translations/en.json

@@ -0,0 +1,61 @@
+{
+  "uxf-ui-chip": {
+    "remove-item": "Remove item"
+  },
+  "uxf-ui-combobox": {
+    "no-query-message": "Start typing to see options",
+    "no-options-message": "No items found"
+  },
+  "uxf-ui-date-picker": {
+    "prev-year": "Previous year",
+    "next-year": "Next year",
+    "select-year": "Select year",
+    "select-month": "Select month",
+    "next-month": "Next month",
+    "prev-month": "Previous month",
+    "next-decade": "Forward",
+    "prev-decade": "Back"
+  },
+  "uxf-ui-date-range-picker": {
+    "prev-year": "Previous year",
+    "next-year": "Next year",
+    "select-year": "Select year",
+    "select-month": "Select month",
+    "next-month": "Next month",
+    "prev-month": "Previous month",
+    "next-decade": "Forward",
+    "prev-decade": "Back"
+  },
+  "uxf-ui-datetime-picker": {
+    "dateTab": "Date",
+    "timeTab": "Time"
+  },
+  "uxf-ui-image-gallery": {
+    "close-button": "Close"
+  },
+  "uxf-ui-layout": {
+    "open-menu": "Open menu"
+  },
+  "uxf-ui-lightbox": {
+    "next": "Next",
+    "close": "Close",
+    "previous": "Previous"
+  },
+  "uxf-ui-multi-combobox": {
+    "no-query-message": "Start typing to see options",
+    "all-options-selected": "All options are already selected",
+    "no-options-message": "No items found",
+    "not-found-message": "Nothing found"
+  },
+  "uxf-ui-multi-select": {
+    "all-options-selected": "All options are already selected",
+    "no-options-message": "No items found"
+  },
+  "uxf-ui-select": {
+    "no-options-message": "No items found"
+  },
+  "uxf-ui-time-picker": {
+    "previous": "Previous",
+    "next": "Next"
+  }
+}

package/translations/sk.json

@@ -0,0 +1,61 @@
+{
+  "uxf-ui-chip": {
+    "remove-item": "Odstrániť položku"
+  },
+  "uxf-ui-combobox": {
+    "no-query-message": "Pre zobrazenie možností začnite písať",
+    "no-options-message": "Ponuka neobsahuje žiadne položky"
+  },
+  "uxf-ui-date-picker": {
+    "prev-year": "Predchádzajúci rok",
+    "next-year": "Nasledujúci rok",
+    "select-year": "Vybrať rok",
+    "select-month": "Vybrať mesiac",
+    "next-month": "Nasledujúci mesiac",
+    "prev-month": "Predchádzajúci mesiac",
+    "next-decade": "Vpred",
+    "prev-decade": "Späť"
+  },
+  "uxf-ui-date-range-picker": {
+    "prev-year": "Predchádzajúci rok",
+    "next-year": "Nasledujúci rok",
+    "select-year": "Vybrať rok",
+    "select-month": "Vybrať mesiac",
+    "next-month": "Nasledujúci mesiac",
+    "prev-month": "Predchádzajúci mesiac",
+    "next-decade": "Vpred",
+    "prev-decade": "Späť"
+  },
+  "uxf-ui-datetime-picker": {
+    "dateTab": "Dátum",
+    "timeTab": "Čas"
+  },
+  "uxf-ui-image-gallery": {
+    "close-button": "Zatvoriť"
+  },
+  "uxf-ui-layout": {
+    "open-menu": "Otvoriť menu"
+  },
+  "uxf-ui-lightbox": {
+    "next": "Ďalší",
+    "close": "Zatvoriť",
+    "previous": "Predchádzajúci"
+  },
+  "uxf-ui-multi-combobox": {
+    "no-query-message": "Pre zobrazenie možností začnite písať",
+    "all-options-selected": "Všetky možnosti sú už vybrané",
+    "no-options-message": "Ponuka neobsahuje žiadne položky",
+    "not-found-message": "Nič nenájdené"
+  },
+  "uxf-ui-multi-select": {
+    "all-options-selected": "Všetky možnosti sú už vybrané",
+    "no-options-message": "Ponuka neobsahuje žiadne položky"
+  },
+  "uxf-ui-select": {
+    "no-options-message": "Ponuka neobsahuje žiadne položky"
+  },
+  "uxf-ui-time-picker": {
+    "previous": "Predchádzajúci",
+    "next": "Nasledujúci"
+  }
+}

package/tw-tokens/tw-box-shadow.d.ts

@@ -0,0 +1,12 @@
+export declare const twBoxShadow: {
+    sm: string;
+    DEFAULT: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    inner: string;
+    none: string;
+    paper: string;
+};
+export type TwBoxShadow = typeof twBoxShadow;

package/tw-tokens/tw-box-shadow.js

@@ -0,0 +1,15 @@
+"use strict";
+// this file is generated automatically, do not change anything manually in the contents of this file
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.twBoxShadow = void 0;
+exports.twBoxShadow = {
+    sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+    md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+    "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+    inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+    none: "none",
+    paper: "0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06)",
+};