@nexub/react 5.4.0 → 5.6.0

package/dist/components/FilterBuilder/FilterBuilder.js

@@ -0,0 +1,164 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Plus, X } from "@nexub/icons";
+import { cn } from "../../utils/cn.js";
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { Button } from "../Button/Button.js";
+import { IconButton } from "../IconButton/IconButton.js";
+import { Input } from "../Input/Input.js";
+import { Select } from "../Select/Select.js";
+import { SegmentedControl } from "../SegmentedControl/SegmentedControl.js";
+const filterOperators = {
+  text: ["contains", "equals", "notEquals", "startsWith", "isEmpty"],
+  number: ["equals", "notEquals", "greaterThan", "lessThan"],
+  select: ["equals", "notEquals"],
+  date: ["equals", "before", "after"]
+};
+const isFilterGroup = (r) => "rules" in r;
+let seq = 0;
+const uid = () => `f${(++seq).toString(36)}${Math.random().toString(36).slice(2, 6)}`;
+const emptyFilter = () => ({ id: uid(), combinator: "and", rules: [] });
+function countFilters(group) {
+  return group.rules.reduce(
+    (n, r) => n + (isFilterGroup(r) ? countFilters(r) : r.operator === "isEmpty" || r.value !== "" ? 1 : 0),
+    0
+  );
+}
+function FilterBuilder({ fields, value: valueProp, defaultValue, onValueChange, maxDepth = 1, className }) {
+  const [value = emptyFilter(), setValue] = useControllableState({
+    value: valueProp,
+    defaultValue: defaultValue ?? emptyFilter(),
+    onChange: onValueChange
+  });
+  return /* @__PURE__ */ jsx(
+    GroupView,
+    {
+      group: value,
+      fields,
+      depth: 0,
+      maxDepth,
+      onChange: setValue,
+      className
+    }
+  );
+}
+FilterBuilder.displayName = "FilterBuilder";
+function GroupView({ group, fields, depth, maxDepth, onChange, onRemove, className }) {
+  const t = useNexubMessages();
+  const first = fields[0];
+  const setRules = (rules) => onChange({ ...group, rules });
+  const newRule = () => ({
+    id: uid(),
+    field: first?.id ?? "",
+    operator: filterOperators[first?.type ?? "text"][0],
+    value: ""
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "group",
+      "aria-label": t.filterGroup(group.combinator),
+      className: cn(
+        "flex flex-col gap-2",
+        depth > 0 && "rounded-shape-container border border-[var(--color-outline-variant)] p-3",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            SegmentedControl.Root,
+            {
+              size: "sm",
+              "aria-label": t.filterGroup(group.combinator),
+              value: group.combinator,
+              onValueChange: (v) => v && onChange({ ...group, combinator: v }),
+              children: [
+                /* @__PURE__ */ jsx(SegmentedControl.Item, { value: "and", children: t.matchAll }),
+                /* @__PURE__ */ jsx(SegmentedControl.Item, { value: "or", children: t.matchAny })
+              ]
+            }
+          ),
+          onRemove && /* @__PURE__ */ jsx(IconButton, { label: t.removeGroup, variant: "ghost", size: "sm", className: "ms-auto", onClick: onRemove, children: /* @__PURE__ */ jsx(X, { size: "sm", "aria-hidden": "true" }) })
+        ] }),
+        group.rules.map((r, i) => {
+          const replace = (next) => setRules(group.rules.map((x, j) => j === i ? next : x));
+          const remove = () => setRules(group.rules.filter((_, j) => j !== i));
+          return isFilterGroup(r) ? /* @__PURE__ */ jsx(GroupView, { group: r, fields, depth: depth + 1, maxDepth, onChange: replace, onRemove: remove }, r.id) : /* @__PURE__ */ jsx(RuleRow, { rule: r, fields, onChange: replace, onRemove: remove }, r.id);
+        }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setRules([...group.rules, newRule()]), disabled: !first, children: [
+            /* @__PURE__ */ jsx(Plus, { size: "sm", "aria-hidden": "true" }),
+            t.addFilter
+          ] }),
+          depth < maxDepth && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => setRules([...group.rules, { id: uid(), combinator: "and", rules: [newRule()] }]),
+              disabled: !first,
+              children: [
+                /* @__PURE__ */ jsx(Plus, { size: "sm", "aria-hidden": "true" }),
+                t.addGroup
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function RuleRow({
+  rule,
+  fields,
+  onChange,
+  onRemove
+}) {
+  const t = useNexubMessages();
+  const field = fields.find((f) => f.id === rule.field) ?? fields[0];
+  const ops = filterOperators[field?.type ?? "text"];
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsxs(
+      Select.Root,
+      {
+        value: field?.id,
+        onValueChange: (id) => {
+          const f = fields.find((x) => x.id === id);
+          const nextOps = filterOperators[f?.type ?? "text"];
+          onChange({ ...rule, field: id, operator: nextOps.includes(rule.operator) ? rule.operator : nextOps[0], value: "" });
+        },
+        children: [
+          /* @__PURE__ */ jsx(Select.Trigger, { "aria-label": t.filterField, className: "w-auto min-w-36", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+          /* @__PURE__ */ jsx(Select.Content, { children: fields.map((f) => /* @__PURE__ */ jsx(Select.Item, { value: f.id, children: f.label }, f.id)) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(Select.Root, { value: rule.operator, onValueChange: (op) => onChange({ ...rule, operator: op }), children: [
+      /* @__PURE__ */ jsx(Select.Trigger, { "aria-label": t.filterOperator, className: "w-auto min-w-32", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+      /* @__PURE__ */ jsx(Select.Content, { children: ops.map((op) => /* @__PURE__ */ jsx(Select.Item, { value: op, children: t.filterOperators[op] }, op)) })
+    ] }),
+    rule.operator !== "isEmpty" && (field?.type === "select" ? /* @__PURE__ */ jsxs(Select.Root, { value: rule.value || void 0, onValueChange: (v) => onChange({ ...rule, value: v }), children: [
+      /* @__PURE__ */ jsx(Select.Trigger, { "aria-label": t.filterValue, className: "w-auto min-w-36", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+      /* @__PURE__ */ jsx(Select.Content, { children: field.options?.map((o) => /* @__PURE__ */ jsx(Select.Item, { value: o.value, children: o.label }, o.value)) })
+    ] }) : /* @__PURE__ */ jsx(
+      Input,
+      {
+        "aria-label": t.filterValue,
+        type: field?.type === "number" ? "number" : field?.type === "date" ? "date" : "text",
+        value: rule.value,
+        onChange: (e) => onChange({ ...rule, value: e.target.value }),
+        wrapperClassName: "w-auto min-w-36 flex-1"
+      }
+    )),
+    /* @__PURE__ */ jsx(IconButton, { label: t.removeFilter, variant: "ghost", size: "sm", onClick: onRemove, children: /* @__PURE__ */ jsx(X, { size: "sm", "aria-hidden": "true" }) })
+  ] });
+}
+export {
+  FilterBuilder,
+  countFilters,
+  emptyFilter,
+  filterOperators,
+  isFilterGroup
+};

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

@@ -0,0 +1,2 @@
+export { FilterBuilder, filterOperators, isFilterGroup, emptyFilter, countFilters } from './FilterBuilder.js';
+export type { FilterBuilderProps, FilterField, FilterFieldType, FilterOperator, FilterRule, FilterGroup } from './FilterBuilder.js';

package/dist/components/FilterBuilder/index.js

@@ -0,0 +1,8 @@
+import { FilterBuilder, filterOperators, isFilterGroup, emptyFilter, countFilters } from "./FilterBuilder.js";
+export {
+  FilterBuilder,
+  countFilters,
+  emptyFilter,
+  filterOperators,
+  isFilterGroup
+};

package/dist/components/OTPInput/OTPInput.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+export interface OTPInputProps {
+    /** Number of characters. Default 6. */
+    length?: number;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Called once every box is filled. */
+    onComplete?: (value: string) => void;
+    /** `numeric` (default) accepts digits only; `alphanumeric` accepts letters too. */
+    mode?: 'numeric' | 'alphanumeric';
+    disabled?: boolean;
+    invalid?: boolean;
+    /** Group name; defaults to "Verification code". */
+    'aria-label'?: string;
+    className?: string;
+    /** Submits with a form under this name. */
+    name?: string;
+}
+/**
+ * One box per character. Typing moves on, Backspace moves back, paste and
+ * the OS's one-time-code suggestion fill every box. The value has no gaps:
+ * focusing a box past the end jumps to the first empty one.
+ */
+export declare function OTPInput({ length, value: valueProp, defaultValue, onValueChange, onComplete, mode, disabled, invalid, 'aria-label': ariaLabel, className, name, }: OTPInputProps): React.JSX.Element;
+export declare namespace OTPInput {
+    var displayName: string;
+}

package/dist/components/OTPInput/OTPInput.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { field, fieldFocusVisible, fieldInvalid } from "../../utils/control.js";
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { useIsomorphicLayoutEffect } from "../../hooks/useIsomorphicLayoutEffect.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+function OTPInput({
+  length = 6,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  onComplete,
+  mode = "numeric",
+  disabled,
+  invalid,
+  "aria-label": ariaLabel,
+  className,
+  name
+}) {
+  const t = useNexubMessages();
+  const [value = "", setValue] = useControllableState({
+    value: valueProp,
+    defaultValue: defaultValue ?? "",
+    onChange: onValueChange
+  });
+  const refs = React.useRef([]);
+  const filled = React.useRef(value.length);
+  useIsomorphicLayoutEffect(() => {
+    filled.current = value.length;
+  });
+  const clean = (s) => (s.match(mode === "numeric" ? /\d/g : /[a-z0-9]/gi) ?? []).join("");
+  const commit = (next) => {
+    const v = next.slice(0, length);
+    filled.current = v.length;
+    setValue(v);
+    if (v.length === length) onComplete?.(v);
+  };
+  const focus = (i) => refs.current[Math.max(0, Math.min(length - 1, i))]?.focus();
+  const writeAt = (i, chars) => {
+    commit(value.slice(0, i) + chars + value.slice(i + chars.length));
+    focus(i + chars.length);
+  };
+  return /* @__PURE__ */ jsxs("div", { role: "group", "aria-label": ariaLabel ?? t.verificationCode, className: cn("flex gap-2", className), children: [
+    Array.from({ length }, (_, i) => /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: (el) => {
+          refs.current[i] = el;
+        },
+        "aria-label": t.codeDigit(i + 1, length),
+        autoComplete: i === 0 ? "one-time-code" : "off",
+        inputMode: mode === "numeric" ? "numeric" : "text",
+        pattern: mode === "numeric" ? "[0-9]*" : void 0,
+        maxLength: i === 0 ? length : 2,
+        disabled,
+        "aria-invalid": invalid || void 0,
+        value: value[i] ?? "",
+        onFocus: (e) => {
+          if (i > filled.current) focus(filled.current);
+          else e.target.select();
+        },
+        onChange: (e) => {
+          const raw = clean(e.target.value);
+          const typed = raw.length === 2 && value[i] && raw.startsWith(value[i]) ? raw.slice(1) : raw;
+          if (typed) writeAt(Math.min(i, value.length), typed);
+        },
+        onPaste: (e) => {
+          const pasted = clean(e.clipboardData.getData("text"));
+          if (!pasted) return;
+          e.preventDefault();
+          writeAt(Math.min(i, value.length), pasted);
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Backspace") {
+            e.preventDefault();
+            if (value[i]) commit(value.slice(0, i) + value.slice(i + 1));
+            else if (i > 0) {
+              commit(value.slice(0, i - 1) + value.slice(i));
+              focus(i - 1);
+            }
+          } else if (e.key === "ArrowLeft") {
+            e.preventDefault();
+            focus(i - 1);
+          } else if (e.key === "ArrowRight") {
+            e.preventDefault();
+            focus(i + 1);
+          }
+        },
+        className: cn(
+          field,
+          fieldFocusVisible,
+          invalid && fieldInvalid,
+          "h-12 w-10 text-center text-title-md tabular-nums",
+          "disabled:cursor-not-allowed disabled:border-[var(--color-outline-variant)] disabled:bg-[var(--color-surface-container-low)] disabled:text-[var(--color-text-disabled)]"
+        )
+      },
+      i
+    )),
+    name && /* @__PURE__ */ jsx("input", { type: "hidden", name, value })
+  ] });
+}
+OTPInput.displayName = "OTPInput";
+export {
+  OTPInput
+};

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

@@ -0,0 +1,2 @@
+export { OTPInput } from './OTPInput.js';
+export type { OTPInputProps } from './OTPInput.js';

package/dist/components/OTPInput/index.js

@@ -0,0 +1,4 @@
+import { OTPInput } from "./OTPInput.js";
+export {
+  OTPInput
+};

package/dist/components/SavedViews/SavedViews.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+export interface SavedView {
+    id: string;
+    name: string;
+}
+export interface SavedViewsProps {
+    views: SavedView[];
+    /** The view in use; its name shows on the button. */
+    activeId?: string;
+    onSelect: (id: string) => void;
+    /** "Save as new view…": asks for a name, then calls this. Your app stores the view. */
+    onSave?: (name: string) => void;
+    /** "Update ‹view›": overwrite the active view with the current filters. */
+    onUpdate?: (id: string) => void;
+    /** "Delete ‹view›": remove the active view. */
+    onDelete?: (id: string) => void;
+    className?: string;
+}
+/**
+ * A menu of saved filter views. UI only: your app keeps the views and what
+ * each one restores (filters, sort, columns).
+ */
+export declare function SavedViews({ views, activeId, onSelect, onSave, onUpdate, onDelete, className }: SavedViewsProps): React.JSX.Element;
+export declare namespace SavedViews {
+    var displayName: string;
+}

package/dist/components/SavedViews/SavedViews.js

@@ -0,0 +1,65 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Bookmark, ChevronDown } from "@nexub/icons";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { Button } from "../Button/Button.js";
+import { DropdownMenu } from "../DropdownMenu/DropdownMenu.js";
+import { Dialog } from "../Dialog/Dialog.js";
+import { Input } from "../Input/Input.js";
+function SavedViews({ views, activeId, onSelect, onSave, onUpdate, onDelete, className }) {
+  const t = useNexubMessages();
+  const [naming, setNaming] = React.useState(false);
+  const [name, setName] = React.useState("");
+  const active = views.find((v) => v.id === activeId);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
+      /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className, children: [
+        /* @__PURE__ */ jsx(Bookmark, { size: "sm", "aria-hidden": "true" }),
+        active?.name ?? t.views,
+        /* @__PURE__ */ jsx(ChevronDown, { size: "sm", "aria-hidden": "true" })
+      ] }) }),
+      /* @__PURE__ */ jsxs(DropdownMenu.Content, { align: "start", children: [
+        views.length > 0 && /* @__PURE__ */ jsx(DropdownMenu.RadioGroup, { value: activeId ?? "", onValueChange: onSelect, children: views.map((v) => /* @__PURE__ */ jsx(DropdownMenu.RadioItem, { value: v.id, children: v.name }, v.id)) }),
+        views.length > 0 && (onSave || active && (onUpdate || onDelete)) && /* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
+        onSave && /* @__PURE__ */ jsx(
+          DropdownMenu.Item,
+          {
+            onSelect: () => {
+              setName("");
+              setNaming(true);
+            },
+            children: t.saveView
+          }
+        ),
+        active && onUpdate && /* @__PURE__ */ jsx(DropdownMenu.Item, { onSelect: () => onUpdate(active.id), children: t.updateView(active.name) }),
+        active && onDelete && /* @__PURE__ */ jsx(DropdownMenu.Item, { onSelect: () => onDelete(active.id), className: "text-[var(--color-error)]", children: t.deleteView(active.name) })
+      ] })
+    ] }),
+    onSave && /* @__PURE__ */ jsx(Dialog.Root, { open: naming, onOpenChange: setNaming, children: /* @__PURE__ */ jsx(Dialog.Content, { className: "max-w-sm", children: /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: (e) => {
+          e.preventDefault();
+          const n = name.trim();
+          if (!n) return;
+          onSave(n);
+          setNaming(false);
+        },
+        className: "flex flex-col gap-4",
+        children: [
+          /* @__PURE__ */ jsx(Dialog.Header, { children: /* @__PURE__ */ jsx(Dialog.Title, { children: t.saveView.replace(/…$/, "") }) }),
+          /* @__PURE__ */ jsx(Input, { "aria-label": t.viewName, placeholder: t.viewName, value: name, onChange: (e) => setName(e.target.value), autoFocus: true }),
+          /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+            /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", children: t.cancel }) }),
+            /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !name.trim(), children: t.save })
+          ] })
+        ]
+      }
+    ) }) })
+  ] });
+}
+SavedViews.displayName = "SavedViews";
+export {
+  SavedViews
+};

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

@@ -0,0 +1,2 @@
+export { SavedViews } from './SavedViews.js';
+export type { SavedViewsProps, SavedView } from './SavedViews.js';

package/dist/components/SavedViews/index.js

@@ -0,0 +1,4 @@
+import { SavedViews } from "./SavedViews.js";
+export {
+  SavedViews
+};

package/dist/index.d.ts

@@ -144,6 +144,7 @@ export { KeyboardShortcut } from './components/KeyboardShortcut/index.js';
 export type { KeyboardShortcutProps } from './components/KeyboardShortcut/index.js';
 export { Dialog } from './components/Dialog/index.js';
 export { AlertDialog } from './components/AlertDialog/index.js';
+export type { AlertDialogConfirmProps } from './components/AlertDialog/index.js';
 export { Popover } from './components/Popover/index.js';
 export { Tooltip } from './components/Tooltip/index.js';
 export { Provider as TooltipProvider } from './components/Tooltip/index.js';
@@ -161,6 +162,10 @@ export { Combobox } from './components/Combobox/index.js';
 export { Autocomplete } from './components/Autocomplete/index.js';
 export type { AutocompleteOption, AutocompleteProps } from './components/Autocomplete/index.js';
 export { MultiSelect } from './components/MultiSelect/index.js';
+export { FilterBuilder, filterOperators, isFilterGroup, emptyFilter, countFilters } from './components/FilterBuilder/index.js';
+export type { FilterBuilderProps, FilterField, FilterFieldType, FilterOperator, FilterRule, FilterGroup } from './components/FilterBuilder/index.js';
+export { SavedViews } from './components/SavedViews/index.js';
+export type { SavedViewsProps, SavedView } from './components/SavedViews/index.js';
 export type { MultiSelectOption, MultiSelectProps } from './components/MultiSelect/index.js';
 export { Switch } from './components/Switch/index.js';
 export type { SwitchProps } from './components/Switch/index.js';
@@ -201,15 +206,19 @@ export type { CommandPaletteRootProps } from './components/CommandPalette/index.
 export { Table } from './components/Table/index.js';
 export { DataTable } from './components/DataTable/index.js';
 export type { DataTableProps, DataTableDensity } from './components/DataTable/index.js';
-export { EmptyState } from './components/EmptyState/index.js';
+export { EmptyState, EmptyStatePreset } from './components/EmptyState/index.js';
+export type { EmptyStatePresetProps, EmptyStateKind } from './components/EmptyState/index.js';
 export { ErrorState } from './components/ErrorState/index.js';
 export type { ErrorStateProps } from './components/ErrorState/index.js';
 export { FileUpload, fileAccepted } from './components/FileUpload/index.js';
-export type { FileUploadRootProps, FileRejection } from './components/FileUpload/index.js';
+export type { FileUploadRootProps, FileUploadItemProps, FileRejection } from './components/FileUpload/index.js';
+export { OTPInput } from './components/OTPInput/index.js';
+export type { OTPInputProps } from './components/OTPInput/index.js';
 export { DatePicker } from './components/DatePicker/index.js';
 export type { DatePickerProps } from './components/DatePicker/index.js';
 export { DateRangePicker } from './components/DateRangePicker/index.js';
-export type { DateRangePickerProps, DateRange } from './components/DateRangePicker/index.js';
+export { todayIn } from './components/DateRangePicker/index.js';
+export type { DateRangePickerProps, DateRange, DateRangePreset } from './components/DateRangePicker/index.js';
 export { ThemeProvider, ThemeScript, useTheme } from './components/ThemeProvider/index.js';
 export type { ThemeMode, GlassMode, ThemeContextValue, ThemeProviderProps, ThemeScriptProps } from './components/ThemeProvider/index.js';
 export { Fade, Slide, Scale, Collapse, ListTransition, SkeletonSwap, usePrefersReducedMotion, Reveal, Float, Marquee } from './components/Motion/index.js';

package/dist/index.js

@@ -90,6 +90,8 @@ import { Select } from "./components/Select/index.js";
 import { Combobox } from "./components/Combobox/index.js";
 import { Autocomplete } from "./components/Autocomplete/index.js";
 import { MultiSelect } from "./components/MultiSelect/index.js";
+import { FilterBuilder, filterOperators, isFilterGroup, emptyFilter, countFilters } from "./components/FilterBuilder/index.js";
+import { SavedViews } from "./components/SavedViews/index.js";
 import { Switch } from "./components/Switch/index.js";
 import { Checkbox } from "./components/Checkbox/index.js";
 import { RadioGroup } from "./components/RadioGroup/index.js";
@@ -114,11 +116,13 @@ import { Pagination } from "./components/Pagination/index.js";
 import { CommandPalette } from "./components/CommandPalette/index.js";
 import { Table } from "./components/Table/index.js";
 import { DataTable } from "./components/DataTable/index.js";
-import { EmptyState } from "./components/EmptyState/index.js";
+import { EmptyState, EmptyStatePreset } from "./components/EmptyState/index.js";
 import { ErrorState } from "./components/ErrorState/index.js";
 import { FileUpload, fileAccepted } from "./components/FileUpload/index.js";
+import { OTPInput } from "./components/OTPInput/index.js";
 import { DatePicker } from "./components/DatePicker/index.js";
 import { DateRangePicker } from "./components/DateRangePicker/index.js";
+import { todayIn } from "./components/DateRangePicker/index.js";
 import { ThemeProvider, ThemeScript, useTheme } from "./components/ThemeProvider/index.js";
 import { Fade, Slide, Scale, Collapse, ListTransition, SkeletonSwap, usePrefersReducedMotion, Reveal, Float, Marquee } from "./components/Motion/index.js";
 export {
@@ -167,10 +171,12 @@ export {
   Drawer,
   DropdownMenu,
   EmptyState,
+  EmptyStatePreset,
   ErrorState,
   EyebrowChip,
   Fade,
   FileUpload,
+  FilterBuilder,
   FilterChip,
   Flag,
   Flex,
@@ -208,6 +214,7 @@ export {
   NexubProvider,
   NumberInput,
   NumberTicker,
+  OTPInput,
   PageHeader,
   Pagination,
   PasswordInput,
@@ -220,6 +227,7 @@ export {
   RadioGroup,
   Rating,
   Reveal,
+  SavedViews,
   Scale,
   ScrollArea,
   ScrollProgress,
@@ -271,13 +279,17 @@ export {
   chipVariants,
   cn,
   containerVariants,
+  countFilters,
   defaultMessageStrings,
   defaultMessages,
+  emptyFilter,
   fileAccepted,
+  filterOperators,
   headingVariants,
   iconButtonVariants,
   inputVariants,
   inputWrapperVariants,
+  isFilterGroup,
   labelVariants,
   linkVariants,
   logoVariants,
@@ -295,6 +307,7 @@ export {
   textVariants,
   textareaVariants,
   toast,
+  todayIn,
   toggleVariants,
   transitionName,
   useControllableState,