npm - @sesamehr/react-design-system - Versions diffs - 0.1.0 → 1.1.0 - Mend

@sesamehr/react-design-system 0.1.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (95) hide show

package/README.md CHANGED Viewed

@@ -1,89 +1,69 @@
 # @sesamehr/react-design-system
-React component library and design tokens for the Sesame HR design system.
+React components and design tokens for the Sesame HR design system.
-Accessible, composable components built on [Radix UI](https://www.radix-ui.com/) and styled with [Tailwind CSS v4](https://tailwindcss.com/), shipped as an ESM + UMD bundle with full TypeScript types.
+📖 **[Component documentation](https://reactds.sesametime.com)**
-## Installation
+## Install
 ```bash
-npm install @sesamehr/react-design-system
+npm install @sesamehr/react-design-system react react-dom tailwindcss
 ```
-This package has peer dependencies you must install alongside it:
-```bash
-npm install react react-dom tailwindcss
-```
-| Peer          | Supported range      |
-| ------------- | -------------------- |
-| `react`       | `^18.3.0 \|\| ^19.0.0` |
-| `react-dom`   | `^18.3.0 \|\| ^19.0.0` |
-| `tailwindcss` | `^4.1.7`             |
 ## Usage
-Import the stylesheet once at your app root, then use the components:
+Import the stylesheet once at your app entry:
 ```tsx
-// main.tsx / App entry — import the compiled styles once
 import '@sesamehr/react-design-system/style.css';
 ```
+Every component is exported with the `Ox` prefix:
 ```tsx
-import { Button, Avatar, Alert } from '@sesamehr/react-design-system';
+import {
+  OxAvatar,
+  OxButton,
+  OxFieldGroup,
+  OxFieldLabel,
+  OxFieldMessage,
+  OxInputText,
+} from '@sesamehr/react-design-system';
+import { useState } from 'react';
 export function Example() {
+  const [email, setEmail] = useState('');
   return (
-    <div>
-      <Avatar initials="SH" size="lg" />
-      <Button variant="default">Save</Button>
-      <Alert>Saved successfully.</Alert>
-    </div>
+    <>
+      <OxAvatar initials="SH" size="lg" dataTestid="user-avatar" />
+      <OxFieldGroup variant="error">
+        <OxFieldLabel htmlFor="email">Email</OxFieldLabel>
+        <OxInputText
+          id="email"
+          field={email}
+          onFieldChange={setEmail}
+          placeholder="you@example.com"
+        />
+        <OxFieldMessage variant="error">Invalid email</OxFieldMessage>
+      </OxFieldGroup>
+      <OxButton variant="default">Save</OxButton>
+    </>
   );
 }
 ```
 ### Design tokens
-The compiled stylesheet already includes the tokens. If you want the raw token
-layers (e.g. to `@reference` them from your own Tailwind setup), they are
-exported separately:
+The stylesheet already contains the tokens. To `@reference` the raw token layers
+from your own Tailwind setup:
 ```css
 @import '@sesamehr/react-design-system/assets/styles/mainTheme.css';
 ```
-### `cn` utility
-The class-merging helper used internally is also exported:
-```ts
-import { cn } from '@sesamehr/react-design-system/lib/utils';
-```
-## Components
-- **Buttons** — Button
-- **Forms** — Input, InputNumber, InputGroup, Combobox, Checkbox, Switch, RadioButton, Toggle, Field
-- **Data** — Table (sorting, selection, pinning, row drag & drop, pagination), TablePagination, Avatar cells
-- **Display** — Avatar, AvatarGroup, Badge, PaymentCard
-- **Feedback** — Alert, Dialog, Popover, Tooltip, StatusBadge, Bullet
-- **Navigation** — Tabs, Accordion, Breadcrumb
-- **Layout** — Resizable
-- **Transitions** — Fade, Expand, Flip, Bounce, SlideX, SlideY
-All components ship with TypeScript definitions and support `ref` forwarding.
-## Dark mode
-Components react to the `dark` class on a parent element (typically `<html>`):
-```ts
-document.documentElement.classList.toggle('dark', isDark);
-```
 ## License
-[MIT](./LICENSE) © Sesame HR
+MIT © Sesame HR

package/dist/Button/Button.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ButtonVariants } from '.';
+import { ButtonVariants } from './index.ts';
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: ButtonVariants['variant'];
     size?: ButtonVariants['size'];
@@ -6,7 +6,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     asChild?: boolean;
 }
 /**
- * Button — mirrors `@orxata/core` Button.
+ * Button — mirrors `@sesame/orxata-core` Button.
  * `asChild` replaces reka-ui's `<Primitive as-child>` via `@radix-ui/react-slot`.
  */
 export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/Button/index.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
-export { Button, type ButtonProps } from './Button';
+export { Button, type ButtonProps } from './Button.tsx';
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "success" | "secondary" | "outline" | "destructive" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "success" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "icon" | "xs" | "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ButtonVariants = VariantProps<typeof buttonVariants>;

package/dist/Data/Table/TableAvatar/TableAvatar.d.ts CHANGED Viewed

@@ -9,5 +9,6 @@ export interface TableAvatarProps extends React.ComponentPropsWithoutRef<'div'>
     name: string;
     /** Subtitle (department, role, etc.) */
     subtitle?: string;
+    dataTestid: string;
 }
 export declare const TableAvatar: import('react').ForwardRefExoticComponent<TableAvatarProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Data/Table/TableFixed/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export { TableFixed, TableFixedContext, type TableFixedProps, type TableFixedContextValue, } from './TableFixed';
1	+ export { TableFixed, TableFixedContext, type TableFixedProps, type TableFixedContextValue, } from './TableFixed.tsx';

package/dist/Data/Table/hooks/index.d.ts CHANGED Viewed

@@ -1,20 +1,20 @@
-export { useTable } from './useTable/useTable';
+export { useTable } from './useTable/useTable.ts';
 export type { UseTableOptions, UseTableReturn, } from './useTable/useTable.types';
-export { useTableSelection } from './useTableSelection/useTableSelection';
+export { useTableSelection } from './useTableSelection/useTableSelection.ts';
 export type { SelectionOptions, SelectionInstance, SelectionPluginDef, } from './useTableSelection/useTableSelection.types';
-export { useTableSorting } from './useTableSorting/useTableSorting';
+export { useTableSorting } from './useTableSorting/useTableSorting.ts';
 export type { SortingOptions, SortingInstance, SortingPluginDef, } from './useTableSorting/useTableSorting.types';
-export { useTablePagination } from './useTablePagination/useTablePagination';
-export type { UseTablePaginationOptions, UseTablePaginationReturn, } from './useTablePagination/useTablePagination';
-export { useTableDetailRow } from './useTableDetailRow/useTableDetailRow';
+export { useTablePagination } from './useTablePagination/useTablePagination.ts';
+export type { UseTablePaginationOptions, UseTablePaginationReturn, } from './useTablePagination/useTablePagination.ts';
+export { useTableDetailRow } from './useTableDetailRow/useTableDetailRow.ts';
 export type { DetailRowOptions, DetailRowInstance, DetailRowPluginDef, } from './useTableDetailRow/useTableDetailRow.types';
-export { useTablePinning } from './useTablePinning/useTablePinning';
+export { useTablePinning } from './useTablePinning/useTablePinning.ts';
 export type { PinningOptions, PinningInstance, PinningPluginDef, CellInfo, HeaderInfo, } from './useTablePinning/useTablePinning.types';
-export { useTableColumns } from './useTableColumns/useTableColumns';
+export { useTableColumns } from './useTableColumns/useTableColumns.ts';
 export type { ColumnsOptions, ColumnsInstance, ColumnsPluginDef, } from './useTableColumns/useTableColumns.types';
-export { useScrollShadow } from './useScrollShadow/useScrollShadow';
-export type { UseScrollShadowOptions, UseScrollShadowReturn, } from './useScrollShadow/useScrollShadow';
-export { useDragToScroll } from './useDragToScroll/useDragToScroll';
-export type { UseDragToScrollOptions, UseDragToScrollReturn, } from './useDragToScroll/useDragToScroll';
-export { useFixedColumns } from './useFixedColumns';
-export type { UseFixedColumnsOptions } from './useFixedColumns';
+export { useScrollShadow } from './useScrollShadow/useScrollShadow.ts';
+export type { UseScrollShadowOptions, UseScrollShadowReturn, } from './useScrollShadow/useScrollShadow.ts';
+export { useDragToScroll } from './useDragToScroll/useDragToScroll.ts';
+export type { UseDragToScrollOptions, UseDragToScrollReturn, } from './useDragToScroll/useDragToScroll.ts';
+export { useFixedColumns } from './useFixedColumns.ts';
+export type { UseFixedColumnsOptions } from './useFixedColumns.ts';

package/dist/Data/Table/hooks/useTablePinning/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export { useTablePinning } from './useTablePinning';
+export { useTablePinning } from './useTablePinning.ts';
 export type { PinningOptions, PinningInstance, PinningPluginDef, CellInfo, HeaderInfo, } from './useTablePinning.types';

package/dist/Data/Table/index.d.ts CHANGED Viewed

@@ -1,17 +1,17 @@
-export { Table, type TableComponentProps } from './Table';
-export { TableHead, type TableHeadProps } from './TableHead/TableHead';
-export { TableBody, type TableBodyProps } from './TableBody/TableBody';
-export { TableRow, type TableRowProps } from './TableRow/TableRow';
-export { TableCell, type TableCellProps } from './TableCell/TableCell';
-export { TableHeaderCell, type TableHeaderCellProps, } from './TableHeaderCell/TableHeaderCell';
-export { TableSelectCell, type TableSelectCellProps, } from './TableSelectCell/TableSelectCell';
-export { TableDragCell, type TableDragCellProps, } from './TableDragCell/TableDragCell';
-export { TableBulkHeader, type TableBulkHeaderProps, } from './TableBulkHeader/TableBulkHeader';
-export { TablePagination, type TablePaginationProps, } from './TablePagination/TablePagination';
-export { TableEmpty, type TableEmptyProps } from './TableEmpty/TableEmpty';
-export { TableAvatar, type TableAvatarProps } from './TableAvatar/TableAvatar';
-export { TableRowExpanded, type TableRowExpandedProps, } from './TableRowExpanded/TableRowExpanded';
-export { TableExpandCell, type TableExpandCellProps, } from './TableExpandCell/TableExpandCell';
-export { TableColumnVisibility, type TableColumnVisibilityProps, } from './TableColumnVisibility/TableColumnVisibility';
-export { useTable, type UseTableOptions, type UseTableReturn, useTableSelection, type SelectionInstance as UseTableSelectionReturn, useTableSorting, type SortingInstance as UseTableSortingReturn, useTablePagination, type UseTablePaginationOptions, type UseTablePaginationReturn, useTableDetailRow, type DetailRowInstance, type DetailRowOptions, type DetailRowPluginDef, useTablePinning, type PinningOptions as UseTablePinningOptions, type PinningInstance as UseTablePinningReturn, type CellInfo, type HeaderInfo, useTableColumns, type ColumnsOptions as UseTableColumnsOptions, type ColumnsInstance as UseTableColumnsReturn, useScrollShadow, type UseScrollShadowOptions, type UseScrollShadowReturn, useDragToScroll, type UseDragToScrollOptions, type UseDragToScrollReturn, useFixedColumns, type UseFixedColumnsOptions, } from './hooks';
+export { Table, type TableComponentProps } from './Table.tsx';
+export { TableHead, type TableHeadProps } from './TableHead/TableHead.tsx';
+export { TableBody, type TableBodyProps } from './TableBody/TableBody.tsx';
+export { TableRow, type TableRowProps } from './TableRow/TableRow.tsx';
+export { TableCell, type TableCellProps } from './TableCell/TableCell.tsx';
+export { TableHeaderCell, type TableHeaderCellProps, } from './TableHeaderCell/TableHeaderCell.tsx';
+export { TableSelectCell, type TableSelectCellProps, } from './TableSelectCell/TableSelectCell.tsx';
+export { TableDragCell, type TableDragCellProps, } from './TableDragCell/TableDragCell.tsx';
+export { TableBulkHeader, type TableBulkHeaderProps, } from './TableBulkHeader/TableBulkHeader.tsx';
+export { TablePagination, type TablePaginationProps, } from './TablePagination/TablePagination.tsx';
+export { TableEmpty, type TableEmptyProps } from './TableEmpty/TableEmpty.tsx';
+export { TableAvatar, type TableAvatarProps, } from './TableAvatar/TableAvatar.tsx';
+export { TableRowExpanded, type TableRowExpandedProps, } from './TableRowExpanded/TableRowExpanded.tsx';
+export { TableExpandCell, type TableExpandCellProps, } from './TableExpandCell/TableExpandCell.tsx';
+export { TableColumnVisibility, type TableColumnVisibilityProps, } from './TableColumnVisibility/TableColumnVisibility.tsx';
+export { useTable, type UseTableOptions, type UseTableReturn, useTableSelection, type SelectionInstance as UseTableSelectionReturn, useTableSorting, type SortingInstance as UseTableSortingReturn, useTablePagination, type UseTablePaginationOptions, type UseTablePaginationReturn, useTableDetailRow, type DetailRowInstance, type DetailRowOptions, type DetailRowPluginDef, useTablePinning, type PinningOptions as UseTablePinningOptions, type PinningInstance as UseTablePinningReturn, type CellInfo, type HeaderInfo, useTableColumns, type ColumnsOptions as UseTableColumnsOptions, type ColumnsInstance as UseTableColumnsReturn, useScrollShadow, type UseScrollShadowOptions, type UseScrollShadowReturn, useDragToScroll, type UseDragToScrollOptions, type UseDragToScrollReturn, useFixedColumns, type UseFixedColumnsOptions, } from './hooks/index.ts';
 export type { TableProps, TableMode, ColumnDef, ColumnAlign, CellContext, SortingState, PaginationState, PaginationChangePayload, SortingChangePayload, SelectionChangePayload, FilterChangePayload, ColumnResizeMode, ColumnVisibilityState, ColumnOrderState, ExpandedState, ColumnVisibilityChangePayload, ColumnOrderChangePayload, RowExpandChangePayload, ColumnResizePayload, ColumnPinningState, } from './types';

package/dist/Display/Avatar/Avatar.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { AvatarVariants } from '.';
-import { BulletVariants } from '../../Feedback/Bullet';
+import { BulletVariants } from '../../Feedback/Bullet/index.ts';
+import { AvatarVariants } from './index.ts';
 export interface AvatarProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
     /** Image source URL */
     src?: string;
@@ -15,9 +15,10 @@ export interface AvatarProps extends Omit<React.HTMLAttributes<HTMLSpanElement>,
     action?: React.ReactNode;
     /** Label slot (rendered bottom-center) */
     label?: React.ReactNode;
+    dataTestid: string;
 }
 /**
- * Avatar — mirrors `@orxata/core` Avatar. SVG hexagon shape with hover
+ * Avatar — mirrors `@sesame/orxata-core` Avatar. SVG hexagon shape with hover
  * drop-shadow, clip-path image, foreignObject initials, and status Bullet.
  */
 export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarProps & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/Display/Avatar/hooks/useAvatarBullet.d.ts CHANGED Viewed

@@ -10,7 +10,7 @@ interface BulletBottomStyle {
 }
 export type BulletStyle = BulletTopStyle | BulletBottomStyle;
 export declare function useAvatarBullet(size: AvatarSize): {
-    bulletSize: "8" | "24" | "16" | "12" | null | undefined;
+    bulletSize: "24" | "16" | "12" | "8" | null | undefined;
     bulletStyle: BulletStyle;
 };
 export {};

package/dist/Display/Avatar/index.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
-export { Avatar, type AvatarProps } from './Avatar';
+export { Avatar, type AvatarProps } from './Avatar.tsx';
 export declare const avatarVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xs" | "2xl" | "xl" | "2xs" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "2xl" | "xl" | "2xs" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const avatarTextVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xs" | "2xl" | "xl" | "2xs" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "2xl" | "xl" | "2xs" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type AvatarVariants = VariantProps<typeof avatarVariants>;

package/dist/Display/AvatarGroup/AvatarGroup.d.ts CHANGED Viewed

@@ -12,5 +12,6 @@ export interface AvatarGroupProps extends Omit<React.ButtonHTMLAttributes<HTMLBu
     interactive?: boolean;
     /** Click handler (only fired when interactive) */
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    dataTestid: string;
 }
 export declare const AvatarGroup: import('react').ForwardRefExoticComponent<AvatarGroupProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/Display/AvatarGroup/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export { AvatarGroup, type AvatarGroupProps, type AvatarItem, } from './AvatarGroup';
1	+ export { AvatarGroup, type AvatarGroupProps, type AvatarItem, } from './AvatarGroup.tsx';

package/dist/Display/Badge/Badge.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
-import { BadgeVariants } from '.';
+import { BadgeVariants } from './index.ts';
 export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     variant?: BadgeVariants['variant'];
+    dataTestid: string;
 }
-/** Badge — mirrors `@orxata/core` Badge (cva-only). */
+/** Badge — mirrors `@sesame/orxata-core` Badge (cva-only). */
 export declare const Badge: import('react').ForwardRefExoticComponent<BadgeProps & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/Display/Badge/index.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
-export { Badge, type BadgeProps } from './Badge';
+export { Badge, type BadgeProps } from './Badge.tsx';
 export declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "outline" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type BadgeVariants = VariantProps<typeof badgeVariants>;

package/dist/Display/PaymentCard/PaymentCard.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { BadgeType, CardData, PaymentCardVariants } from '.';
+import { BadgeType, CardData, PaymentCardVariants } from './index.ts';
 export interface PaymentCardProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Card size */
     size?: PaymentCardVariants['size'];
@@ -8,6 +8,7 @@ export interface PaymentCardProps extends React.HTMLAttributes<HTMLDivElement> {
     badgeType?: BadgeType;
     /** Card data (number, name, expiry, last digits) */
     cardData?: CardData;
+    dataTestid: string;
 }
-/** PaymentCard — mirrors `@orxata/core` PaymentCard. */
+/** PaymentCard — mirrors `@sesame/orxata-core` PaymentCard. */
 export declare const PaymentCard: import('react').ForwardRefExoticComponent<PaymentCardProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Display/PaymentCard/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-export { PaymentCard, type PaymentCardProps } from './PaymentCard';
+export { PaymentCard, type PaymentCardProps } from './PaymentCard.tsx';
 export declare const paymentCardVariants: (props?: ({
     size?: "default" | "compact" | null | undefined;
     disabled?: boolean | null | undefined;

package/dist/Feedback/Alert/Alert.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { AlertVariant } from './alert-context';
+import { AlertVariant } from './alert-context.ts';
 export interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onToggle'> {
     variant?: AlertVariant;
     dismissible?: boolean;
@@ -12,7 +12,7 @@ export interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, '
     onToggled?: (open: boolean) => void;
 }
 /**
- * Alert — mirrors `@orxata/core` Alert.
+ * Alert — mirrors `@sesame/orxata-core` Alert.
  * Vue `provide/inject` context becomes React context (`AlertContext`).
  */
 export declare const Alert: import('react').ForwardRefExoticComponent<AlertProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Feedback/Alert/AlertIcon.d.ts CHANGED Viewed

@@ -1,3 +1,5 @@
-export type AlertIconProps = React.HTMLAttributes<HTMLDivElement>;
+export interface AlertIconProps extends React.HTMLAttributes<HTMLDivElement> {
+    dataTestid: string;
+}
 /** AlertIcon — renders the variant's default lucide icon, or `children` if provided. */
 export declare const AlertIcon: import('react').ForwardRefExoticComponent<AlertIconProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Feedback/Alert/index.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-export { Alert, type AlertProps } from './Alert';
-export { AlertClose, type AlertCloseProps } from './AlertClose';
-export { AlertDescription, type AlertDescriptionProps, } from './AlertDescription';
-export { AlertIcon, type AlertIconProps } from './AlertIcon';
-export { AlertTitle, type AlertTitleProps } from './AlertTitle';
-export { AlertToggle, type AlertToggleProps } from './AlertToggle';
-export { type AlertVariant } from './alert-context';
+export { Alert, type AlertProps } from './Alert.tsx';
+export { AlertClose, type AlertCloseProps } from './AlertClose.tsx';
+export { AlertDescription, type AlertDescriptionProps, } from './AlertDescription.tsx';
+export { AlertIcon, type AlertIconProps } from './AlertIcon.tsx';
+export { AlertTitle, type AlertTitleProps } from './AlertTitle.tsx';
+export { AlertToggle, type AlertToggleProps } from './AlertToggle.tsx';
+export { type AlertVariant } from './alert-context.ts';

package/dist/Feedback/Bullet/Bullet.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
-import { BulletVariants } from '.';
+import { BulletVariants } from './index.ts';
 export interface BulletProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
     size?: BulletVariants['size'];
     color?: BulletVariants['color'];
+    dataTestid: string;
 }
-/** Bullet — mirrors `@orxata/core` Bullet (cva-only). */
+/** Bullet — mirrors `@sesame/orxata-core` Bullet (cva-only). */
 export declare const Bullet: import('react').ForwardRefExoticComponent<BulletProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Feedback/Bullet/index.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
-export { Bullet, type BulletProps } from './Bullet';
+export { Bullet, type BulletProps } from './Bullet.tsx';
 export declare const bulletVariants: (props?: ({
-    size?: "8" | "24" | "16" | "12" | null | undefined;
-    color?: "active" | "warning" | "info" | "neutral" | null | undefined;
+    size?: "24" | "16" | "12" | "8" | null | undefined;
+    color?: "active" | "info" | "warning" | "neutral" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type BulletVariants = VariantProps<typeof bulletVariants>;

package/dist/Feedback/Dialog/index.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-export { Dialog, type DialogProps } from './Dialog';
-export { DialogContent, type DialogContentProps } from './DialogContent';
-export { DialogTitle, type DialogTitleProps } from './DialogTitle';
-export { DialogDescription, type DialogDescriptionProps, } from './DialogDescription';
-export { DialogOverlay, type DialogOverlayProps } from './DialogOverlay';
-export { DialogTwoPanelContent, type DialogTwoPanelContentProps, } from './DialogTwoPanelContent';
+export { Dialog, type DialogProps } from './Dialog.tsx';
+export { DialogContent, type DialogContentProps } from './DialogContent.tsx';
+export { DialogTitle, type DialogTitleProps } from './DialogTitle.tsx';
+export { DialogDescription, type DialogDescriptionProps, } from './DialogDescription.tsx';
+export { DialogOverlay, type DialogOverlayProps } from './DialogOverlay.tsx';
+export { DialogTwoPanelContent, type DialogTwoPanelContentProps, } from './DialogTwoPanelContent.tsx';
 export { Trigger as DialogTrigger, Close as DialogClose, } from '@radix-ui/react-dialog';

package/dist/Feedback/Popover/PopoverContent.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
     showArrow?: boolean;
+    dataTestid: string;
 }
 /** PopoverContent — portalled Radix popover content with optional arrow. */
 export declare const PopoverContent: import('react').ForwardRefExoticComponent<PopoverContentProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Feedback/Popover/index.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export { Popover, type PopoverProps } from './Popover';
-export { PopoverContent, type PopoverContentProps } from './PopoverContent';
+export { Popover, type PopoverProps } from './Popover.tsx';
+export { PopoverContent, type PopoverContentProps } from './PopoverContent.tsx';
 export { PopoverClose } from '@radix-ui/react-popover';

package/dist/Feedback/StatusBadge/StatusBadge.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
-import { StatusBadgeVariants } from '.';
+import { StatusBadgeVariants } from './index.ts';
 export interface StatusBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     status?: StatusBadgeVariants['status'];
+    dataTestid: string;
 }
-/** StatusBadge — mirrors `@orxata/core` StatusBadge (cva-only). */
+/** StatusBadge — mirrors `@sesame/orxata-core` StatusBadge (cva-only). */
 export declare const StatusBadge: import('react').ForwardRefExoticComponent<StatusBadgeProps & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/Feedback/StatusBadge/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-export { StatusBadge, type StatusBadgeProps } from './StatusBadge';
+export { StatusBadge, type StatusBadgeProps } from './StatusBadge.tsx';
 export declare const statusBadgeVariants: (props?: ({
     status?: "paused" | "active" | "draft" | "completed" | "scheduled" | "deleted" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/Feedback/Tooltip/TooltipContent.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 export interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> {
     showArrow?: boolean;
+    dataTestid: string;
 }
 /** TooltipContent — portalled Radix tooltip content with optional arrow. */
 export declare const TooltipContent: import('react').ForwardRefExoticComponent<TooltipContentProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Feedback/Tooltip/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export { Tooltip, type TooltipProps } from './Tooltip';
-export { TooltipContent, type TooltipContentProps } from './TooltipContent';
+export { Tooltip, type TooltipProps } from './Tooltip.tsx';
+export { TooltipContent, type TooltipContentProps } from './TooltipContent.tsx';

package/dist/Forms/Field/index.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export { FieldGroup, type FieldGroupProps } from './FieldGroup/FieldGroup';
-export { FieldLabel, type FieldLabelProps } from './FieldLabel/FieldLabel';
-export { FieldMessage, type FieldMessageProps, } from './FieldMessage/FieldMessage';
+export { FieldGroup, type FieldGroupProps } from './FieldGroup/FieldGroup.tsx';
+export { FieldLabel, type FieldLabelProps } from './FieldLabel/FieldLabel.tsx';
+export { FieldMessage, type FieldMessageProps, } from './FieldMessage/FieldMessage.tsx';

package/dist/Forms/Inputs/Combobox/Combobox.d.ts CHANGED Viewed

@@ -16,6 +16,7 @@ export interface ComboboxProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     /** Emitted when the open state changes. */
     onOpenChange?: (open: boolean) => void;
     children?: React.ReactNode;
+    dataTestid: string;
 }
 /**
  * Combobox root — replaces reka-ui `ComboboxRoot`.

package/dist/Forms/Inputs/Combobox/ComboboxChipsInput.d.ts CHANGED Viewed

@@ -1,6 +1,8 @@
-export interface ComboboxChipsInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+import { InputSize } from '../inputSize.ts';
+export interface ComboboxChipsInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'size'> {
     placeholder?: string;
     disabled?: boolean;
+    size?: InputSize;
     /** Custom trigger content (defaults to a chevron icon). */
     trigger?: React.ReactNode;
 }

package/dist/Forms/Inputs/Combobox/ComboboxEmpty.d.ts CHANGED Viewed

@@ -3,8 +3,8 @@ export type ComboboxEmptyProps = React.ComponentPropsWithoutRef<typeof CommandEm
 /** ComboboxEmpty — replaces reka `ComboboxEmpty`. Shown when no items match. */
 export declare const ComboboxEmpty: import('react').ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof import('react').HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+}, "asChild" | "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Forms/Inputs/Combobox/ComboboxInput.d.ts CHANGED Viewed

@@ -1,6 +1,8 @@
-export interface ComboboxInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+import { InputSize } from '../inputSize.ts';
+export interface ComboboxInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'size'> {
     placeholder?: string;
     disabled?: boolean;
+    size?: InputSize;
     /** Formats the selected value shown in the input when not actively searching. */
     displayValue?: (value: unknown) => string;
     /** Custom trigger content (defaults to a chevron icon). */

package/dist/Forms/Inputs/Combobox/ComboboxSeparator.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
 import { CommandSeparator } from 'cmdk';
 export type ComboboxSeparatorProps = React.ComponentPropsWithoutRef<typeof CommandSeparator>;
 /** ComboboxSeparator — replaces reka `ComboboxSeparator`. */
-export declare const ComboboxSeparator: import('react').ForwardRefExoticComponent<Omit<Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | "key"> & {
+export declare const ComboboxSeparator: import('react').ForwardRefExoticComponent<Omit<Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof import('react').HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
+}, "asChild" | "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean;
 } & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Forms/Inputs/Combobox/index.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-export { Combobox, type ComboboxProps } from './Combobox';
-export { ComboboxInput, type ComboboxInputProps } from './ComboboxInput';
-export { ComboboxChipsInput, type ComboboxChipsInputProps, } from './ComboboxChipsInput';
-export { ComboboxContent, type ComboboxContentProps } from './ComboboxContent';
-export { ComboboxItem, type ComboboxItemProps } from './ComboboxItem';
-export { ComboboxEmpty, type ComboboxEmptyProps } from './ComboboxEmpty';
-export { ComboboxGroup, type ComboboxGroupProps } from './ComboboxGroup';
-export { ComboboxSeparator, type ComboboxSeparatorProps, } from './ComboboxSeparator';
+export { Combobox, type ComboboxProps } from './Combobox.tsx';
+export { ComboboxInput, type ComboboxInputProps } from './ComboboxInput.tsx';
+export { ComboboxChipsInput, type ComboboxChipsInputProps, } from './ComboboxChipsInput.tsx';
+export { ComboboxContent, type ComboboxContentProps, } from './ComboboxContent.tsx';
+export { ComboboxItem, type ComboboxItemProps } from './ComboboxItem.tsx';
+export { ComboboxEmpty, type ComboboxEmptyProps } from './ComboboxEmpty.tsx';
+export { ComboboxGroup, type ComboboxGroupProps } from './ComboboxGroup.tsx';
+export { ComboboxSeparator, type ComboboxSeparatorProps, } from './ComboboxSeparator.tsx';

package/dist/Forms/Inputs/InputNumber/InputNumber.d.ts CHANGED Viewed

@@ -1,4 +1,6 @@
+import { InputSize } from '../inputSize.ts';
 export interface InputNumberProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'> {
+    size?: InputSize;
     /** Controlled value. */
     value?: number | null;
     /** Uncontrolled initial value. */

package/dist/Forms/Inputs/InputNumber/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-export { InputNumber, type InputNumberProps } from './InputNumber';
-export { InputNumberContent, type InputNumberContentProps, } from './InputNumberContent';
-export { InputNumberDecrement, type InputNumberDecrementProps, } from './InputNumberDecrement';
-export { InputNumberIncrement, type InputNumberIncrementProps, } from './InputNumberIncrement';
-export { InputNumberInput, type InputNumberInputProps, } from './InputNumberInput';
+export { InputNumber, type InputNumberProps } from './InputNumber.tsx';
+export { InputNumberContent, type InputNumberContentProps, } from './InputNumberContent.tsx';
+export { InputNumberDecrement, type InputNumberDecrementProps, } from './InputNumberDecrement.tsx';
+export { InputNumberIncrement, type InputNumberIncrementProps, } from './InputNumberIncrement.tsx';
+export { InputNumberInput, type InputNumberInputProps, } from './InputNumberInput.tsx';

package/dist/Forms/Inputs/InputOtp/InputOtp.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { InputOtpProps } from './types.ts';
+/**
+ * InputOtp root — mirrors `@sesame/orxata-core` InputOtp.
+ *
+ * The Vue package delegates to reka-ui's `PinInput`, which has no Radix
+ * counterpart, so the pin behaviour (focus advance, backspace, arrow keys,
+ * paste spreading, per-slot labels) lives here and reaches the slots through
+ * context. The rendered DOM matches the Vue version: one `<input>` per slot.
+ */
+export declare const InputOtp: import('react').ForwardRefExoticComponent<InputOtpProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Forms/Inputs/InputOtp/InputOtpGroup/InputOtpGroup.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export type InputOtpGroupProps = React.HTMLAttributes<HTMLDivElement>;
+/** InputOtpGroup — visual cluster of slots; its test id follows mount order. */
+export declare const InputOtpGroup: import('react').ForwardRefExoticComponent<InputOtpGroupProps & import('react').RefAttributes<HTMLDivElement>>;