@uxf/ui 11.72.3 → 11.74.0

package/badge/badge.spec.js

@@ -1,9 +0,0 @@
-"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 badge_stories_1 = require("./badge.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(badge_stories_1.Default, null));

package/badge/badge.stories.d.ts

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

package/badge/badge.stories.js

@@ -1,32 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-const react_1 = __importDefault(require("react"));
-const icon_1 = require("../icon");
-const badge_1 = require("./badge");
-function Default() {
-    const testBadges = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(badge_1.Badge, { size: "small" }, "5"),
-        react_1.default.createElement(badge_1.Badge, { size: "small" }, "12"),
-        react_1.default.createElement(badge_1.Badge, { size: "small" }, "123"),
-        react_1.default.createElement(badge_1.Badge, { size: "small" }, "1234"),
-        react_1.default.createElement(badge_1.Badge, null, "5"),
-        react_1.default.createElement(badge_1.Badge, null, "12"),
-        react_1.default.createElement(badge_1.Badge, null, "123"),
-        react_1.default.createElement(badge_1.Badge, null, "1234"),
-        react_1.default.createElement(badge_1.Badge, { size: "large" }, "5"),
-        react_1.default.createElement(badge_1.Badge, { size: "large" }, "12"),
-        react_1.default.createElement(badge_1.Badge, { size: "large" }, "123"),
-        react_1.default.createElement(badge_1.Badge, { size: "large" }, "1234"),
-        react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(badge_1.Badge, { size: "small" },
-                react_1.default.createElement(icon_1.Icon, { name: "check", size: 12 })),
-            react_1.default.createElement(badge_1.Badge, null,
-                react_1.default.createElement(icon_1.Icon, { name: "check", size: 16 })),
-            react_1.default.createElement(badge_1.Badge, { size: "large" },
-                react_1.default.createElement(icon_1.Icon, { name: "check", size: 24 })))));
-    return react_1.default.createElement("div", { className: "flex items-center space-x-4 rounded p-8" }, testBadges);
-}

package/badge/index.d.ts

@@ -1,3 +0,0 @@
-export { Badge } from "./badge";
-export type { BadgeProps } from "./badge";
-export type { BadgeSizes } from "./theme";

package/badge/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Badge = void 0;
-var badge_1 = require("./badge");
-Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return badge_1.Badge; } });

package/badge/theme.d.ts

@@ -1,6 +0,0 @@
-export interface BadgeSizes {
-    small: true;
-    medium: true;
-    large: true;
-}
-export type BadgeSize = keyof BadgeSizes;

package/badge/theme.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/button/button.d.ts

@@ -1,17 +0,0 @@
-import { UseAnchorProps } from "@uxf/core-react/clickable/use-anchor-props";
-import { ButtonColors, ButtonSizes, ButtonVariants } from "@uxf/ui/button/theme";
-import React, { AnchorHTMLAttributes } from "react";
-import { NextLink } from "../utils/next-link";
-export type ButtonVariant = keyof ButtonVariants;
-export type ButtonSize = keyof ButtonSizes;
-export type ButtonColor = keyof ButtonColors;
-export interface ButtonProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "type">, UseAnchorProps {
-    as?: NextLink | "a";
-    color?: ButtonColor;
-    isFullWidth?: boolean;
-    /** @deprecated use IconButton component instead */
-    isIconButton?: boolean;
-    size?: ButtonSize;
-    variant?: ButtonVariant;
-}
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement>>;

package/button/button.js

@@ -1,50 +0,0 @@
-"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.Button = void 0;
-const use_anchor_props_1 = require("@uxf/core-react/clickable/use-anchor-props");
-const cx_1 = require("@uxf/core/utils/cx");
-const omit_1 = require("@uxf/core/utils/omit");
-const react_1 = __importStar(require("react"));
-exports.Button = (0, react_1.forwardRef)((props, ref) => {
-    var _a, _b, _c, _d;
-    const as = (_a = props.as) !== null && _a !== void 0 ? _a : "a";
-    const Component = as;
-    const anchorProps = (0, use_anchor_props_1.useAnchorProps)(props, { classNamePrefix: "uxf-button" });
-    const className = (0, cx_1.cx)(anchorProps.className, "uxf-button", `uxf-button--color-${(_b = props.color) !== null && _b !== void 0 ? _b : "default"}`, `uxf-button--size-${(_c = props.size) !== null && _c !== void 0 ? _c : "default"}`, `uxf-button--variant-${(_d = props.variant) !== null && _d !== void 0 ? _d : "default"}`, props.isIconButton && "uxf-button--icon-button", props.isFullWidth && "uxf-button--full-width");
-    const componentProps = (0, omit_1.omit)(anchorProps, [
-        "isDisabled",
-        "isLoading",
-        "variant",
-        "color",
-        "size",
-        "isIconButton",
-        "isFullWidth",
-        "as",
-    ]);
-    return (react_1.default.createElement(Component, { ref: ref, ...componentProps, className: className }, typeof props.children === "string" ? (react_1.default.createElement("span", { className: "uxf-button__text" }, props.children)) : (props.children)));
-});
-exports.Button.displayName = "UxfUiButton";

package/button/button.spec.d.ts

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

package/button/button.spec.js

@@ -1,9 +0,0 @@
-"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 button_stories_1 = require("./button.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(button_stories_1.Default, null));

package/button/button.stories.d.ts

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

package/button/button.stories.js

@@ -1,94 +0,0 @@
-"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.Basic = Basic;
-exports.Default = Default;
-exports.LoadingButton = LoadingButton;
-const button_1 = require("@uxf/ui/button");
-const icon_1 = require("@uxf/ui/icon");
-const storybook_config_1 = require("@uxf/ui/utils/storybook-config");
-const react_1 = __importStar(require("react"));
-const toggle_1 = require("../toggle");
-function Basic() {
-    const [isDisabled, setIsDisabled] = (0, react_1.useState)(false);
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    const config = (0, storybook_config_1.useStorybookConfig)("Button");
-    // eslint-disable-next-line no-console
-    const onClick = console.log;
-    const gridColumnsCount = config.variants.length * config.sizes.length + 1;
-    const gridTemplateColumns = `repeat(${gridColumnsCount}, 180px)`;
-    return (react_1.default.createElement("div", { className: "p-4" },
-        react_1.default.createElement("div", { className: "grid gap-3 p-4", style: { gridTemplateColumns } },
-            react_1.default.createElement("div", null,
-                react_1.default.createElement(toggle_1.Toggle, { className: "p-0", label: "Disabled", name: "is-disabled", onChange: (value) => setIsDisabled(Boolean(value)), size: "sm", value: isDisabled }),
-                react_1.default.createElement(toggle_1.Toggle, { className: "p-0 pt-2", label: "Loading", name: "is-loading", onChange: (value) => setIsLoading(Boolean(value)), size: "sm", value: isLoading })),
-            config.variants.map((variant) => (react_1.default.createElement("div", { className: "border-b border-blue-500 pb-2 text-center text-xs text-gray-400", key: variant, style: { gridColumn: "span 4" } },
-                "variant=",
-                variant))),
-            react_1.default.createElement("div", null),
-            config.variants.flatMap((variant) => config.sizes.map((size) => (react_1.default.createElement("div", { className: "text-center text-xs text-gray-400", key: `${variant}${size}` },
-                "size=",
-                size))))),
-        config.colors.map((color) => (react_1.default.createElement("div", { className: color === "inverted" ? "min-w-fit bg-[#1F2A37] dark:bg-white" : undefined, key: color },
-            react_1.default.createElement("div", { className: "grid gap-3 py-2", style: { gridTemplateColumns } },
-                react_1.default.createElement("div", { className: "flex items-center text-center text-xs text-gray-400" },
-                    "color=",
-                    color),
-                config.variants.map((variant) => (react_1.default.createElement(react_1.Fragment, { key: variant }, config.sizes.map((size) => (react_1.default.createElement("div", { className: "flex items-center justify-center gap-2", key: `${size}${color}${variant}` },
-                    react_1.default.createElement(button_1.Button, { color: color, isDisabled: isDisabled, isLoading: isLoading, onClick: onClick, size: size, variant: variant }, "Button"),
-                    react_1.default.createElement(button_1.Button, { color: color, isDisabled: isDisabled, isIconButton: true, isLoading: isLoading, onClick: onClick, size: size, variant: variant },
-                        react_1.default.createElement(icon_1.Icon, { name: "triangle-exclamation" }))))))))))))));
-}
-function Default() {
-    const config = (0, storybook_config_1.useStorybookConfig)("Button");
-    // eslint-disable-next-line no-console
-    const onClick = console.log;
-    return (react_1.default.createElement("div", { className: "space-y-2 p-20" }, config.variants.map((variant) => (react_1.default.createElement(react_1.Fragment, { key: variant }, config.colors.map((color) => (react_1.default.createElement(react_1.Fragment, { key: color }, config.sizes.map((size) => (react_1.default.createElement("div", { className: "space-y-2 pb-4", key: `${size}${color}${variant}` },
-        react_1.default.createElement("div", { className: "text-sm dark:text-gray-100" },
-            "Variant: ",
-            react_1.default.createElement("span", { className: "font-semibold" }, variant),
-            ", Color:",
-            " ",
-            react_1.default.createElement("span", { className: "font-semibold" }, color),
-            ", Size:",
-            " ",
-            react_1.default.createElement("span", { className: "font-semibold" }, size)),
-        react_1.default.createElement("div", { className: "flex flex-row items-start gap-2" },
-            react_1.default.createElement(button_1.Button, { color: color, onClick: onClick, size: size, variant: variant }, "Default"),
-            react_1.default.createElement(button_1.Button, { color: color, isLoading: true, onClick: onClick, size: size, variant: variant }, "Loading"),
-            react_1.default.createElement(button_1.Button, { color: color, isDisabled: true, onClick: onClick, size: size, variant: variant }, "Disabled"),
-            react_1.default.createElement(button_1.Button, { color: color, isIconButton: true, onClick: onClick, size: size, variant: variant },
-                react_1.default.createElement(icon_1.Icon, { name: "check" })),
-            react_1.default.createElement(button_1.Button, { color: color, isIconButton: true, isLoading: true, onClick: onClick, size: size, variant: variant },
-                react_1.default.createElement(icon_1.Icon, { name: "check" })),
-            react_1.default.createElement(button_1.Button, { className: "w-[200px]", color: color, onClick: onClick, size: size, variant: variant }, "Custom width")),
-        react_1.default.createElement(button_1.Button, { color: color, isFullWidth: true, onClick: onClick, size: size, variant: variant }, "Full width"),
-        react_1.default.createElement("hr", null))))))))))));
-}
-function LoadingButton() {
-    const clickHandler = () => new Promise((resolve) => setTimeout(resolve, 3000));
-    return (react_1.default.createElement("div", { className: "p-4" },
-        react_1.default.createElement(button_1.Button, { onClick: clickHandler }, "Loading button")));
-}

package/button/index.d.ts

@@ -1,3 +0,0 @@
-export { Button } from "./button";
-export type { ButtonProps } from "./button";
-export type { ButtonColor, ButtonSize, ButtonVariant } from "./theme";

package/button/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-var button_1 = require("./button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });

package/button/theme.d.ts

@@ -1,22 +0,0 @@
-export interface ButtonVariants {
-    default: true;
-    secondary: true;
-    text: true;
-}
-export type ButtonVariant = keyof ButtonVariants;
-export interface ButtonSizes {
-    sm: true;
-    default: true;
-    lg: true;
-    xl: true;
-}
-export type ButtonSize = keyof ButtonSizes;
-export interface ButtonColors {
-    default: true;
-    positive: true;
-    negative: true;
-    warning: true;
-    info: true;
-    inverted: true;
-}
-export type ButtonColor = keyof ButtonColors;

package/button/theme.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/button-group/button-group.d.ts

@@ -1,6 +0,0 @@
-import { CSSProperties, FC, PropsWithChildren } from "react";
-export interface ButtonGroupProps {
-    className?: string;
-    style?: CSSProperties;
-}
-export declare const ButtonGroup: FC<PropsWithChildren<ButtonGroupProps>>;

package/button-group/button-group.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonGroup = void 0;
-const cx_1 = require("@uxf/core/utils/cx");
-const react_1 = __importDefault(require("react"));
-const ButtonGroup = (props) => {
-    return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-button-group", props.className), style: props.style }, props.children));
-};
-exports.ButtonGroup = ButtonGroup;
-exports.ButtonGroup.displayName = "UxfUiButtonGroup";

package/button-group/button-group.spec.d.ts

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

package/button-group/button-group.spec.js

@@ -1,9 +0,0 @@
-"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 button_group_stories_1 = require("./button-group.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(button_group_stories_1.Default, null));

package/button-group/button-group.stories.d.ts

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

package/button-group/button-group.stories.js

@@ -1,34 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-const react_1 = __importDefault(require("react"));
-const button_1 = require("../button");
-const icon_1 = require("../icon");
-const tooltip_1 = require("../tooltip");
-const index_1 = require("./index");
-function Default() {
-    // eslint-disable-next-line no-console
-    const onClick = console.log;
-    const component = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(index_1.ButtonGroup, null,
-            react_1.default.createElement(button_1.Button, { onClick: onClick }, "First"),
-            react_1.default.createElement(button_1.Button, { onClick: onClick }, "Second"),
-            react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: onClick },
-                react_1.default.createElement(icon_1.Icon, { name: "check", size: 16 }))),
-        react_1.default.createElement(index_1.ButtonGroup, null,
-            react_1.default.createElement(button_1.Button, { onClick: onClick, size: "sm", variant: "secondary" }, "First"),
-            react_1.default.createElement(button_1.Button, { onClick: onClick, size: "sm", variant: "secondary" }, "Second"),
-            react_1.default.createElement(button_1.Button, { onClick: onClick, size: "sm", variant: "secondary" }, "Third")),
-        react_1.default.createElement(index_1.ButtonGroup, null,
-            react_1.default.createElement(tooltip_1.Tooltip, { content: "Tooltip" },
-                react_1.default.createElement(button_1.Button, { onClick: onClick, size: "sm", variant: "secondary" }, "Button with tooltip")),
-            react_1.default.createElement(tooltip_1.Tooltip, { content: "Tooltip" },
-                react_1.default.createElement(button_1.Button, { onClick: onClick, size: "sm", variant: "secondary" }, "Second")),
-            react_1.default.createElement(tooltip_1.Tooltip, { content: "Tooltip" },
-                react_1.default.createElement(button_1.Button, { onClick: onClick, size: "sm", variant: "secondary" }, "Third")))));
-    return (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
-        react_1.default.createElement("div", { className: "space-y-2 p-20 lg:w-1/2" }, component)));
-}

package/button-group/index.d.ts

@@ -1,2 +0,0 @@
-export { ButtonGroup } from "./button-group";
-export type { ButtonGroupProps } from "./button-group";

package/button-group/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonGroup = void 0;
-var button_group_1 = require("./button-group");
-Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return button_group_1.ButtonGroup; } });

package/button-list/button-list.d.ts

@@ -1,25 +0,0 @@
-import { Placement, Strategy } from "@floating-ui/react";
-import { JSX, ReactNode } from "react";
-import { ButtonProps } from "../button";
-import { IconName } from "../icon/types";
-export type SingleButtonProps = Omit<ButtonProps, "children"> & {
-    icon?: IconName | null;
-    label?: ReactNode;
-};
-export interface ButtonListProps {
-    buttons: SingleButtonProps[];
-    className?: string;
-    classNameDropdown?: string;
-    openButton?: SingleButtonProps;
-    visibleButtonsCount: number;
-    color?: ButtonProps["color"];
-    size?: ButtonProps["size"];
-    variant?: ButtonProps["variant"];
-    menuMaxHeight?: number;
-    menuPlacement?: Placement;
-    menuStrategy?: Strategy;
-}
-export declare function ButtonList(props: ButtonListProps): JSX.Element | null;
-export declare namespace ButtonList {
-    var displayName: string;
-}

package/button-list/button-list.js

@@ -1,85 +0,0 @@
-"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.ButtonList = ButtonList;
-const react_1 = require("@floating-ui/react");
-const react_2 = require("@headlessui/react");
-const use_anchor_props_1 = require("@uxf/core-react/clickable/use-anchor-props");
-const classes_1 = require("@uxf/core/constants/classes");
-const cx_1 = require("@uxf/core/utils/cx");
-const is_empty_1 = require("@uxf/core/utils/is-empty");
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const react_3 = __importStar(require("react"));
-const button_1 = require("../button");
-const use_dropdown_1 = require("../hooks/use-dropdown");
-const icon_1 = require("../icon");
-const MenuButton = (0, react_3.forwardRef)((props, ref) => {
-    // eslint-disable-next-line react/destructuring-assignment,@typescript-eslint/no-unused-vars
-    const { as = "a", variant, color, isIconButton, isFullWidth, size, icon, label, className, ...restProps } = props;
-    const Component = as;
-    const anchorProps = (0, use_anchor_props_1.useAnchorProps)({
-        ...restProps,
-        className: (0, cx_1.cx)("uxf-button-list__menu-button", `uxf-button-list__menu-button--color-${color !== null && color !== void 0 ? color : "default"}`, `uxf-button-list__menu-button--variant-${variant !== null && variant !== void 0 ? variant : "default"}`, className),
-    });
-    return (react_3.default.createElement(Component, { ref: ref, ...anchorProps },
-        icon && react_3.default.createElement(icon_1.Icon, { className: "uxf-button-list__menu-button-icon", name: icon }),
-        label && react_3.default.createElement("span", { className: "uxf-button-list__menu-button-label" }, label)));
-});
-MenuButton.displayName = "MenuButton";
-function ButtonList(props) {
-    var _a, _b, _c, _d, _e, _f;
-    const buttonsToRender = props.buttons.slice(0, props.visibleButtonsCount);
-    const restButtons = props.buttons.slice(props.visibleButtonsCount, props.buttons.length);
-    const openButtonIcon = ((_a = props.openButton) === null || _a === void 0 ? void 0 : _a.icon) === null ? null : ((_c = (_b = props.openButton) === null || _b === void 0 ? void 0 : _b.icon) !== null && _c !== void 0 ? _c : "ellipsis-vertical");
-    const openButtonLabel = (_e = (_d = props.openButton) === null || _d === void 0 ? void 0 : _d.label) !== null && _e !== void 0 ? _e : null;
-    const dropdown = (0, use_dropdown_1.useDropdown)((_f = props.menuPlacement) !== null && _f !== void 0 ? _f : "bottom-start", false, props.menuMaxHeight, props.menuStrategy);
-    if ((0, is_empty_1.isEmpty)(props.buttons)) {
-        return null;
-    }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const { as, ...openButtonProps } = props.openButton ? props.openButton : { as: null };
-    return (react_3.default.createElement("div", { className: (0, cx_1.cx)("uxf-button-list", props.className) },
-        buttonsToRender.map((button, index) => {
-            var _a, _b, _c;
-            const { icon, label, ...restProps } = button;
-            return (react_3.default.createElement(button_1.Button, { key: index, ...restProps, className: (0, cx_1.cx)(restProps.className, "uxf-button-list__button"), color: (_a = restProps.color) !== null && _a !== void 0 ? _a : props.color, size: (_b = restProps.size) !== null && _b !== void 0 ? _b : props.size, variant: (_c = restProps.variant) !== null && _c !== void 0 ? _c : props.variant },
-                icon && react_3.default.createElement(icon_1.Icon, { className: "uxf-button-list__button-icon", name: icon }),
-                label && react_3.default.createElement("span", { className: "uxf-button-list__button-label" }, label)));
-        }),
-        restButtons.length > 0 && (react_3.default.createElement(react_2.Menu, { as: "div", className: "uxf-button-list__menu" }, ({ open }) => {
-            var _a, _b, _c, _d, _e, _f, _g;
-            return (react_3.default.createElement(react_3.default.Fragment, null,
-                react_3.default.createElement(react_2.Menu.Button, { as: button_1.Button, ...openButtonProps, className: (0, cx_1.cx)((_a = props.openButton) === null || _a === void 0 ? void 0 : _a.className, "uxf-button-list__open-button", open && classes_1.CLASSES.IS_OPEN), color: (_c = (_b = props.openButton) === null || _b === void 0 ? void 0 : _b.color) !== null && _c !== void 0 ? _c : props.color, isIconButton: (0, is_not_nil_1.isNotNil)(openButtonIcon) && !openButtonLabel, ref: dropdown.refs.setReference, size: (_e = (_d = props.openButton) === null || _d === void 0 ? void 0 : _d.size) !== null && _e !== void 0 ? _e : props.size, variant: (_g = (_f = props.openButton) === null || _f === void 0 ? void 0 : _f.variant) !== null && _g !== void 0 ? _g : props.variant },
-                    openButtonIcon && (react_3.default.createElement(icon_1.Icon, { className: "uxf-button-list__open-button-icon", name: openButtonIcon })),
-                    openButtonLabel && (react_3.default.createElement("span", { className: "uxf-button-list__open-button-label" }, openButtonLabel))),
-                open && (react_3.default.createElement(react_1.FloatingPortal, null,
-                    react_3.default.createElement(react_2.Menu.Items, { className: (0, cx_1.cx)("uxf-button-list__menu-items", props.classNameDropdown), ref: dropdown.refs.setFloating, style: dropdown.floatingStyles }, restButtons.map((button, index) => {
-                        var _a, _b, _c;
-                        return (react_3.default.createElement(react_2.Menu.Item, { disabled: button.isDisabled, key: index },
-                            react_3.default.createElement(MenuButton, { ...button, color: (_a = button.color) !== null && _a !== void 0 ? _a : props.color, size: (_b = button.size) !== null && _b !== void 0 ? _b : props.size, variant: (_c = button.variant) !== null && _c !== void 0 ? _c : props.variant })));
-                    }))))));
-        }))));
-}
-ButtonList.displayName = "UxfUiButtonList";

package/button-list/button-list.spec.d.ts

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

package/button-list/button-list.spec.js

@@ -1,9 +0,0 @@
-"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 button_list_stories_1 = require("./button-list.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(button_list_stories_1.Default, null));

package/button-list/button-list.stories.d.ts

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

package/button-list/button-list.stories.js

@@ -1,58 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-const empty_object_1 = require("@uxf/core/constants/empty-object");
-const react_1 = __importDefault(require("react"));
-const index_1 = require("./index");
-function Default() {
-    const component = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(index_1.ButtonList, { buttons: [
-                { label: "Default" },
-                { label: "Color Negative", color: "negative" },
-                { label: "Color Negative", color: "negative", icon: "camera" },
-                { label: "Disabled", isDisabled: true },
-                { label: "Color Negative disabled", color: "negative", isDisabled: true, icon: "camera" },
-                { label: "Sixth item", icon: "camera" },
-                { label: "Seventh item" },
-                { label: "Eighth item" },
-                { label: "Nineth item" },
-                { label: "Tenth item" },
-                { label: "Eleventh item" },
-            ], classNameDropdown: "w-64", menuMaxHeight: 350, variant: "secondary", visibleButtonsCount: 0 }),
-        react_1.default.createElement(index_1.ButtonList, { buttons: [
-                { label: "First item" },
-                { label: "Second item" },
-                { label: "Third item" },
-                { label: "Fourth item" },
-            ], variant: "secondary", visibleButtonsCount: 4 }),
-        react_1.default.createElement(index_1.ButtonList, { buttons: [
-                { label: "IconButton", isIconButton: true, icon: "camera" },
-                // eslint-disable-next-line no-console
-                { label: "First item", onClick: console.log },
-                { label: "Second item", color: "positive" },
-                { label: "Third item" },
-                // eslint-disable-next-line no-console
-                { label: "Fourth item", onClick: console.log },
-            ], visibleButtonsCount: 3 }),
-        react_1.default.createElement(index_1.ButtonList, { buttons: [
-                // eslint-disable-next-line no-console
-                { icon: "check", label: "First item", onClick: console.log },
-                { icon: "user", label: "Second item", color: "positive" },
-                { icon: "cloud", label: "Third item" },
-                // eslint-disable-next-line no-console
-                { icon: "xmarkLarge", label: "Fourth item", onClick: console.log },
-            ], color: "negative", openButton: empty_object_1.EMPTY_OBJECT, size: "sm", variant: "secondary", visibleButtonsCount: 1 }),
-        react_1.default.createElement(index_1.ButtonList, { buttons: [
-                // eslint-disable-next-line no-console
-                { icon: "check", label: "First item", onClick: console.log, color: "negative" },
-                { icon: "user", label: "Second item", color: "positive", size: "default" },
-                { icon: "cloud", label: "Third item" },
-                // eslint-disable-next-line no-console
-                { icon: "xmarkLarge", label: "Fourth item", onClick: console.log },
-            ], color: "positive", openButton: { variant: "secondary", color: "default" }, size: "sm", visibleButtonsCount: 3 })));
-    return (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
-        react_1.default.createElement("div", { className: "space-y-2 p-20 lg:w-1/2" }, component)));
-}

package/button-list/index.d.ts

@@ -1,2 +0,0 @@
-export { ButtonList } from "./button-list";
-export type { ButtonListProps } from "./button-list";

package/button-list/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonList = void 0;
-var button_list_1 = require("./button-list");
-Object.defineProperty(exports, "ButtonList", { enumerable: true, get: function () { return button_list_1.ButtonList; } });

package/calendar/calendar-day-cell.d.ts

@@ -1,10 +0,0 @@
-import { UseDatePickerReturnType } from "@uxf/datepicker/hooks/use-date-picker";
-import { UseDateRangePickerReturnType } from "@uxf/datepicker/hooks/use-date-range-picker";
-import { CalendarDay } from "@uxf/datepicker/utils/get-days";
-import React from "react";
-interface CalendarDayProps {
-    day: CalendarDay;
-    datePickerProps: UseDatePickerReturnType | UseDateRangePickerReturnType;
-}
-export declare const CalendarDayCell: React.NamedExoticComponent<CalendarDayProps>;
-export {};