@wheelhouse/ui 0.1.6 → 0.2.1

package/dist/components/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,65 @@
+import * as React from 'react';
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+type DropdownMenuContentPositionProps = Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>;
+/**
+ * Props for `DropdownMenu`. Inherits behavior from
+ * [Base UI Menu](https://base-ui.com/react/components/menu).
+ */
+type DropdownMenuProps = MenuPrimitive.Root.Props;
+/** Props for `DropdownMenuPortal`. */
+type DropdownMenuPortalProps = MenuPrimitive.Portal.Props;
+/** Props for `DropdownMenuTrigger`. */
+type DropdownMenuTriggerProps = MenuPrimitive.Trigger.Props;
+/** Props for `DropdownMenuContent` (popup plus positioner alignment). */
+type DropdownMenuContentProps = MenuPrimitive.Popup.Props & DropdownMenuContentPositionProps;
+/** Props for `DropdownMenuSubContent` (same surface as content, tuned for nested menus). */
+type DropdownMenuSubContentProps = DropdownMenuContentProps;
+/** Props for `DropdownMenuGroup`. */
+type DropdownMenuGroupProps = MenuPrimitive.Group.Props;
+/** Props for `DropdownMenuLabel`. */
+type DropdownMenuLabelProps = React.ComponentProps<'div'> & {
+    inset?: boolean;
+};
+/** Props for `DropdownMenuItem`. */
+type DropdownMenuItemProps = MenuPrimitive.Item.Props & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+};
+/** Props for `DropdownMenuSub`. */
+type DropdownMenuSubProps = MenuPrimitive.SubmenuRoot.Props;
+/** Props for `DropdownMenuSubTrigger`. */
+type DropdownMenuSubTriggerProps = MenuPrimitive.SubmenuTrigger.Props & {
+    inset?: boolean;
+};
+/** Props for `DropdownMenuCheckboxItem`. */
+type DropdownMenuCheckboxItemProps = MenuPrimitive.CheckboxItem.Props & {
+    inset?: boolean;
+};
+/** Props for `DropdownMenuRadioGroup`. */
+type DropdownMenuRadioGroupProps = MenuPrimitive.RadioGroup.Props;
+/** Props for `DropdownMenuRadioItem`. */
+type DropdownMenuRadioItemProps = MenuPrimitive.RadioItem.Props & {
+    inset?: boolean;
+};
+/** Props for `DropdownMenuSeparator`. */
+type DropdownMenuSeparatorProps = MenuPrimitive.Separator.Props;
+/** Props for `DropdownMenuShortcut`. */
+type DropdownMenuShortcutProps = React.ComponentProps<'span'>;
+declare function DropdownMenu({ ...props }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: DropdownMenuPortalProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: DropdownMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuContentProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: DropdownMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: DropdownMenuSubProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuSubContentProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: DropdownMenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: DropdownMenuRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, inset, ...props }: DropdownMenuRadioItemProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
+export type { DropdownMenuProps, DropdownMenuPortalProps, DropdownMenuTriggerProps, DropdownMenuContentProps, DropdownMenuSubContentProps, DropdownMenuGroupProps, DropdownMenuLabelProps, DropdownMenuItemProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps, DropdownMenuShortcutProps, };
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/dropdown-menu/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"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"}

package/dist/components/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { cn } from '../../lib/utils';
+import { Check, ChevronRight } from 'lucide-react';
+function DropdownMenu({ ...props }) {
+    return _jsx(MenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal({ ...props }) {
+    return _jsx(MenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger({ ...props }) {
+    return _jsx(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuContent({ align = 'start', alignOffset = 0, side = 'bottom', sideOffset = 4, className, ...props }) {
+    return (_jsx(MenuPrimitive.Portal, { children: _jsx(MenuPrimitive.Positioner, { className: "isolate z-50 outline-none", align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, children: _jsx(MenuPrimitive.Popup, { "data-slot": "dropdown-menu-content", className: cn('z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95', className), ...props }) }) }));
+}
+function DropdownMenuGroup({ ...props }) {
+    return _jsx(MenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+    return (_jsx("div", { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn('px-1.5 py-1 text-xs text-muted-foreground data-inset:pl-7', className), ...props }));
+}
+function DropdownMenuItem({ className, inset, variant = 'default', ...props }) {
+    return (_jsx(MenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive-foreground/10 data-[variant=destructive]:focus:text-destructive-foreground dark:data-[variant=destructive]:focus:bg-destructive-foreground/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive-foreground", className), ...props }));
+}
+function DropdownMenuSub({ ...props }) {
+    return _jsx(MenuPrimitive.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+    return (_jsxs(MenuPrimitive.SubmenuTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn("flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, _jsx(ChevronRight, { className: "ml-auto" })] }));
+}
+function DropdownMenuSubContent({ align = 'start', alignOffset = -3, side = 'right', sideOffset = 0, className, ...props }) {
+    return (_jsx(DropdownMenuContent, { "data-slot": "dropdown-menu-sub-content", className: cn('w-auto min-w-[96px] rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95', className), align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, ...props }));
+}
+function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }) {
+    return (_jsxs(MenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", "data-inset": inset, className: cn("relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), checked: checked, ...props, children: [_jsx("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center", "data-slot": "dropdown-menu-checkbox-item-indicator", children: _jsx(MenuPrimitive.CheckboxItemIndicator, { children: _jsx(Check, {}) }) }), children] }));
+}
+function DropdownMenuRadioGroup({ ...props }) {
+    return (_jsx(MenuPrimitive.Group, { children: _jsx(MenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props }) }));
+}
+function DropdownMenuRadioItem({ className, children, inset, ...props }) {
+    return (_jsxs(MenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", "data-inset": inset, className: cn("relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center", "data-slot": "dropdown-menu-radio-item-indicator", children: _jsx(MenuPrimitive.RadioItemIndicator, { children: _jsx(Check, {}) }) }), children] }));
+}
+function DropdownMenuSeparator({ className, ...props }) {
+    return _jsx(MenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn('-mx-1 my-1 h-px bg-border', className), ...props });
+}
+function DropdownMenuShortcut({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "dropdown-menu-shortcut", className: cn('ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground', className), ...props }));
+}
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/components/dropdown-menu/dropdown-menu.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react';
+import { DropdownMenu } from '.';
+declare const meta: {
+    title: string;
+    component: typeof DropdownMenu;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithShortcuts: Story;
+export declare const WithCheckboxAndRadio: Story;
+export declare const WithSubmenu: Story;
+export declare const Gallery: Story;
+//# sourceMappingURL=dropdown-menu.stories.d.ts.map

package/dist/components/dropdown-menu/dropdown-menu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/dropdown-menu.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EACH,YAAY,EAcf,MAAM,GAAG,CAAC;AAEX,QAAA,MAAM,IAAI;;;;;;;CAO2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAuBlC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAqDrB,CAAC"}

package/dist/components/dropdown-menu/dropdown-menu.stories.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../button';
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from '.';
+const meta = {
+    title: 'UI/DropdownMenu',
+    component: DropdownMenu,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+function MenuTriggerButton(props) {
+    return _jsx(DropdownMenuTrigger, { render: _jsx(Button, { variant: "outline", size: "sm" }), children: props.children });
+}
+export const Default = {
+    render: () => (_jsxs(DropdownMenu, { children: [_jsx(MenuTriggerButton, { children: "Open menu" }), _jsxs(DropdownMenuContent, { className: "min-w-48", children: [_jsxs(DropdownMenuGroup, { children: [_jsx(DropdownMenuLabel, { children: "Actions" }), _jsx(DropdownMenuItem, { children: "New file" }), _jsx(DropdownMenuItem, { children: "New folder" })] }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { variant: "destructive", children: "Delete" })] })] })),
+};
+export const WithShortcuts = {
+    render: () => (_jsxs(DropdownMenu, { children: [_jsx(MenuTriggerButton, { children: "File" }), _jsxs(DropdownMenuContent, { className: "min-w-52", children: [_jsxs(DropdownMenuItem, { children: ["Save ", _jsx(DropdownMenuShortcut, { children: "\u2318S" })] }), _jsxs(DropdownMenuItem, { children: ["Duplicate ", _jsx(DropdownMenuShortcut, { children: "\u2318D" })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", children: ["Delete ", _jsx(DropdownMenuShortcut, { children: "\u232B" })] })] })] })),
+};
+export const WithCheckboxAndRadio = {
+    render: () => (_jsxs(DropdownMenu, { children: [_jsx(MenuTriggerButton, { children: "View options" }), _jsxs(DropdownMenuContent, { className: "min-w-48", children: [_jsxs(DropdownMenuGroup, { children: [_jsx(DropdownMenuLabel, { children: "Appearance" }), _jsx(DropdownMenuCheckboxItem, { defaultChecked: true, children: "Show sidebar" }), _jsx(DropdownMenuCheckboxItem, { children: "Show status bar" })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuRadioGroup, { defaultValue: "comfortable", children: [_jsx(DropdownMenuLabel, { inset: true, children: "Density" }), _jsx(DropdownMenuRadioItem, { value: "compact", inset: true, children: "Compact" }), _jsx(DropdownMenuRadioItem, { value: "comfortable", inset: true, children: "Comfortable" })] })] })] })),
+};
+export const WithSubmenu = {
+    render: () => (_jsxs(DropdownMenu, { children: [_jsx(MenuTriggerButton, { children: "More" }), _jsxs(DropdownMenuContent, { className: "min-w-44", children: [_jsx(DropdownMenuItem, { children: "Back" }), _jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, { children: "Share" }), _jsxs(DropdownMenuSubContent, { children: [_jsx(DropdownMenuItem, { children: "Copy link" }), _jsx(DropdownMenuItem, { children: "Email" })] })] }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { variant: "destructive", children: "Remove" })] })] })),
+};
+export const Gallery = {
+    parameters: { layout: 'padded' },
+    render: () => (_jsxs("div", { className: "flex flex-col gap-10", children: [_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("p", { className: "text-xs font-medium tracking-wide text-muted-foreground uppercase", children: "Default" }), _jsx("div", { className: "flex flex-wrap gap-4", children: _jsxs(DropdownMenu, { children: [_jsx(MenuTriggerButton, { children: "Menu" }), _jsxs(DropdownMenuContent, { children: [_jsx(DropdownMenuItem, { children: "One" }), _jsx(DropdownMenuItem, { children: "Two" })] })] }) })] }), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("p", { className: "text-xs font-medium tracking-wide text-muted-foreground uppercase", children: "Shortcuts & destructive" }), _jsx("div", { className: "flex flex-wrap gap-4", children: _jsxs(DropdownMenu, { children: [_jsx(MenuTriggerButton, { children: "Edit" }), _jsxs(DropdownMenuContent, { className: "min-w-52", children: [_jsxs(DropdownMenuItem, { children: ["Cut ", _jsx(DropdownMenuShortcut, { children: "\u2318X" })] }), _jsxs(DropdownMenuItem, { children: ["Copy ", _jsx(DropdownMenuShortcut, { children: "\u2318C" })] }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { variant: "destructive", children: "Delete" })] })] }) })] }), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("p", { className: "text-xs font-medium tracking-wide text-muted-foreground uppercase", children: "Nested" }), _jsx("div", { className: "flex flex-wrap gap-4", children: _jsxs(DropdownMenu, { children: [_jsx(MenuTriggerButton, { children: "Export" }), _jsx(DropdownMenuContent, { children: _jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, { children: "Download" }), _jsxs(DropdownMenuSubContent, { children: [_jsx(DropdownMenuItem, { children: "PNG" }), _jsx(DropdownMenuItem, { children: "SVG" })] })] }) })] }) })] })] })),
+};

package/dist/components/dropdown-menu/index.d.ts

@@ -0,0 +1,3 @@
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './dropdown-menu';
+export type { DropdownMenuProps, DropdownMenuPortalProps, DropdownMenuTriggerProps, DropdownMenuContentProps, DropdownMenuSubContentProps, DropdownMenuGroupProps, DropdownMenuLabelProps, DropdownMenuItemProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps, DropdownMenuShortcutProps, } from './dropdown-menu';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/dropdown-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACzB,MAAM,iBAAiB,CAAC;AAEzB,YAAY,EACR,iBAAiB,EACjB,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,EACxB,2BAA2B,EAC3B,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,EACrB,oBAAoB,EACpB,2BAA2B,EAC3B,6BAA6B,EAC7B,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,yBAAyB,GAC5B,MAAM,iBAAiB,CAAC"}

package/dist/components/dropdown-menu/index.js

@@ -0,0 +1 @@
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './dropdown-menu';

package/dist/components/empty/empty.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+/** Props for `Empty`. */
+export type EmptyProps = React.ComponentProps<'div'>;
+/** Props for `EmptyHeader`. */
+export type EmptyHeaderProps = React.ComponentProps<'div'>;
+/** Props for `EmptyMedia`. */
+export type EmptyMediaProps = React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>;
+/** Props for `EmptyTitle`. */
+export type EmptyTitleProps = React.ComponentProps<'div'>;
+/** Props for `EmptyDescription`. */
+export type EmptyDescriptionProps = React.ComponentProps<'div'>;
+/** Props for `EmptyContent`. */
+export type EmptyContentProps = React.ComponentProps<'div'>;
+declare function Empty({ className, ...props }: EmptyProps): import("react/jsx-runtime").JSX.Element;
+declare function EmptyHeader({ className, ...props }: EmptyHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function EmptyMedia({ className, variant, ...props }: EmptyMediaProps): import("react/jsx-runtime").JSX.Element;
+declare function EmptyTitle({ className, ...props }: EmptyTitleProps): import("react/jsx-runtime").JSX.Element;
+declare function EmptyDescription({ className, ...props }: EmptyDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare function EmptyContent({ className, ...props }: EmptyContentProps): import("react/jsx-runtime").JSX.Element;
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, emptyMediaVariants };
+//# sourceMappingURL=empty.d.ts.map

package/dist/components/empty/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/components/empty/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,yBAAyB;AACzB,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAErD,+BAA+B;AAC/B,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3D,8BAA8B;AAC9B,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEpG,8BAA8B;AAC9B,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1D,oCAAoC;AACpC,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEhE,gCAAgC;AAChC,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAE5D,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAWjD;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAE7D;AAED,QAAA,MAAM,kBAAkB;;8EAUtB,CAAC;AAEH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,OAAmB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAEhF;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAE3D;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAQvE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAQ/D;AAED,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/empty/empty.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils';
+function Empty({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "empty", className: cn('flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance', className), ...props }));
+}
+function EmptyHeader({ className, ...props }) {
+    return _jsx("div", { "data-slot": "empty-header", className: cn('flex max-w-sm flex-col items-center gap-2', className), ...props });
+}
+const emptyMediaVariants = cva('mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4",
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+function EmptyMedia({ className, variant = 'default', ...props }) {
+    return _jsx("div", { "data-slot": "empty-icon", "data-variant": variant, className: cn(emptyMediaVariants({ variant, className })), ...props });
+}
+function EmptyTitle({ className, ...props }) {
+    return _jsx("div", { "data-slot": "empty-title", className: cn('font-heading text-sm font-medium tracking-tight', className), ...props });
+}
+function EmptyDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "empty-description", className: cn('text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary', className), ...props }));
+}
+function EmptyContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "empty-content", className: cn('flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance', className), ...props }));
+}
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, emptyMediaVariants };

package/dist/components/empty/empty.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Empty } from './empty';
+declare const meta: Meta<typeof Empty>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=empty.stories.d.ts.map

package/dist/components/empty/empty.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.stories.d.ts","sourceRoot":"","sources":["../../../src/components/empty/empty.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAuE,MAAM,SAAS,CAAC;AAErG,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAcC,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAC"}

package/dist/components/empty/empty.stories.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FolderOpen } from 'lucide-react';
+import { Button } from '../button';
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from './empty';
+const meta = {
+    title: 'UI/Empty',
+    component: Empty,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "flex w-full max-w-md justify-center p-4", children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(Empty, { children: [_jsxs(EmptyHeader, { children: [_jsx(EmptyMedia, { variant: "icon", children: _jsx(FolderOpen, {}) }), _jsx(EmptyTitle, { children: "No projects yet" }), _jsx(EmptyDescription, { children: "Create a project to get started, or browse templates." })] }), _jsx(EmptyContent, { children: _jsx(Button, { size: "sm", children: "New project" }) })] })),
+};

package/dist/components/empty/index.d.ts

@@ -0,0 +1,3 @@
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, emptyMediaVariants } from './empty';
+export type { EmptyProps, EmptyHeaderProps, EmptyMediaProps, EmptyTitleProps, EmptyDescriptionProps, EmptyContentProps } from './empty';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/empty/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/empty/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEzH,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,eAAe,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/empty/index.js

@@ -0,0 +1 @@
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, emptyMediaVariants } from './empty';

package/dist/components/field/field.d.ts

@@ -0,0 +1,22 @@
+import { Field as FieldPrimitive } from '@base-ui/react/field';
+declare function FieldRoot({ className, ...props }: FieldPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ className, ...props }: FieldPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
+declare function FieldDescription({ className, ...props }: FieldPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
+declare function FieldError({ className, ...props }: FieldPrimitive.Error.Props): import("react/jsx-runtime").JSX.Element;
+export type FieldControlProps = Omit<FieldPrimitive.Control.Props, 'size'> & {
+    size?: 'sm' | 'default';
+};
+declare function FieldControl({ className, size, ...props }: FieldControlProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldItem({ className, ...props }: FieldPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
+declare const FieldValidity: import("react").FC<import("@base-ui/react").FieldValidityProps>;
+export declare const Field: {
+    Root: typeof FieldRoot;
+    Label: typeof FieldLabel;
+    Description: typeof FieldDescription;
+    Error: typeof FieldError;
+    Control: typeof FieldControl;
+    Validity: import("react").FC<import("@base-ui/react").FieldValidityProps>;
+    Item: typeof FieldItem;
+};
+export { FieldRoot, FieldLabel, FieldDescription, FieldError, FieldControl, FieldItem, FieldValidity };
+//# sourceMappingURL=field.d.ts.map

package/dist/components/field/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/components/field/field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAK/D,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,2CAEpE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,2CAWtE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,2CAElF;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,2CAEtE;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CAAE,CAAC;AAEzG,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,IAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAEjF;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,2CAEpE;AAED,QAAA,MAAM,aAAa,iEAA0B,CAAC;AAE9C,eAAO,MAAM,KAAK;;;;;;;;CAQjB,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/field/field.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Field as FieldPrimitive } from '@base-ui/react/field';
+import { cn } from '../../lib/utils';
+import { inputVariants } from '../input/input';
+function FieldRoot({ className, ...props }) {
+    return _jsx(FieldPrimitive.Root, { "data-slot": "field", className: cn('group/field flex flex-col gap-1.5', className), ...props });
+}
+function FieldLabel({ className, ...props }) {
+    return (_jsx(FieldPrimitive.Label, { "data-slot": "field-label", className: cn('flex items-center gap-2 text-sm leading-none font-medium select-none group-data-disabled/field:pointer-events-none group-data-disabled/field:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50', className), ...props }));
+}
+function FieldDescription({ className, ...props }) {
+    return _jsx(FieldPrimitive.Description, { "data-slot": "field-description", className: cn('text-xs text-muted-foreground', className), ...props });
+}
+function FieldError({ className, ...props }) {
+    return _jsx(FieldPrimitive.Error, { "data-slot": "field-error", className: cn('text-xs text-destructive-foreground', className), ...props });
+}
+function FieldControl({ className, size = 'default', ...props }) {
+    return _jsx(FieldPrimitive.Control, { "data-slot": "field-control", className: cn(inputVariants({ size }), className), ...props });
+}
+function FieldItem({ className, ...props }) {
+    return _jsx(FieldPrimitive.Item, { "data-slot": "field-item", className: cn('flex gap-2', className), ...props });
+}
+const FieldValidity = FieldPrimitive.Validity;
+export const Field = {
+    Root: FieldRoot,
+    Label: FieldLabel,
+    Description: FieldDescription,
+    Error: FieldError,
+    Control: FieldControl,
+    Validity: FieldValidity,
+    Item: FieldItem,
+};
+export { FieldRoot, FieldLabel, FieldDescription, FieldError, FieldControl, FieldItem, FieldValidity };

package/dist/components/field/field.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: typeof import("./field").FieldRoot;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Invalid: Story;
+export declare const WithFieldControl: Story;
+export declare const Gallery: Story;
+//# sourceMappingURL=field.stories.d.ts.map

package/dist/components/field/field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.stories.d.ts","sourceRoot":"","sources":["../../../src/components/field/field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;CAOyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC"}

package/dist/components/field/field.stories.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from '../input';
+import { Field } from './field';
+const meta = {
+    title: 'UI/Field',
+    component: Field.Root,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(Field.Root, { name: "email", className: "w-72", children: [_jsx(Field.Label, { children: "Email" }), _jsx(Input, { type: "email", placeholder: "you@example.com" }), _jsx(Field.Description, { children: "We will never share your email." })] })),
+};
+export const Invalid = {
+    render: () => (_jsxs(Field.Root, { name: "email", invalid: true, className: "w-72", children: [_jsx(Field.Label, { children: "Email" }), _jsx(Input, { type: "email", placeholder: "you@example.com" }), _jsx(Field.Error, { children: "Enter a valid email address." })] })),
+};
+export const WithFieldControl = {
+    name: 'Using Field.Control',
+    render: () => (_jsxs(Field.Root, { name: "name", className: "w-72", children: [_jsx(Field.Label, { children: "Display name" }), _jsx(Field.Control, { placeholder: "Jane Doe" })] })),
+};
+export const Gallery = {
+    parameters: { layout: 'padded' },
+    render: () => (_jsxs("div", { className: "flex max-w-md flex-col gap-8", children: [_jsxs(Field.Root, { name: "g1", className: "w-full", children: [_jsx(Field.Label, { children: "Basic" }), _jsx(Field.Control, { placeholder: "Field.Control" }), _jsx(Field.Description, { children: "Helper text below the control." })] }), _jsxs(Field.Root, { name: "g2", invalid: true, className: "w-full", children: [_jsx(Field.Label, { children: "Invalid" }), _jsx(Field.Control, { placeholder: "Invalid value" }), _jsx(Field.Error, { children: "Fix this field." })] }), _jsxs(Field.Root, { name: "g3", disabled: true, className: "w-full", children: [_jsx(Field.Label, { children: "Disabled" }), _jsx(Field.Control, { placeholder: "Cannot edit" })] })] })),
+};

package/dist/components/field/index.d.ts

@@ -0,0 +1,2 @@
+export { Field, FieldRoot, FieldLabel, FieldDescription, FieldError, FieldControl, FieldItem, FieldValidity, type FieldControlProps } from './field';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/field/index.js

@@ -0,0 +1 @@
+export { Field, FieldRoot, FieldLabel, FieldDescription, FieldError, FieldControl, FieldItem, FieldValidity } from './field';

package/dist/components/filters/filters-defaults.d.ts

@@ -0,0 +1,5 @@
+import type { FilterI18nConfig, FilterOperator } from './filters-types';
+export declare const DEFAULT_I18N: FilterI18nConfig;
+export declare const createOperatorsFromI18n: (i18n: FilterI18nConfig) => Record<string, FilterOperator[]>;
+export declare const DEFAULT_OPERATORS: Record<string, FilterOperator[]>;
+//# sourceMappingURL=filters-defaults.d.ts.map

package/dist/components/filters/filters-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters-defaults.d.ts","sourceRoot":"","sources":["../../../src/components/filters/filters-defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAExE,eAAO,MAAM,YAAY,EAAE,gBAkE1B,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,MAAM,gBAAgB,KAAG,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,CAgC9F,CAAC;AAEH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,CAAyC,CAAC"}

package/dist/components/filters/filters-defaults.js

@@ -0,0 +1,97 @@
+export const DEFAULT_I18N = {
+    addFilter: 'Filter',
+    searchFields: 'Filter...',
+    noFieldsFound: 'No filters found.',
+    noResultsFound: 'No results found.',
+    select: 'Select...',
+    true: 'True',
+    false: 'False',
+    min: 'Min',
+    max: 'Max',
+    to: 'to',
+    typeAndPressEnter: 'Type and press Enter to add tag',
+    selected: 'selected',
+    selectedCount: 'selected',
+    percent: '%',
+    defaultCurrency: '$',
+    defaultColor: '#000000',
+    addFilterTitle: 'Add filter',
+    operators: {
+        is: 'is',
+        isNot: 'is not',
+        isAnyOf: 'is any of',
+        isNotAnyOf: 'is not any of',
+        includesAll: 'includes all',
+        excludesAll: 'excludes all',
+        before: 'before',
+        after: 'after',
+        between: 'between',
+        notBetween: 'not between',
+        contains: 'contains',
+        notContains: 'does not contain',
+        startsWith: 'starts with',
+        endsWith: 'ends with',
+        isExactly: 'is exactly',
+        equals: 'equals',
+        notEquals: 'not equals',
+        greaterThan: 'greater than',
+        lessThan: 'less than',
+        overlaps: 'overlaps',
+        includes: 'includes',
+        excludes: 'excludes',
+        includesAllOf: 'includes all of',
+        includesAnyOf: 'includes any of',
+        empty: 'is empty',
+        notEmpty: 'is not empty',
+    },
+    placeholders: {
+        enterField: (fieldType) => `Enter ${fieldType}...`,
+        selectField: 'Select...',
+        searchField: (fieldName) => `Search ${fieldName.toLowerCase()}...`,
+        enterKey: 'Enter key...',
+        enterValue: 'Enter value...',
+    },
+    helpers: {
+        formatOperator: (operator) => operator.replace(/_/g, ' '),
+    },
+    validation: {
+        invalidEmail: 'Invalid email format',
+        invalidUrl: 'Invalid URL format',
+        invalidTel: 'Invalid phone format',
+        invalid: 'Invalid input format',
+    },
+};
+export const createOperatorsFromI18n = (i18n) => ({
+    select: [
+        { value: 'is', label: i18n.operators.is },
+        { value: 'is_not', label: i18n.operators.isNot },
+        { value: 'empty', label: i18n.operators.empty },
+        { value: 'not_empty', label: i18n.operators.notEmpty },
+    ],
+    multiselect: [
+        { value: 'is_any_of', label: i18n.operators.isAnyOf },
+        { value: 'is_not_any_of', label: i18n.operators.isNotAnyOf },
+        { value: 'includes_all', label: i18n.operators.includesAll },
+        { value: 'excludes_all', label: i18n.operators.excludesAll },
+        { value: 'empty', label: i18n.operators.empty },
+        { value: 'not_empty', label: i18n.operators.notEmpty },
+    ],
+    text: [
+        { value: 'contains', label: i18n.operators.contains },
+        { value: 'not_contains', label: i18n.operators.notContains },
+        { value: 'starts_with', label: i18n.operators.startsWith },
+        { value: 'ends_with', label: i18n.operators.endsWith },
+        { value: 'is', label: i18n.operators.isExactly },
+        { value: 'empty', label: i18n.operators.empty },
+        { value: 'not_empty', label: i18n.operators.notEmpty },
+    ],
+    custom: [
+        { value: 'is', label: i18n.operators.is },
+        { value: 'after', label: i18n.operators.after },
+        { value: 'is', label: i18n.operators.is },
+        { value: 'between', label: i18n.operators.between },
+        { value: 'empty', label: i18n.operators.empty },
+        { value: 'not_empty', label: i18n.operators.notEmpty },
+    ],
+});
+export const DEFAULT_OPERATORS = createOperatorsFromI18n(DEFAULT_I18N);