@wheelhouse/ui 0.1.6 → 0.2.0

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 { FolderOpenIcon } from '@phosphor-icons/react/dist/ssr';
+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(FolderOpenIcon, {}) }), _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);

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

@@ -0,0 +1,135 @@
+import type React from 'react';
+export interface FilterI18nConfig {
+    addFilter: string;
+    searchFields: string;
+    noFieldsFound: string;
+    noResultsFound: string;
+    select: string;
+    true: string;
+    false: string;
+    min: string;
+    max: string;
+    to: string;
+    typeAndPressEnter: string;
+    selected: string;
+    selectedCount: string;
+    percent: string;
+    defaultCurrency: string;
+    defaultColor: string;
+    addFilterTitle: string;
+    operators: {
+        is: string;
+        isNot: string;
+        isAnyOf: string;
+        isNotAnyOf: string;
+        includesAll: string;
+        excludesAll: string;
+        before: string;
+        after: string;
+        between: string;
+        notBetween: string;
+        contains: string;
+        notContains: string;
+        startsWith: string;
+        endsWith: string;
+        isExactly: string;
+        equals: string;
+        notEquals: string;
+        greaterThan: string;
+        lessThan: string;
+        overlaps: string;
+        includes: string;
+        excludes: string;
+        includesAllOf: string;
+        includesAnyOf: string;
+        empty: string;
+        notEmpty: string;
+    };
+    placeholders: {
+        enterField: (fieldType: string) => string;
+        selectField: string;
+        searchField: (fieldName: string) => string;
+        enterKey: string;
+        enterValue: string;
+    };
+    helpers: {
+        formatOperator: (operator: string) => string;
+    };
+    validation: {
+        invalidEmail: string;
+        invalidUrl: string;
+        invalidTel: string;
+        invalid: string;
+    };
+}
+export interface FilterOption<T = unknown> {
+    value: T;
+    label: string;
+    icon?: React.ReactNode;
+    metadata?: Record<string, unknown>;
+    className?: string;
+}
+export interface FilterOperator {
+    value: string;
+    label: string;
+    supportsMultiple?: boolean;
+}
+export interface CustomRendererProps<T = unknown> {
+    field: FilterFieldConfig<T>;
+    values: T[];
+    onChange: (values: T[]) => void;
+    operator: string;
+}
+export interface FilterFieldGroup<T = unknown> {
+    group?: string;
+    fields: FilterFieldConfig<T>[];
+}
+export type FilterFieldsConfig<T = unknown> = FilterFieldConfig<T>[] | FilterFieldGroup<T>[];
+export interface FilterFieldConfig<T = unknown> {
+    key?: string;
+    label?: string;
+    icon?: React.ReactNode;
+    type?: 'select' | 'multiselect' | 'text' | 'custom' | 'separator';
+    group?: string;
+    fields?: FilterFieldConfig<T>[];
+    options?: FilterOption<T>[];
+    operators?: FilterOperator[];
+    customRenderer?: (props: CustomRendererProps<T>) => React.ReactNode;
+    customValueRenderer?: (values: T[], options: FilterOption<T>[]) => React.ReactNode;
+    placeholder?: string;
+    searchable?: boolean;
+    maxSelections?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    prefix?: string | React.ReactNode;
+    suffix?: string | React.ReactNode;
+    pattern?: string;
+    validation?: (value: unknown) => boolean | {
+        valid: boolean;
+        message?: string;
+    };
+    allowCustomValues?: boolean;
+    className?: string;
+    menuPopupClassName?: string;
+    groupLabel?: string;
+    onLabel?: string;
+    offLabel?: string;
+    onInputChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    defaultOperator?: string;
+    value?: T[];
+    onValueChange?: (values: T[]) => void;
+}
+export interface Filter<T = unknown> {
+    id: string;
+    field: string;
+    operator: string;
+    values: T[];
+}
+export interface FilterGroup<T = unknown> {
+    id: string;
+    label?: string;
+    filters: Filter<T>[];
+    fields: FilterFieldConfig<T>[];
+}
+//# sourceMappingURL=filters-types.d.ts.map

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { Filter, FilterFieldConfig, FilterGroup } from './filters-types';
+export declare const createFilter: <T = unknown>(field: string, operator?: string, values?: T[]) => Filter<T>;
+export declare const createFilterGroup: <T = unknown>(id: string, label: string, fields: FilterFieldConfig<T>[], initialFilters?: Filter<T>[]) => FilterGroup<T>;
+//# sourceMappingURL=filters-utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filters-utils.d.ts","sourceRoot":"","sources":["../../../src/components/filters/filters-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9E,eAAO,MAAM,YAAY,GAAI,CAAC,GAAG,OAAO,EAAE,OAAO,MAAM,EAAE,WAAW,MAAM,EAAE,SAAQ,CAAC,EAAO,KAAG,MAAM,CAAC,CAAC,CAKrG,CAAC;AAEH,eAAO,MAAM,iBAAiB,GAAI,CAAC,GAAG,OAAO,EACzC,IAAI,MAAM,EACV,OAAO,MAAM,EACb,QAAQ,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAC9B,iBAAgB,MAAM,CAAC,CAAC,CAAC,EAAO,KACjC,WAAW,CAAC,CAAC,CAKd,CAAC"}

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

@@ -0,0 +1,12 @@
+export const createFilter = (field, operator, values = []) => ({
+    id: `${Date.now()}-${Math.random().toString(36).substring(2, 11)}`,
+    field,
+    operator: operator || 'is',
+    values,
+});
+export const createFilterGroup = (id, label, fields, initialFilters = []) => ({
+    id,
+    label,
+    filters: initialFilters,
+    fields,
+});

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

@@ -0,0 +1,29 @@
+import type React from 'react';
+import type { Filter, FilterFieldsConfig, FilterI18nConfig } from './filters-types';
+interface FiltersContentProps<T = unknown> {
+    filters: Filter<T>[];
+    fields: FilterFieldsConfig<T>;
+    onChange: (filters: Filter<T>[]) => void;
+}
+export declare const FiltersContent: <T = unknown>({ filters, fields, onChange }: FiltersContentProps<T>) => import("react/jsx-runtime").JSX.Element;
+interface FiltersProps<T = unknown> {
+    filters: Filter<T>[];
+    fields: FilterFieldsConfig<T>;
+    onChange: (filters: Filter<T>[]) => void;
+    className?: string;
+    variant?: 'solid' | 'default';
+    size?: 'sm' | 'default' | 'lg';
+    radius?: 'default' | 'full';
+    i18n?: Partial<FilterI18nConfig>;
+    showSearchInput?: boolean;
+    trigger?: React.ReactNode;
+    allowMultiple?: boolean;
+    menuPopupClassName?: string;
+    collapseAddButton?: boolean;
+    enableShortcut?: boolean;
+    shortcutKey?: string;
+    shortcutLabel?: string;
+}
+export declare function Filters<T = unknown>({ filters, fields, onChange, className, variant, size, radius, i18n, showSearchInput, trigger, allowMultiple, menuPopupClassName, enableShortcut, shortcutKey, shortcutLabel, }: FiltersProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=filters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../src/components/filters/filters.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6B/B,OAAO,KAAK,EAAE,MAAM,EAAuC,kBAAkB,EAAE,gBAAgB,EAAkB,MAAM,iBAAiB,CAAC;AA4kBzI,UAAU,mBAAmB,CAAC,CAAC,GAAG,OAAO;IACrC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,GAAG,OAAO,EAAG,+BAA+B,mBAAmB,CAAC,CAAC,CAAC,4CAuEjG,CAAC;AAEF,UAAU,YAAY,CAAC,CAAC,GAAG,OAAO;IAC9B,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACjC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAiND,wBAAgB,OAAO,CAAC,CAAC,GAAG,OAAO,EAAE,EACjC,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,MAAkB,EAClB,IAAI,EACJ,eAAsB,EACtB,OAAO,EACP,aAAoB,EACpB,kBAAkB,EAClB,cAAsB,EACtB,WAAiB,EACjB,aAAmB,GACtB,EAAE,YAAY,CAAC,CAAC,CAAC,2CAiajB"}