@segmentify/ui 0.0.39 → 0.0.40

package/dist/ui.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */
 @layer properties;
 :root, :host {
   --ui-font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
@@ -93,7 +93,6 @@
   --ui-aspect-video: 16 / 9;
   --ui-default-transition-duration: 150ms;
   --ui-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  --ui-default-font-family: var(--ui-font-sans);
   --ui-animate-accordion-down: accordion-down 0.2s ease-out;
   --ui-animate-accordion-up: accordion-up 0.6s ease-out;
   --ui-color-background: hsl(var(--ui-background));
@@ -353,9 +352,6 @@
 .ui\:mb-2 {
   margin-bottom: calc(var(--ui-spacing) * 2);
 }
-.ui\:mb-2\.5 {
-  margin-bottom: calc(var(--ui-spacing) * 2.5);
-}
 .ui\:mb-4 {
   margin-bottom: calc(var(--ui-spacing) * 4);
 }
@@ -365,9 +361,6 @@
 .ui\:mb-8 {
   margin-bottom: calc(var(--ui-spacing) * 8);
 }
-.ui\:mb-16 {
-  margin-bottom: calc(var(--ui-spacing) * 16);
-}
 .ui\:-ml-1 {
   margin-left: calc(var(--ui-spacing) * -1);
 }
@@ -535,6 +528,9 @@
 .ui\:h-\[calc\(--spacing\(5\.5\)\)\] {
   height: calc(calc(var(--ui-spacing) * 5.5));
 }
+.ui\:h-\[calc\(100\%-1px\)\] {
+  height: calc(100% - 1px);
+}
 .ui\:h-auto {
   height: auto;
 }
@@ -993,6 +989,13 @@
     margin-block-end: calc(calc(var(--ui-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
   }
 }
+.ui\:space-y-2\.5 {
+  :where(& > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--ui-spacing) * 2.5) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--ui-spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
+  }
+}
 .ui\:space-y-3 {
   :where(& > :not(:last-child)) {
     --tw-space-y-reverse: 0;
@@ -1111,14 +1114,6 @@
   border-top-right-radius: var(--ui-radius-md);
   border-bottom-right-radius: var(--ui-radius-md);
 }
-.ui\:rounded-b-lg {
-  border-bottom-right-radius: var(--ui-radius-lg);
-  border-bottom-left-radius: var(--ui-radius-lg);
-}
-.ui\:rounded-b-none {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-}
 .ui\:border {
   border-style: var(--tw-border-style);
   border-width: 1px;
@@ -1143,10 +1138,6 @@
   border-top-style: var(--tw-border-style);
   border-top-width: 1px;
 }
-.ui\:border-t-0 {
-  border-top-style: var(--tw-border-style);
-  border-top-width: 0px;
-}
 .ui\:border-r {
   border-right-style: var(--tw-border-style);
   border-right-width: 1px;
@@ -1506,6 +1497,9 @@
 .ui\:p-8 {
   padding: calc(var(--ui-spacing) * 8);
 }
+.ui\:p-\[3px\] {
+  padding: 3px;
+}
 .ui\:p-px {
   padding: 1px;
 }
@@ -1560,9 +1554,6 @@
 .ui\:py-6 {
   padding-block: calc(var(--ui-spacing) * 6);
 }
-.ui\:py-7 {
-  padding-block: calc(var(--ui-spacing) * 7);
-}
 .ui\:py-8 {
   padding-block: calc(var(--ui-spacing) * 8);
 }
@@ -3623,14 +3614,9 @@
     }
   }
 }
-.ui\:data-\[state\=active\]\:bg-segmentify-200 {
+.ui\:data-\[state\=active\]\:bg-background {
   &[data-state="active"] {
-    background-color: var(--ui-color-segmentify-200);
-  }
-}
-.ui\:data-\[state\=active\]\:text-primary {
-  &[data-state="active"] {
-    color: var(--ui-color-primary);
+    background-color: var(--ui-color-background);
   }
 }
 .ui\:data-\[state\=active\]\:shadow-sm {
@@ -4888,10 +4874,6 @@
   .ui-lib-root {
     background-color: var(--ui-color-background);
     color: var(--ui-color-foreground);
-    line-height: 1.5;
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    font-family: var(--ui-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
   }
 }
 @property --tw-animation-delay {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@segmentify/ui",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "description": "A collection of reusable React UI components built with Tailwind CSS and Radix UI",
   "repository": {
     "type": "git",

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

@@ -1,18 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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/input-group.d.ts

@@ -1,16 +0,0 @@
-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/organisms/date-preset/context.d.ts

@@ -1,8 +0,0 @@
-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

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

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

@@ -1,8 +0,0 @@
-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

@@ -1,21 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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/timeline.d.ts

@@ -1,25 +0,0 @@
-import { type Locale } from 'date-fns';
-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;
-    dateLocale?: Locale;
-}
-export declare const Timeline: ({ items, header, className, onItemClick, dateLocale }: TimelineProps) => import("react/jsx-runtime").JSX.Element;