@sesamehr/react-design-system 0.1.0 → 1.0.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 (94) hide show
  1. package/dist/Button/Button.d.ts +2 -2
  2. package/dist/Button/index.d.ts +3 -3
  3. package/dist/Data/Table/TableAvatar/TableAvatar.d.ts +1 -0
  4. package/dist/Data/Table/TableFixed/index.d.ts +1 -1
  5. package/dist/Data/Table/hooks/index.d.ts +14 -14
  6. package/dist/Data/Table/hooks/useTablePinning/index.d.ts +1 -1
  7. package/dist/Data/Table/index.d.ts +16 -16
  8. package/dist/Display/Avatar/Avatar.d.ts +4 -3
  9. package/dist/Display/Avatar/hooks/useAvatarBullet.d.ts +1 -1
  10. package/dist/Display/Avatar/index.d.ts +3 -3
  11. package/dist/Display/AvatarGroup/AvatarGroup.d.ts +1 -0
  12. package/dist/Display/AvatarGroup/index.d.ts +1 -1
  13. package/dist/Display/Badge/Badge.d.ts +3 -2
  14. package/dist/Display/Badge/index.d.ts +2 -2
  15. package/dist/Display/PaymentCard/PaymentCard.d.ts +3 -2
  16. package/dist/Display/PaymentCard/index.d.ts +1 -1
  17. package/dist/Feedback/Alert/Alert.d.ts +2 -2
  18. package/dist/Feedback/Alert/AlertIcon.d.ts +3 -1
  19. package/dist/Feedback/Alert/index.d.ts +7 -7
  20. package/dist/Feedback/Bullet/Bullet.d.ts +3 -2
  21. package/dist/Feedback/Bullet/index.d.ts +3 -3
  22. package/dist/Feedback/Dialog/index.d.ts +6 -6
  23. package/dist/Feedback/Popover/PopoverContent.d.ts +1 -0
  24. package/dist/Feedback/Popover/index.d.ts +2 -2
  25. package/dist/Feedback/StatusBadge/StatusBadge.d.ts +3 -2
  26. package/dist/Feedback/StatusBadge/index.d.ts +1 -1
  27. package/dist/Feedback/Tooltip/TooltipContent.d.ts +1 -0
  28. package/dist/Feedback/Tooltip/index.d.ts +2 -2
  29. package/dist/Forms/Field/index.d.ts +3 -3
  30. package/dist/Forms/Inputs/Combobox/Combobox.d.ts +1 -0
  31. package/dist/Forms/Inputs/Combobox/ComboboxChipsInput.d.ts +3 -1
  32. package/dist/Forms/Inputs/Combobox/ComboboxEmpty.d.ts +2 -2
  33. package/dist/Forms/Inputs/Combobox/ComboboxInput.d.ts +3 -1
  34. package/dist/Forms/Inputs/Combobox/ComboboxSeparator.d.ts +2 -2
  35. package/dist/Forms/Inputs/Combobox/index.d.ts +8 -8
  36. package/dist/Forms/Inputs/InputNumber/InputNumber.d.ts +2 -0
  37. package/dist/Forms/Inputs/InputNumber/index.d.ts +5 -5
  38. package/dist/Forms/Inputs/InputOtp/InputOtp.d.ts +10 -0
  39. package/dist/Forms/Inputs/InputOtp/InputOtpGroup/InputOtpGroup.d.ts +3 -0
  40. package/dist/Forms/Inputs/InputOtp/InputOtpSeparator/InputOtpSeparator.d.ts +3 -0
  41. package/dist/Forms/Inputs/InputOtp/InputOtpSlot/InputOtpSlot.d.ts +3 -0
  42. package/dist/Forms/Inputs/InputOtp/hooks/useInputOtp.d.ts +3 -0
  43. package/dist/Forms/Inputs/InputOtp/index.d.ts +6 -0
  44. package/dist/Forms/Inputs/InputOtp/types.d.ts +39 -0
  45. package/dist/Forms/Inputs/InputPassword/InputPassword.d.ts +20 -0
  46. package/dist/Forms/Inputs/InputPassword/InputPasswordInput.d.ts +3 -0
  47. package/dist/Forms/Inputs/InputPassword/InputPasswordToggle.d.ts +12 -0
  48. package/dist/Forms/Inputs/InputPassword/index.d.ts +5 -0
  49. package/dist/Forms/Inputs/InputPassword/useInputPassword.d.ts +12 -0
  50. package/dist/Forms/Inputs/InputText/InputText.d.ts +4 -2
  51. package/dist/Forms/Inputs/Toggle/Checkbox/Checkbox.d.ts +1 -1
  52. package/dist/Forms/Inputs/Toggle/RadioButton/RadioButton.d.ts +1 -1
  53. package/dist/Forms/Inputs/Toggle/RadioButton/RadioGroup.d.ts +1 -1
  54. package/dist/Forms/Inputs/Toggle/Switch/Switch.d.ts +1 -1
  55. package/dist/Forms/Inputs/Toggle/ToggleDescription/ToggleDescription.d.ts +1 -1
  56. package/dist/Forms/Inputs/Toggle/ToggleGroup/ToggleGroup.d.ts +1 -1
  57. package/dist/Forms/Inputs/Toggle/ToggleLabel/ToggleLabel.d.ts +1 -1
  58. package/dist/Forms/Inputs/Toggle/index.d.ts +8 -8
  59. package/dist/Forms/Inputs/index.d.ts +4 -2
  60. package/dist/Forms/Inputs/inputSize.d.ts +7 -0
  61. package/dist/Layout/Card/Card.d.ts +10 -0
  62. package/dist/Layout/Card/index.d.ts +1 -0
  63. package/dist/Layout/Divider/Divider.d.ts +16 -0
  64. package/dist/Layout/Divider/index.d.ts +1 -0
  65. package/dist/Layout/Resizable/Resizable.d.ts +1 -0
  66. package/dist/Layout/Resizable/ResizableHandle.d.ts +2 -1
  67. package/dist/Layout/Resizable/ResizablePanel.d.ts +4 -18
  68. package/dist/Layout/Resizable/index.d.ts +3 -3
  69. package/dist/Navigation/Accordion/index.d.ts +4 -4
  70. package/dist/Navigation/Breadcrumb/BreadcrumbEllipsis.d.ts +4 -2
  71. package/dist/Navigation/Breadcrumb/BreadcrumbSeparator.d.ts +4 -2
  72. package/dist/Navigation/Breadcrumb/index.d.ts +7 -7
  73. package/dist/Navigation/Tabs/Tabs.d.ts +4 -2
  74. package/dist/Navigation/Tabs/index.d.ts +4 -4
  75. package/dist/Transitions/TransitionBounce/TransitionBounce.d.ts +2 -2
  76. package/dist/Transitions/TransitionBounce/index.d.ts +1 -1
  77. package/dist/Transitions/TransitionExpand/TransitionExpand.d.ts +2 -2
  78. package/dist/Transitions/TransitionExpand/index.d.ts +1 -1
  79. package/dist/Transitions/TransitionFade/TransitionFade.d.ts +2 -2
  80. package/dist/Transitions/TransitionFade/index.d.ts +1 -1
  81. package/dist/Transitions/TransitionFlip/TransitionFlip.d.ts +2 -2
  82. package/dist/Transitions/TransitionFlip/index.d.ts +1 -1
  83. package/dist/Transitions/TransitionSlideX/TransitionSlideX.d.ts +2 -2
  84. package/dist/Transitions/TransitionSlideX/index.d.ts +1 -1
  85. package/dist/Transitions/TransitionSlideY/TransitionSlideY.d.ts +2 -2
  86. package/dist/Transitions/TransitionSlideY/index.d.ts +1 -1
  87. package/dist/main.d.ts +28 -25
  88. package/dist/react-design-system.css +1 -1
  89. package/dist/react-design-system.js +12896 -12418
  90. package/dist/react-design-system.umd.cjs +45 -35
  91. package/package.json +20 -19
  92. package/src/assets/styles/mainTheme.css +1 -1
  93. package/src/assets/styles/primitives-v3.css +589 -0
  94. package/src/assets/styles/theme-v3.css +215 -0
@@ -0,0 +1,12 @@
1
+ export interface InputPasswordContext {
2
+ /** Current password value. */
3
+ field: string;
4
+ /** Commit a new password value. */
5
+ setField: (value: string) => void;
6
+ /** Whether the password is rendered in clear text. */
7
+ visible: boolean;
8
+ /** Flip `visible`. */
9
+ toggle: () => void;
10
+ }
11
+ export declare const InputPasswordContext: import('react').Context<InputPasswordContext | null>;
12
+ export declare function useInputPassword(): InputPasswordContext;
@@ -1,11 +1,13 @@
1
- export interface InputTextProps extends React.InputHTMLAttributes<HTMLInputElement> {
1
+ import { InputSize } from '../inputSize.ts';
2
+ export interface InputTextProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
3
+ size?: InputSize;
2
4
  /** Controlled value (mirrors the Vue `field` model). */
3
5
  field?: string;
4
6
  /** Emitted on input (mirrors the Vue `update:field` event). */
5
7
  onFieldChange?: (value: string) => void;
6
8
  }
7
9
  /**
8
- * InputText — mirrors `@orxata/core` InputText.
10
+ * InputText — mirrors `@sesame/orxata-core` InputText.
9
11
  * The Vue `field` v-model becomes the `field` value + `onFieldChange` callback.
10
12
  * Native `value`/`onChange` still pass through via `...props`.
11
13
  * `type` defaults to `'text'` but can be overridden (matches the Vue
@@ -3,7 +3,7 @@ export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof Che
3
3
  variant?: 'default' | 'rounded';
4
4
  }
5
5
  /**
6
- * Checkbox — mirrors `@orxata/core` Checkbox.
6
+ * Checkbox — mirrors `@sesame/orxata-core` Checkbox.
7
7
  * `v-model` (`boolean | 'indeterminate'`) maps to Radix `checked` /
8
8
  * `onCheckedChange` (+ `defaultChecked`). The Vue `TransitionBounce` wrapper
9
9
  * has no React equivalent yet and is omitted.
@@ -1,7 +1,7 @@
1
1
  import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
2
2
  export type RadioButtonProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
3
3
  /**
4
- * RadioButton — mirrors `@orxata/core` RadioButton (reka `RadioGroupItem`).
4
+ * RadioButton — mirrors `@sesame/orxata-core` RadioButton (reka `RadioGroupItem`).
5
5
  * The Vue `TransitionBounce` wrapper has no React equivalent yet and is omitted.
6
6
  */
7
7
  export declare const RadioButton: import('react').ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
@@ -3,7 +3,7 @@ export interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof R
3
3
  orientation?: 'horizontal' | 'vertical';
4
4
  }
5
5
  /**
6
- * RadioGroup — mirrors `@orxata/core` RadioGroup (reka `RadioGroupRoot`).
6
+ * RadioGroup — mirrors `@sesame/orxata-core` RadioGroup (reka `RadioGroupRoot`).
7
7
  * `v-model` maps to Radix `value` / `onValueChange` (+ `defaultValue`).
8
8
  */
9
9
  export declare const RadioGroup: import('react').ForwardRefExoticComponent<RadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -6,7 +6,7 @@ export interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<'div'>,
6
6
  children?: React.ReactNode;
7
7
  }
8
8
  /**
9
- * Switch — mirrors `@orxata/core` Switch. A custom div + native checkbox
9
+ * Switch — mirrors `@sesame/orxata-core` Switch. A custom div + native checkbox
10
10
  * toggle (the source does not use reka `SwitchRoot`), so it is ported as a
11
11
  * controlled component: `checked` + `onCheckedChange` replace Vue's `v-model`.
12
12
  */
@@ -1,5 +1,5 @@
1
1
  export interface ToggleDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {
2
2
  size?: 'xs' | 'sm' | 'base';
3
3
  }
4
- /** ToggleDescription — mirrors `@orxata/core` ToggleDescription. */
4
+ /** ToggleDescription — mirrors `@sesame/orxata-core` ToggleDescription. */
5
5
  export declare const ToggleDescription: import('react').ForwardRefExoticComponent<ToggleDescriptionProps & import('react').RefAttributes<HTMLSpanElement>>;
@@ -2,6 +2,6 @@ export interface ToggleGroupProps extends React.ComponentPropsWithoutRef<'div'>
2
2
  align?: 'start' | 'center';
3
3
  gap?: 'sm' | 'md' | 'lg';
4
4
  }
5
- /** ToggleGroup — mirrors `@orxata/core` ToggleGroup. Grid wrapper that lays
5
+ /** ToggleGroup — mirrors `@sesame/orxata-core` ToggleGroup. Grid wrapper that lays
6
6
  * out a controller, its label and description. */
7
7
  export declare const ToggleGroup: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -1,5 +1,5 @@
1
1
  export interface ToggleLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
2
2
  htmlFor?: string;
3
3
  }
4
- /** ToggleLabel — mirrors `@orxata/core` ToggleLabel. */
4
+ /** ToggleLabel — mirrors `@sesame/orxata-core` ToggleLabel. */
5
5
  export declare const ToggleLabel: import('react').ForwardRefExoticComponent<ToggleLabelProps & import('react').RefAttributes<HTMLLabelElement>>;
@@ -1,8 +1,8 @@
1
- export { Switch, type SwitchProps } from './Switch/Switch';
2
- export * from './Switch/constants';
3
- export { Checkbox, type CheckboxProps } from './Checkbox/Checkbox';
4
- export { RadioButton, type RadioButtonProps } from './RadioButton/RadioButton';
5
- export { RadioGroup, type RadioGroupProps } from './RadioButton/RadioGroup';
6
- export { ToggleGroup, type ToggleGroupProps } from './ToggleGroup/ToggleGroup';
7
- export { ToggleLabel, type ToggleLabelProps } from './ToggleLabel/ToggleLabel';
8
- export { ToggleDescription, type ToggleDescriptionProps, } from './ToggleDescription/ToggleDescription';
1
+ export { Switch, type SwitchProps } from './Switch/Switch.tsx';
2
+ export * from './Switch/constants.ts';
3
+ export { Checkbox, type CheckboxProps } from './Checkbox/Checkbox.tsx';
4
+ export { RadioButton, type RadioButtonProps, } from './RadioButton/RadioButton.tsx';
5
+ export { RadioGroup, type RadioGroupProps } from './RadioButton/RadioGroup.tsx';
6
+ export { ToggleGroup, type ToggleGroupProps, } from './ToggleGroup/ToggleGroup.tsx';
7
+ export { ToggleLabel, type ToggleLabelProps, } from './ToggleLabel/ToggleLabel.tsx';
8
+ export { ToggleDescription, type ToggleDescriptionProps, } from './ToggleDescription/ToggleDescription.tsx';
@@ -1,5 +1,7 @@
1
- export { InputGroup, type InputGroupProps } from './InputGroup/InputGroup';
2
- export { InputText, type InputTextProps } from './InputText/InputText';
1
+ export { InputGroup, type InputGroupProps } from './InputGroup/InputGroup.tsx';
2
+ export { InputText, type InputTextProps } from './InputText/InputText.tsx';
3
3
  export * from './InputNumber/index.ts';
4
+ export * from './InputPassword/index.ts';
5
+ export * from './InputOtp/index.ts';
4
6
  export * from './Combobox/index.ts';
5
7
  export * from './Toggle/index.ts';
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Control sizes shared by every input. Mirrors the `input-{size}` classes the
3
+ * Vue package applies directly; CSS modules hash the class names, so consumers
4
+ * resolve them through this map instead of building the string by hand.
5
+ */
6
+ export type InputSize = 'sm' | 'md' | 'lg';
7
+ export declare const inputSizeClass: Record<InputSize, string>;
@@ -0,0 +1,10 @@
1
+ export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
2
+ /** Render as the child element instead of a `<div>` (Radix Slot). */
3
+ asChild?: boolean;
4
+ dataTestid: string;
5
+ }
6
+ /**
7
+ * Card — mirrors `@sesame/orxata-core` Card.
8
+ * `asChild` replaces reka-ui's `<Primitive as-child>` via `@radix-ui/react-slot`.
9
+ */
10
+ export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -0,0 +1 @@
1
+ export { Card, type CardProps } from './Card.tsx';
@@ -0,0 +1,16 @@
1
+ export interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
2
+ orientation?: 'horizontal' | 'vertical';
3
+ /** Hide from assistive tech — renders `role="none"` instead of `separator`. */
4
+ decorative?: boolean;
5
+ /** Render as the child element instead of a `<div>` (Radix Slot). */
6
+ asChild?: boolean;
7
+ dataTestid: string;
8
+ }
9
+ /**
10
+ * Divider — mirrors `@sesame/orxata-core` Divider.
11
+ * reka-ui's `Separator` has no Radix counterpart in this package's dependency
12
+ * set, so the separator semantics are implemented here: `aria-orientation` is
13
+ * only emitted for the vertical case (horizontal is the ARIA default).
14
+ * `asChild` replaces reka-ui's `<Primitive as-child>` via `@radix-ui/react-slot`.
15
+ */
16
+ export declare const Divider: import('react').ForwardRefExoticComponent<DividerProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -0,0 +1 @@
1
+ export { Divider, type DividerProps } from './Divider.tsx';
@@ -2,6 +2,7 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
2
2
  import { ImperativePanelGroupHandle, PanelGroup } from 'react-resizable-panels';
3
3
  export type ResizableProps = Omit<React.ComponentPropsWithoutRef<typeof PanelGroup>, 'direction'> & {
4
4
  direction?: 'horizontal' | 'vertical';
5
+ dataTestid: string;
5
6
  };
6
7
  /**
7
8
  * Resizable — maps reka-ui `SplitterGroup` to `react-resizable-panels` `PanelGroup`.
@@ -6,6 +6,7 @@ export type ResizableHandleProps = PanelResizeHandleProps & {
6
6
  * we accept it explicitly to drive the `data-orientation` CSS selectors.
7
7
  */
8
8
  orientation?: 'horizontal' | 'vertical';
9
+ dataTestid: string;
9
10
  };
10
11
  /**
11
12
  * ResizableHandle — maps reka-ui `SplitterResizeHandle` to
@@ -16,6 +17,6 @@ export type ResizableHandleProps = PanelResizeHandleProps & {
16
17
  * not accept a `ref`.
17
18
  */
18
19
  export declare const ResizableHandle: {
19
- ({ className, orientation, children, ...props }: ResizableHandleProps): import("react/jsx-runtime").JSX.Element;
20
+ ({ className, orientation, children, dataTestid, ...props }: ResizableHandleProps): import("react/jsx-runtime").JSX.Element;
20
21
  displayName: string;
21
22
  };
@@ -1,20 +1,6 @@
1
1
  import { Panel } from 'react-resizable-panels';
2
- export type ResizablePanelProps = React.ComponentPropsWithoutRef<typeof Panel>;
2
+ export interface ResizablePanelProps extends React.ComponentPropsWithoutRef<typeof Panel> {
3
+ dataTestid: string;
4
+ }
3
5
  /** ResizablePanel — maps reka-ui `SplitterPanel` to `react-resizable-panels` `Panel`. */
4
- export declare const ResizablePanel: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').HTMLAttributes<HTMLElement | HTMLDivElement | HTMLLabelElement | HTMLSpanElement | HTMLInputElement | HTMLButtonElement | HTMLObjectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
5
- className?: string | undefined;
6
- collapsedSize?: number | undefined;
7
- collapsible?: boolean | undefined;
8
- defaultSize?: number | undefined;
9
- id?: string | undefined;
10
- maxSize?: number | undefined;
11
- minSize?: number | undefined;
12
- onCollapse?: import('react-resizable-panels').PanelOnCollapse | undefined;
13
- onExpand?: import('react-resizable-panels').PanelOnExpand | undefined;
14
- onResize?: import('react-resizable-panels').PanelOnResize | undefined;
15
- order?: number | undefined;
16
- style?: object | undefined;
17
- tagName?: keyof HTMLElementTagNameMap | undefined;
18
- } & {
19
- children?: import('react').ReactNode;
20
- } & import('react').RefAttributes<import('react-resizable-panels').ImperativePanelHandle>, "ref"> & import('react').RefAttributes<import('react-resizable-panels').ImperativePanelHandle>>;
6
+ export declare const ResizablePanel: import('react').ForwardRefExoticComponent<ResizablePanelProps & import('react').RefAttributes<import('react-resizable-panels').ImperativePanelHandle>>;
@@ -1,3 +1,3 @@
1
- export { Resizable, type ResizableProps } from './Resizable';
2
- export { ResizablePanel, type ResizablePanelProps } from './ResizablePanel';
3
- export { ResizableHandle, type ResizableHandleProps } from './ResizableHandle';
1
+ export { Resizable, type ResizableProps } from './Resizable.tsx';
2
+ export { ResizablePanel, type ResizablePanelProps } from './ResizablePanel.tsx';
3
+ export { ResizableHandle, type ResizableHandleProps, } from './ResizableHandle.tsx';
@@ -1,4 +1,4 @@
1
- export { Accordion, type AccordionProps } from './Accordion';
2
- export { AccordionItem, type AccordionItemProps } from './AccordionItem';
3
- export { AccordionTrigger, type AccordionTriggerProps, } from './AccordionTrigger';
4
- export { AccordionContent, type AccordionContentProps, } from './AccordionContent';
1
+ export { Accordion, type AccordionProps } from './Accordion.tsx';
2
+ export { AccordionItem, type AccordionItemProps } from './AccordionItem.tsx';
3
+ export { AccordionTrigger, type AccordionTriggerProps, } from './AccordionTrigger.tsx';
4
+ export { AccordionContent, type AccordionContentProps, } from './AccordionContent.tsx';
@@ -1,2 +1,4 @@
1
- export type BreadcrumbEllipsisProps = React.ComponentPropsWithoutRef<'span'>;
2
- export declare const BreadcrumbEllipsis: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
1
+ export interface BreadcrumbEllipsisProps extends React.ComponentPropsWithoutRef<'span'> {
2
+ dataTestid: string;
3
+ }
4
+ export declare const BreadcrumbEllipsis: import('react').ForwardRefExoticComponent<BreadcrumbEllipsisProps & import('react').RefAttributes<HTMLSpanElement>>;
@@ -1,2 +1,4 @@
1
- export type BreadcrumbSeparatorProps = React.ComponentPropsWithoutRef<'li'>;
2
- export declare const BreadcrumbSeparator: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
1
+ export interface BreadcrumbSeparatorProps extends React.ComponentPropsWithoutRef<'li'> {
2
+ dataTestid: string;
3
+ }
4
+ export declare const BreadcrumbSeparator: import('react').ForwardRefExoticComponent<BreadcrumbSeparatorProps & import('react').RefAttributes<HTMLLIElement>>;
@@ -1,7 +1,7 @@
1
- export { Breadcrumb, type BreadcrumbProps } from './Breadcrumb';
2
- export { BreadcrumbList, type BreadcrumbListProps } from './BreadcrumbList';
3
- export { BreadcrumbItem, type BreadcrumbItemProps } from './BreadcrumbItem';
4
- export { BreadcrumbLink, type BreadcrumbLinkProps } from './BreadcrumbLink';
5
- export { BreadcrumbPage, type BreadcrumbPageProps } from './BreadcrumbPage';
6
- export { BreadcrumbSeparator, type BreadcrumbSeparatorProps, } from './BreadcrumbSeparator';
7
- export { BreadcrumbEllipsis, type BreadcrumbEllipsisProps, } from './BreadcrumbEllipsis';
1
+ export { Breadcrumb, type BreadcrumbProps } from './Breadcrumb.tsx';
2
+ export { BreadcrumbList, type BreadcrumbListProps } from './BreadcrumbList.tsx';
3
+ export { BreadcrumbItem, type BreadcrumbItemProps } from './BreadcrumbItem.tsx';
4
+ export { BreadcrumbLink, type BreadcrumbLinkProps } from './BreadcrumbLink.tsx';
5
+ export { BreadcrumbPage, type BreadcrumbPageProps } from './BreadcrumbPage.tsx';
6
+ export { BreadcrumbSeparator, type BreadcrumbSeparatorProps, } from './BreadcrumbSeparator.tsx';
7
+ export { BreadcrumbEllipsis, type BreadcrumbEllipsisProps, } from './BreadcrumbEllipsis.tsx';
@@ -1,4 +1,6 @@
1
1
  import * as TabsPrimitive from '@radix-ui/react-tabs';
2
- export type TabsProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>;
2
+ export interface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
3
+ dataTestid: string;
4
+ }
3
5
  /** Tabs root — maps reka-ui `TabsRoot` to `@radix-ui/react-tabs`. */
4
- export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
6
+ export declare const Tabs: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -1,4 +1,4 @@
1
- export { Tabs, type TabsProps } from './Tabs';
2
- export { TabsList, type TabsListProps } from './TabsList';
3
- export { TabsTrigger, type TabsTriggerProps } from './TabsTrigger';
4
- export { TabsContent, type TabsContentProps } from './TabsContent';
1
+ export { Tabs, type TabsProps } from './Tabs.tsx';
2
+ export { TabsList, type TabsListProps } from './TabsList.tsx';
3
+ export { TabsTrigger, type TabsTriggerProps } from './TabsTrigger.tsx';
4
+ export { TabsContent, type TabsContentProps } from './TabsContent.tsx';
@@ -1,7 +1,7 @@
1
- import { TransitionBaseProps } from '../TransitionBase';
1
+ import { TransitionBaseProps } from '../TransitionBase.tsx';
2
2
  export interface TransitionBounceProps extends TransitionBaseProps {
3
3
  enterDuration?: number;
4
4
  leaveDuration?: number;
5
5
  }
6
- /** Bounce transition — ported from `@orxata/core` TransitionBounce. */
6
+ /** Bounce transition — ported from `@sesame/orxata-core` TransitionBounce. */
7
7
  export declare function TransitionBounce({ enterDuration, leaveDuration, ...rest }: TransitionBounceProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- export { TransitionBounce, type TransitionBounceProps, } from './TransitionBounce';
1
+ export { TransitionBounce, type TransitionBounceProps, } from './TransitionBounce.tsx';
@@ -1,7 +1,7 @@
1
- import { TransitionBaseProps } from '../TransitionBase';
1
+ import { TransitionBaseProps } from '../TransitionBase.tsx';
2
2
  export interface TransitionExpandProps extends TransitionBaseProps {
3
3
  enterDuration?: number;
4
4
  leaveDuration?: number;
5
5
  }
6
- /** Vertical expand/collapse transition — ported from `@orxata/core` TransitionExpand. */
6
+ /** Vertical expand/collapse transition — ported from `@sesame/orxata-core` TransitionExpand. */
7
7
  export declare function TransitionExpand({ enterDuration, leaveDuration, ...rest }: TransitionExpandProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- export { TransitionExpand, type TransitionExpandProps, } from './TransitionExpand';
1
+ export { TransitionExpand, type TransitionExpandProps, } from './TransitionExpand.tsx';
@@ -1,7 +1,7 @@
1
- import { TransitionBaseProps } from '../TransitionBase';
1
+ import { TransitionBaseProps } from '../TransitionBase.tsx';
2
2
  export interface TransitionFadeProps extends TransitionBaseProps {
3
3
  enterDuration?: number;
4
4
  leaveDuration?: number;
5
5
  }
6
- /** Fade transition — ported from `@orxata/core` TransitionFade. */
6
+ /** Fade transition — ported from `@sesame/orxata-core` TransitionFade. */
7
7
  export declare function TransitionFade({ enterDuration, leaveDuration, ...rest }: TransitionFadeProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- export { TransitionFade, type TransitionFadeProps } from './TransitionFade';
1
+ export { TransitionFade, type TransitionFadeProps } from './TransitionFade.tsx';
@@ -1,4 +1,4 @@
1
- import { TransitionBaseProps } from '../TransitionBase';
1
+ import { TransitionBaseProps } from '../TransitionBase.tsx';
2
2
  export interface TransitionFlipProps extends TransitionBaseProps {
3
3
  enterDuration?: number;
4
4
  leaveDuration?: number;
@@ -9,5 +9,5 @@ export interface TransitionFlipProps extends TransitionBaseProps {
9
9
  */
10
10
  enterDegrees?: number;
11
11
  }
12
- /** 3D flip transition — ported from `@orxata/core` TransitionFlip. */
12
+ /** 3D flip transition — ported from `@sesame/orxata-core` TransitionFlip. */
13
13
  export declare function TransitionFlip({ enterDuration, leaveDuration, axis, enterDegrees, ...rest }: TransitionFlipProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- export { TransitionFlip, type TransitionFlipProps } from './TransitionFlip';
1
+ export { TransitionFlip, type TransitionFlipProps } from './TransitionFlip.tsx';
@@ -1,4 +1,4 @@
1
- import { TransitionBaseProps } from '../TransitionBase';
1
+ import { TransitionBaseProps } from '../TransitionBase.tsx';
2
2
  export interface TransitionSlideXProps extends TransitionBaseProps {
3
3
  enterDuration?: number;
4
4
  leaveDuration?: number;
@@ -6,5 +6,5 @@ export interface TransitionSlideXProps extends TransitionBaseProps {
6
6
  direction?: 'left' | 'right';
7
7
  leaveDirection?: 'left' | 'right';
8
8
  }
9
- /** Horizontal slide transition — ported from `@orxata/core` TransitionSlideX. */
9
+ /** Horizontal slide transition — ported from `@sesame/orxata-core` TransitionSlideX. */
10
10
  export declare function TransitionSlideX({ enterDuration, leaveDuration, distance, direction, leaveDirection, ...rest }: TransitionSlideXProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- export { TransitionSlideX, type TransitionSlideXProps, } from './TransitionSlideX';
1
+ export { TransitionSlideX, type TransitionSlideXProps, } from './TransitionSlideX.tsx';
@@ -1,4 +1,4 @@
1
- import { TransitionBaseProps } from '../TransitionBase';
1
+ import { TransitionBaseProps } from '../TransitionBase.tsx';
2
2
  export interface TransitionSlideYProps extends TransitionBaseProps {
3
3
  enterDuration?: number;
4
4
  leaveDuration?: number;
@@ -6,5 +6,5 @@ export interface TransitionSlideYProps extends TransitionBaseProps {
6
6
  direction?: 'top' | 'bottom';
7
7
  leaveDirection?: 'top' | 'bottom';
8
8
  }
9
- /** Vertical slide transition — ported from `@orxata/core` TransitionSlideY. */
9
+ /** Vertical slide transition — ported from `@sesame/orxata-core` TransitionSlideY. */
10
10
  export declare function TransitionSlideY({ enterDuration, leaveDuration, distance, direction, leaveDirection, ...rest }: TransitionSlideYProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- export { TransitionSlideY, type TransitionSlideYProps, } from './TransitionSlideY';
1
+ export { TransitionSlideY, type TransitionSlideYProps, } from './TransitionSlideY.tsx';
package/dist/main.d.ts CHANGED
@@ -1,25 +1,28 @@
1
- export * from './Transitions/TransitionBounce';
2
- export * from './Transitions/TransitionSlideX';
3
- export * from './Transitions/TransitionFade';
4
- export * from './Transitions/TransitionSlideY';
5
- export * from './Transitions/TransitionExpand';
6
- export * from './Transitions/TransitionFlip';
7
- export * from './Forms/Field/index.ts';
8
- export * from './Forms/Inputs/index.ts';
9
- export * from './lib/utils';
10
- export * from './Navigation/Accordion';
11
- export * from './Navigation/Tabs';
12
- export * from './Feedback/StatusBadge';
13
- export * from './Display/Avatar';
14
- export * from './Display/AvatarGroup';
15
- export * from './Display/Badge';
16
- export * from './Display/PaymentCard';
17
- export * from './Feedback/Bullet';
18
- export * from './Feedback/Dialog';
19
- export * from './Layout/Resizable';
20
- export * from './Button';
21
- export * from './Navigation/Breadcrumb';
22
- export * from './Data/Table/index.ts';
23
- export * from './Feedback/Alert';
24
- export * from './Feedback/Tooltip';
25
- export * from './Feedback/Popover';
1
+ export * from './lib/utils.ts';
2
+ export { TransitionBounce as OxTransitionBounce } from './Transitions/TransitionBounce/TransitionBounce.tsx';
3
+ export { TransitionSlideX as OxTransitionSlideX } from './Transitions/TransitionSlideX/TransitionSlideX.tsx';
4
+ export { TransitionFade as OxTransitionFade } from './Transitions/TransitionFade/TransitionFade.tsx';
5
+ export { TransitionSlideY as OxTransitionSlideY } from './Transitions/TransitionSlideY/TransitionSlideY.tsx';
6
+ export { TransitionExpand as OxTransitionExpand } from './Transitions/TransitionExpand/TransitionExpand.tsx';
7
+ export { TransitionFlip as OxTransitionFlip } from './Transitions/TransitionFlip/TransitionFlip.tsx';
8
+ export { Button as OxButton, buttonVariants, type ButtonVariants, } from './Button/index.ts';
9
+ export { Card as OxCard } from './Layout/Card/index.ts';
10
+ export { Divider as OxDivider, type DividerProps, } from './Layout/Divider/index.ts';
11
+ export { Resizable as OxResizable, ResizablePanel as OxResizablePanel, ResizableHandle as OxResizableHandle, } from './Layout/Resizable/index.ts';
12
+ export { Avatar as OxAvatar, avatarVariants, avatarTextVariants, type AvatarVariants, } from './Display/Avatar/index.ts';
13
+ export { AvatarGroup as OxAvatarGroup, type AvatarItem, } from './Display/AvatarGroup/index.ts';
14
+ export { Badge as OxBadge, badgeVariants, type BadgeVariants, } from './Display/Badge/index.ts';
15
+ export { PaymentCard as OxPaymentCard, paymentCardVariants, type PaymentCardVariants, type BadgeType, type CardData, } from './Display/PaymentCard/index.ts';
16
+ export { StatusBadge as OxStatusBadge, statusBadgeVariants, indicatorVariants, type StatusBadgeVariants, } from './Feedback/StatusBadge/index.ts';
17
+ export { Bullet as OxBullet, bulletVariants, type BulletVariants, } from './Feedback/Bullet/index.ts';
18
+ export { Alert as OxAlert, AlertClose as OxAlertClose, AlertDescription as OxAlertDescription, AlertIcon as OxAlertIcon, AlertTitle as OxAlertTitle, AlertToggle as OxAlertToggle, } from './Feedback/Alert/index.ts';
19
+ export { Dialog as OxDialog, DialogContent as OxDialogContent, DialogTitle as OxDialogTitle, DialogDescription as OxDialogDescription, DialogOverlay as OxDialogOverlay, DialogTwoPanelContent as OxDialogTwoPanelContent, DialogTrigger as OxDialogTrigger, DialogClose as OxDialogClose, } from './Feedback/Dialog/index.ts';
20
+ export { Tooltip as OxTooltip, TooltipContent as OxTooltipContent, } from './Feedback/Tooltip/index.ts';
21
+ export { Popover as OxPopover, PopoverContent as OxPopoverContent, PopoverClose as OxPopoverClose, } from './Feedback/Popover/index.ts';
22
+ export { Accordion as OxAccordion, AccordionItem as OxAccordionItem, AccordionTrigger as OxAccordionTrigger, AccordionContent as OxAccordionContent, } from './Navigation/Accordion/index.ts';
23
+ export { Tabs as OxTabs, TabsList as OxTabsList, TabsTrigger as OxTabsTrigger, TabsContent as OxTabsContent, } from './Navigation/Tabs/index.ts';
24
+ export { Breadcrumb as OxBreadcrumb, BreadcrumbList as OxBreadcrumbList, BreadcrumbItem as OxBreadcrumbItem, BreadcrumbLink as OxBreadcrumbLink, BreadcrumbPage as OxBreadcrumbPage, BreadcrumbSeparator as OxBreadcrumbSeparator, BreadcrumbEllipsis as OxBreadcrumbEllipsis, } from './Navigation/Breadcrumb/index.ts';
25
+ export { FieldGroup as OxFieldGroup, FieldLabel as OxFieldLabel, FieldMessage as OxFieldMessage, type FieldGroupProps, } from './Forms/Field/index.ts';
26
+ export { InputGroup as OxInputGroup, InputText as OxInputText, InputNumber as OxInputNumber, InputNumberContent as OxInputNumberContent, InputNumberDecrement as OxInputNumberDecrement, InputNumberIncrement as OxInputNumberIncrement, InputNumberInput as OxInputNumberInput, InputPassword as OxInputPassword, InputPasswordInput as OxInputPasswordInput, InputPasswordToggle as OxInputPasswordToggle, useInputPassword, InputOtp as OxInputOtp, InputOtpGroup as OxInputOtpGroup, InputOtpSlot as OxInputOtpSlot, InputOtpSeparator as OxInputOtpSeparator, useInputOtp, Combobox as OxCombobox, ComboboxInput as OxComboboxInput, ComboboxChipsInput as OxComboboxChipsInput, ComboboxContent as OxComboboxContent, ComboboxItem as OxComboboxItem, ComboboxEmpty as OxComboboxEmpty, ComboboxGroup as OxComboboxGroup, ComboboxSeparator as OxComboboxSeparator, Switch as OxSwitch, Checkbox as OxCheckbox, RadioButton as OxRadioButton, RadioGroup as OxRadioGroup, ToggleGroup as OxToggleGroup, ToggleLabel as OxToggleLabel, ToggleDescription as OxToggleDescription, SWITCH_SIZES, type InputNumberProps, type InputPasswordProps, type InputPasswordContext, type InputOtpProps, type InputOtpSlotProps, type InputOtpContext, type ComboboxProps, type RadioGroupProps, type ToggleGroupProps, type ToggleLabelProps, type ToggleDescriptionProps, } from './Forms/Inputs/index.ts';
27
+ export { Table as OxTable, TableHead as OxTableHead, TableBody as OxTableBody, TableRow as OxTableRow, TableCell as OxTableCell, TableHeaderCell as OxTableHeaderCell, TableSelectCell as OxTableSelectCell, TableDragCell as OxTableDragCell, TableBulkHeader as OxTableBulkHeader, TablePagination as OxTablePagination, TableEmpty as OxTableEmpty, TableAvatar as OxTableAvatar, TableRowExpanded as OxTableRowExpanded, TableExpandCell as OxTableExpandCell, TableColumnVisibility as OxTableColumnVisibility, useTable, useTableSelection, useTableSorting, useTablePagination, useTableDetailRow, useTablePinning, useTableColumns, useScrollShadow, useDragToScroll, useFixedColumns, } from './Data/Table/index.ts';
28
+ export type { UseTableOptions, UseTableReturn, UseTableSelectionReturn, UseTableSortingReturn, UseTablePaginationOptions, UseTablePaginationReturn, DetailRowInstance, DetailRowOptions, DetailRowPluginDef, UseTablePinningOptions, UseTablePinningReturn, CellInfo, HeaderInfo, UseTableColumnsOptions, UseTableColumnsReturn, UseScrollShadowOptions, UseScrollShadowReturn, UseDragToScrollOptions, UseDragToScrollReturn, UseFixedColumnsOptions, TableProps, TableMode, ColumnDef, ColumnAlign, CellContext, SortingState, PaginationState, PaginationChangePayload, SortingChangePayload, SelectionChangePayload, FilterChangePayload, ColumnResizeMode, ColumnVisibilityState, ColumnOrderState, ExpandedState, ColumnVisibilityChangePayload, ColumnOrderChangePayload, RowExpandChangePayload, ColumnResizePayload, ColumnPinningState, } from './Data/Table/index.ts';