@segmentify/ui 0.0.28 → 0.0.31

package/dist/components/atoms/alert-dialog.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { AlertDialog as AlertDialogPrimitive } from 'radix-ui';
+import { Button } from '../../components/atoms/button';
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
+    size?: 'default' | 'sm';
+}): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, 'variant' | 'size'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, 'variant' | 'size'>): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist/components/atoms/combobox.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { Combobox as ComboboxPrimitive } from '@base-ui/react';
+declare const Combobox: typeof ComboboxPrimitive.Root;
+declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxPrimitive.Input.Props & {
+    showTrigger?: boolean;
+    showClear?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'>): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxChips({ className, ...props }: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxPrimitive.Chip.Props & {
+    showRemove?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props): import("react/jsx-runtime").JSX.Element;
+declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
+export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxTrigger, ComboboxValue, useComboboxAnchor, };

package/dist/components/atoms/content-wrapper.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import type { ClassValue } from 'clsx';
 type Props = {
-    title: string;
     children: React.ReactNode;
+    title?: string;
     className?: ClassValue;
     titleClassName?: string;
     header?: React.ReactNode;

package/dist/components/atoms/input-group.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { Button } from '../../components/atoms/button';
+declare function InputGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, 'size'> & VariantProps<typeof inputGroupButtonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<'textarea'>): import("react/jsx-runtime").JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea };

package/dist/components/molecules/combobox-field.d.ts

@@ -1,31 +1,26 @@
-import type { SelectItemProps } from '../../lib/types';
-type TriggerProps = {
-    trigger: React.ReactNode;
-    triggerPlaceholder?: never;
-} | {
-    trigger?: never;
-    triggerPlaceholder: string;
+import React from 'react';
+export type ComboboxFieldItem = {
+    value: string;
+    label: string;
+    disabled?: boolean;
 };
-type Props = TriggerProps & {
-    isDisabled?: boolean;
-    options: SelectItemProps[];
-    isFormControlWrapper?: boolean;
-    avoidCollisions?: boolean;
-    contentClassName?: string;
-    inputPlaceholder: string;
-    emptyMessage: string;
-    containerClassName?: string;
-    contentListClassName?: string;
-    closeOnSelect?: boolean;
-    align?: 'start' | 'center' | 'end';
+export type ComboboxFieldInputMode = 'input' | 'popup';
+type Props = {
+    items: ComboboxFieldItem[];
+    value: ComboboxFieldItem[];
+    onValueChange: (values: ComboboxFieldItem[]) => void;
     label?: string;
-    onInputChange?: (inputValue: string) => void;
-    clearable?: boolean;
     multiple?: boolean;
-    value: string | string[];
-    onValueChange: (value: string | string[]) => void;
+    hasClearButton?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    containerClassName?: string;
+    emptyMessage?: string;
     hasAllOption?: boolean;
     allOptionLabel?: string;
+    inputMode?: ComboboxFieldInputMode;
+    renderPopupTrigger?: (valueElement: React.ReactNode, selectedValues: ComboboxFieldItem[]) => React.ReactElement;
+    onInputChange?: (value: string) => void;
 };
-export declare const ComboboxField: ({ value, isDisabled, hasAllOption, multiple, options, allOptionLabel, triggerPlaceholder, trigger, isFormControlWrapper, avoidCollisions, align, contentClassName, inputPlaceholder, emptyMessage, containerClassName, contentListClassName, closeOnSelect, label, onValueChange, onInputChange, clearable, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboboxField: ({ items, label, multiple, hasClearButton, disabled, placeholder, containerClassName, emptyMessage, hasAllOption, allOptionLabel, inputMode, renderPopupTrigger, onInputChange, value, onValueChange, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/molecules/date-range-picker.d.ts

@@ -1,15 +1,15 @@
 import { type DateRange } from 'react-day-picker';
 import { type ClassValue } from 'clsx';
 type Props = {
-    start: Date;
-    end: Date;
+    start?: Date;
+    end?: Date;
     onConfirm: (range: DateRange) => void;
-    className?: ClassValue;
-    triggerButtonClassName?: ClassValue;
-    label: string;
+    label?: string;
     placeholder: string;
-    confirmLabel: string;
-    disabledCondition: (date: Date) => boolean;
+    triggerButtonClassName?: ClassValue;
+    className?: ClassValue;
+    confirmLabel?: string;
+    disabledCondition?: boolean | ((date: Date) => boolean);
 };
 export declare const DateRangePicker: ({ start, end, onConfirm, className, triggerButtonClassName, label, placeholder, confirmLabel, disabledCondition, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/data-table/column-visibility.d.ts

@@ -1,7 +1,6 @@
 interface ColumnVisibilityProps {
-    inputPlaceholder?: string;
     emptyMessage?: string;
     allOptionLabel?: string;
 }
-export declare function ColumnVisibility({ inputPlaceholder, emptyMessage, allOptionLabel, }: ColumnVisibilityProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColumnVisibility({ emptyMessage, allOptionLabel, }: ColumnVisibilityProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/date-preset/context.d.ts

@@ -0,0 +1,8 @@
+import { type DateRange } from './presets';
+export interface DatePresetContextValue {
+    range: DateRange;
+    preset: string | null;
+    setRange: (range: DateRange, preset?: string | null) => void;
+}
+export declare const DatePresetContext: import("react").Context<DatePresetContextValue | null>;
+export declare function useDatePreset(): DatePresetContextValue;

package/dist/components/organisms/date-preset/date-preset.d.ts

@@ -0,0 +1,9 @@
+import { type DatePresetItem } from './presets';
+export interface DatePresetProps {
+    presets?: Record<string, DatePresetItem>;
+    className?: string;
+    confirmLabel?: string;
+    placeholder?: string;
+    disabledCondition?: boolean | ((date: Date) => boolean);
+}
+export declare function DatePreset({ presets, className, confirmLabel, placeholder, disabledCondition, }: DatePresetProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/date-preset/index.d.ts

@@ -0,0 +1,8 @@
+export type { DateRange, DatePresetItem } from './presets';
+export type { DatePresetContextValue } from './context';
+export type { DatePresetProps } from './date-preset';
+export type { DatePresetProviderProps } from './root';
+export { DATE_PRESETS, DEFAULT_PRESET_KEY, findMatchingPreset } from './presets';
+export { useDatePreset } from './context';
+export { DatePreset } from './date-preset';
+export { DatePresetProvider } from './root';

package/dist/components/organisms/date-preset/presets.d.ts

@@ -0,0 +1,21 @@
+export interface DateRange {
+    from: Date;
+    to: Date;
+}
+export interface DateRangeOptional {
+    from?: Date;
+    to?: Date;
+}
+export interface DatePresetItem {
+    key: string;
+    label: string;
+    getRange: () => DateRange;
+}
+export declare const DATE_PRESETS: Record<string, DatePresetItem>;
+export declare const DEFAULT_PRESET_KEY = "LAST_7_DAYS";
+/**
+ * Finds a matching preset for a given date range.
+ * Compares dates by day (ignores time).
+ * @returns The matching preset key or null if no match found.
+ */
+export declare function findMatchingPreset(range: DateRange, presets?: Record<string, DatePresetItem>): string | null;

package/dist/components/organisms/date-preset/root.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+import { type DateRange } from './presets';
+export interface DatePresetProviderProps {
+    children: ReactNode;
+    initialRange?: DateRange;
+    initialPreset?: string | null;
+    onRangeChange?: (range: DateRange, preset: string | null) => void;
+}
+export declare function DatePresetProvider({ children, initialRange, initialPreset, onRangeChange, }: DatePresetProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/form-combobox.d.ts

@@ -1,26 +1,21 @@
 import { type Control, type FieldValues, type Path } from 'react-hook-form';
-import type { SelectItemProps } from '../../lib/types';
+import { type ComboboxFieldItem } from '../../components/molecules/combobox-field';
 type FormComboboxProps<TFieldValues extends FieldValues = FieldValues> = {
     name: Path<TFieldValues>;
-    label: string;
-    triggerPlaceholder: string;
-    inputPlaceholder: string;
-    options: SelectItemProps[];
+    label?: string;
+    placeholder?: string;
+    items: ComboboxFieldItem[];
     description?: string;
     multiple?: boolean;
-    emptyMessage: string;
+    emptyMessage?: string;
     containerClassName?: string;
-    contentClassName?: string;
-    contentListClassName?: string;
-    avoidCollisions?: boolean;
-    clearable?: boolean;
+    hasClearButton?: boolean;
     hasAllOption?: boolean;
     allOptionLabel?: string;
-    closeOnSelect?: boolean;
-    onInputChange?: (inputValue: string) => void;
-    isDisabled?: boolean;
+    disabled?: boolean;
     tooltipContent?: string;
     control?: Control<TFieldValues>;
+    inputMode?: 'input' | 'popup';
 };
-export declare const FormCombobox: <TFieldValues extends FieldValues = FieldValues>({ name, label, triggerPlaceholder, inputPlaceholder, options, description, multiple, emptyMessage, containerClassName, contentClassName, contentListClassName, avoidCollisions, clearable, hasAllOption, allOptionLabel, closeOnSelect, onInputChange, isDisabled, tooltipContent, control, }: FormComboboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormCombobox: <TFieldValues extends FieldValues = FieldValues>({ name, label, placeholder, items, description, multiple, emptyMessage, containerClassName, hasClearButton, hasAllOption, allOptionLabel, disabled, tooltipContent, control, inputMode, }: FormComboboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/timeline.d.ts

@@ -0,0 +1,23 @@
+import { type LucideIcon } from 'lucide-react';
+import { type ReactNode } from 'react';
+export interface IconConfig {
+    icon: LucideIcon;
+    bg?: string;
+    text?: string;
+}
+export interface TimelineItem {
+    iconConfig: IconConfig;
+    title: string;
+    description: string;
+    timestamp: number;
+    tags?: string[];
+    topRightSlot?: ReactNode;
+    bottomRightSlot?: ReactNode;
+}
+export interface TimelineProps {
+    items: TimelineItem[];
+    header?: ReactNode;
+    className?: string;
+    onItemClick?: (item: TimelineItem, index: number) => void;
+}
+export declare const Timeline: ({ items, header, className, onItemClick }: TimelineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './components/atoms/accordion';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from './components/atoms/alert-dialog';
 export { AspectRatio } from './components/atoms/aspect-ratio';
 export { Avatar, AvatarFallback, AvatarImage } from './components/atoms/avatar';
 export { Badge } from './components/atoms/badge';
@@ -17,7 +18,6 @@ export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, Comman
 export { ContentWrapper } from './components/atoms/content-wrapper';
 export { CreatableActionIcons } from './components/molecules/creatable-action-icons';
 export { CheckboxField } from './components/molecules/checkbox-field';
-export { ConfirmationDialog } from './components/molecules/confirmation-dialog';
 export { ComboboxField } from './components/molecules/combobox-field';
 export { FormattedDate } from './components/atoms/date';
 export { DateRangePicker } from './components/molecules/date-range-picker';
@@ -69,8 +69,13 @@ export { Tabs, TabsList, TabsTrigger, TabsContent } from './components/atoms/tab
 export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from './components/atoms/table';
 export { Textarea } from './components/atoms/textarea';
 export { TextAreaField } from './components/molecules/textarea-field';
+export { Timeline, type IconConfig, type TimelineItem, type TimelineProps } from './components/organisms/timeline';
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './components/atoms/tooltip';
 export { TooltipField } from './components/molecules/tooltip-field';
 export { QuillEditor } from './components/atoms/quill-editor';
+export { DATE_PRESETS, DEFAULT_PRESET_KEY } from './components/organisms/date-preset/presets';
+export { type DateRange, type DatePresetItem } from './components/organisms/date-preset/presets';
+export { type DatePresetProviderProps } from './components/organisms/date-preset/root';
+export { type DatePresetContextValue } from './components/organisms/date-preset/context';
 export { useDataTable, type UseDataTableOptions, type UseDataTableReturn, type FetcherParams, type FetcherResponse, } from './hooks/use-data-table';
 export { cn } from './lib/utils';

package/dist/lib/design-variants.d.ts

@@ -1,6 +1,6 @@
 export declare const buttonVariants: (props?: ({
     variant?: "link" | "primary" | "secondary" | "tertiary" | "success" | "destructive" | "outline" | "ghost" | "action" | "paginationActive" | "paginationInactive" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const labelVariants: (props?: ({
     variant?: "default" | null | undefined;

package/dist/mock.d.ts

@@ -0,0 +1,3 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { Product } from './app';
+export declare const columns: ColumnDef<Product>[];