@eventideorg/design-system 0.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 (79) hide show
  1. package/README.md +208 -0
  2. package/dist/App.d.ts +1 -0
  3. package/dist/index.css +1 -0
  4. package/dist/index.d.ts +1 -0
  5. package/dist/index.js +2054 -0
  6. package/dist/main.d.ts +0 -0
  7. package/dist/ui/hooks/index.d.ts +1 -0
  8. package/dist/ui/index.d.ts +2 -0
  9. package/dist/ui/lib/utils.d.ts +2 -0
  10. package/dist/ui/ui/Badge.d.ts +9 -0
  11. package/dist/ui/ui/Button.d.ts +10 -0
  12. package/dist/ui/ui/Calendar.d.ts +8 -0
  13. package/dist/ui/ui/Card.d.ts +9 -0
  14. package/dist/ui/ui/Checkbox.d.ts +4 -0
  15. package/dist/ui/ui/Collapsible.d.ts +5 -0
  16. package/dist/ui/ui/Command.d.ts +18 -0
  17. package/dist/ui/ui/Dialog.d.ts +17 -0
  18. package/dist/ui/ui/FormSystem/FormBuilder/DragHandle.d.ts +7 -0
  19. package/dist/ui/ui/FormSystem/FormBuilder/FieldEditor.d.ts +9 -0
  20. package/dist/ui/ui/FormSystem/FormBuilder/FieldList.d.ts +9 -0
  21. package/dist/ui/ui/FormSystem/FormBuilder/FieldTypePicker.d.ts +7 -0
  22. package/dist/ui/ui/FormSystem/FormBuilder/FormBuilder.d.ts +2 -0
  23. package/dist/ui/ui/FormSystem/FormBuilder/NavigationRuleEditor.d.ts +12 -0
  24. package/dist/ui/ui/FormSystem/FormBuilder/SectionEditor.d.ts +15 -0
  25. package/dist/ui/ui/FormSystem/FormBuilder/SectionList.d.ts +14 -0
  26. package/dist/ui/ui/FormSystem/FormBuilder/SortableItem.d.ts +14 -0
  27. package/dist/ui/ui/FormSystem/FormBuilder/builderValidation.d.ts +13 -0
  28. package/dist/ui/ui/FormSystem/FormBuilder/index.d.ts +18 -0
  29. package/dist/ui/ui/FormSystem/FormBuilder/useFormBuilder.d.ts +22 -0
  30. package/dist/ui/ui/FormSystem/FormRunner/FormRunner.d.ts +2 -0
  31. package/dist/ui/ui/FormSystem/FormRunner/NavigationControls.d.ts +11 -0
  32. package/dist/ui/ui/FormSystem/FormRunner/ProgressBar.d.ts +10 -0
  33. package/dist/ui/ui/FormSystem/FormRunner/SectionRenderer.d.ts +9 -0
  34. package/dist/ui/ui/FormSystem/FormRunner/index.d.ts +9 -0
  35. package/dist/ui/ui/FormSystem/FormRunner/useFormRunner.d.ts +23 -0
  36. package/dist/ui/ui/FormSystem/InputRenderer.d.ts +9 -0
  37. package/dist/ui/ui/FormSystem/NavigationEngine.d.ts +65 -0
  38. package/dist/ui/ui/FormSystem/constants.d.ts +29 -0
  39. package/dist/ui/ui/FormSystem/index.d.ts +20 -0
  40. package/dist/ui/ui/FormSystem/types.d.ts +104 -0
  41. package/dist/ui/ui/FormSystem/validation.d.ts +9 -0
  42. package/dist/ui/ui/Input.d.ts +3 -0
  43. package/dist/ui/ui/InputFields/Checkbox.d.ts +9 -0
  44. package/dist/ui/ui/InputFields/ColorInput.d.ts +10 -0
  45. package/dist/ui/ui/InputFields/DatePicker.d.ts +19 -0
  46. package/dist/ui/ui/InputFields/DateTimePicker.d.ts +8 -0
  47. package/dist/ui/ui/InputFields/Divider.d.ts +5 -0
  48. package/dist/ui/ui/InputFields/EmailInput.d.ts +7 -0
  49. package/dist/ui/ui/InputFields/FieldWrapper.d.ts +16 -0
  50. package/dist/ui/ui/InputFields/FileInput.d.ts +12 -0
  51. package/dist/ui/ui/InputFields/Likert.d.ts +16 -0
  52. package/dist/ui/ui/InputFields/LocationInput.d.ts +24 -0
  53. package/dist/ui/ui/InputFields/NumberInput.d.ts +15 -0
  54. package/dist/ui/ui/InputFields/PasswordInput.d.ts +7 -0
  55. package/dist/ui/ui/InputFields/QuerySelect.d.ts +13 -0
  56. package/dist/ui/ui/InputFields/RadioInput.d.ts +10 -0
  57. package/dist/ui/ui/InputFields/Rating.d.ts +9 -0
  58. package/dist/ui/ui/InputFields/RichTextInput.d.ts +13 -0
  59. package/dist/ui/ui/InputFields/SelectInput.d.ts +11 -0
  60. package/dist/ui/ui/InputFields/StaticImage.d.ts +6 -0
  61. package/dist/ui/ui/InputFields/StaticText.d.ts +5 -0
  62. package/dist/ui/ui/InputFields/SwitchInput.d.ts +9 -0
  63. package/dist/ui/ui/InputFields/TelephoneInput.d.ts +12 -0
  64. package/dist/ui/ui/InputFields/TextInput.d.ts +7 -0
  65. package/dist/ui/ui/InputFields/TextareaInput.d.ts +7 -0
  66. package/dist/ui/ui/InputFields/TimePicker.d.ts +11 -0
  67. package/dist/ui/ui/InputFields/URLInput.d.ts +7 -0
  68. package/dist/ui/ui/InputFields/index.d.ts +51 -0
  69. package/dist/ui/ui/InputFields/types.d.ts +21 -0
  70. package/dist/ui/ui/Label.d.ts +4 -0
  71. package/dist/ui/ui/Popover.d.ts +10 -0
  72. package/dist/ui/ui/RadioGroup.d.ts +5 -0
  73. package/dist/ui/ui/Select.d.ts +15 -0
  74. package/dist/ui/ui/Separator.d.ts +4 -0
  75. package/dist/ui/ui/Switch.d.ts +6 -0
  76. package/dist/ui/ui/Textarea.d.ts +3 -0
  77. package/dist/ui/ui/index.d.ts +6 -0
  78. package/dist/vite.svg +1 -0
  79. package/package.json +107 -0
@@ -0,0 +1,19 @@
1
+ import { BaseFieldProps, DatePickerMode } from './types';
2
+ interface DatePickerProps extends BaseFieldProps {
3
+ mode?: DatePickerMode;
4
+ numberOfMonths?: 1 | 2;
5
+ value?: Date | Date[] | {
6
+ from: Date;
7
+ to?: Date;
8
+ };
9
+ onChange?: (value: Date | Date[] | {
10
+ from: Date;
11
+ to?: Date;
12
+ } | undefined) => void;
13
+ placeholder?: string;
14
+ fromDate?: Date;
15
+ toDate?: Date;
16
+ }
17
+ declare function DatePicker({ mode, numberOfMonths, value, onChange, placeholder, fromDate, toDate, label, error, helperText, required, disabled, id, className, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
18
+ export { DatePicker };
19
+ export type { DatePickerProps };
@@ -0,0 +1,8 @@
1
+ import { BaseFieldProps } from './types';
2
+ interface DateTimePickerProps extends BaseFieldProps {
3
+ value?: string;
4
+ onChange?: (value: string) => void;
5
+ }
6
+ declare function DateTimePicker({ label, error, helperText, required, disabled, id, className, value, onChange, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
7
+ export { DateTimePicker };
8
+ export type { DateTimePickerProps };
@@ -0,0 +1,5 @@
1
+ export interface DividerProps {
2
+ label?: string;
3
+ className?: string;
4
+ }
5
+ export declare function Divider({ label, className }: DividerProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { BaseFieldProps } from './types';
2
+ interface EmailInputProps extends BaseFieldProps, Omit<React.ComponentProps<"input">, "id" | "type"> {
3
+ validateOnBlur?: boolean;
4
+ }
5
+ declare function EmailInput({ label, error: externalError, helperText, required, disabled, id, className, validateOnBlur, onBlur, ...inputProps }: EmailInputProps): import("react/jsx-runtime").JSX.Element;
6
+ export { EmailInput };
7
+ export type { EmailInputProps };
@@ -0,0 +1,16 @@
1
+ interface FieldWrapperProps {
2
+ id?: string;
3
+ label?: string;
4
+ error?: string;
5
+ helperText?: string;
6
+ required?: boolean;
7
+ disabled?: boolean;
8
+ children: (props: {
9
+ id: string;
10
+ describedBy: string | undefined;
11
+ }) => React.ReactNode;
12
+ className?: string;
13
+ }
14
+ declare function FieldWrapper({ id: externalId, label, error, helperText, required, disabled, children, className, }: FieldWrapperProps): import("react/jsx-runtime").JSX.Element;
15
+ export { FieldWrapper };
16
+ export type { FieldWrapperProps };
@@ -0,0 +1,12 @@
1
+ import { BaseFieldProps } from './types';
2
+ interface FileInputProps extends BaseFieldProps {
3
+ value?: File[];
4
+ onChange?: (files: File[]) => void;
5
+ accept?: string;
6
+ multiple?: boolean;
7
+ maxSize?: number;
8
+ maxFiles?: number;
9
+ }
10
+ declare function FileInput({ label, error: externalError, helperText, required, disabled, id, className, value, onChange, accept, multiple, maxSize, maxFiles, }: FileInputProps): import("react/jsx-runtime").JSX.Element;
11
+ export { FileInput };
12
+ export type { FileInputProps };
@@ -0,0 +1,16 @@
1
+ import { BaseFieldProps } from './types';
2
+ interface LikertProps extends BaseFieldProps {
3
+ scale: Array<{
4
+ label: string;
5
+ value: string;
6
+ }>;
7
+ statements: Array<{
8
+ label: string;
9
+ value: string;
10
+ }>;
11
+ value?: Record<string, string>;
12
+ onChange?: (value: Record<string, string>) => void;
13
+ }
14
+ declare function Likert({ label, error, helperText, required, disabled, id, className, scale, statements, value, onChange, }: LikertProps): import("react/jsx-runtime").JSX.Element;
15
+ export { Likert };
16
+ export type { LikertProps };
@@ -0,0 +1,24 @@
1
+ import { BaseFieldProps } from './types';
2
+ interface LocationInputProps extends BaseFieldProps {
3
+ value?: {
4
+ lat: number;
5
+ lng: number;
6
+ };
7
+ onChange?: (value: {
8
+ lat: number;
9
+ lng: number;
10
+ } | undefined) => void;
11
+ placeholder?: {
12
+ lat?: string;
13
+ lng?: string;
14
+ };
15
+ triggerPlaceholder?: string;
16
+ defaultCenter?: {
17
+ lat: number;
18
+ lng: number;
19
+ };
20
+ defaultZoom?: number;
21
+ }
22
+ declare function LocationInput({ label, error, helperText, required, disabled, id, className, value, onChange, placeholder, triggerPlaceholder, defaultZoom, }: LocationInputProps): import("react/jsx-runtime").JSX.Element;
23
+ export { LocationInput };
24
+ export type { LocationInputProps };
@@ -0,0 +1,15 @@
1
+ import { BaseFieldProps } from './types';
2
+ interface NumberInputProps extends BaseFieldProps {
3
+ value?: number | "";
4
+ defaultValue?: number;
5
+ placeholder?: string;
6
+ onChange?: (value: number | undefined) => void;
7
+ onBlur?: React.FocusEventHandler<HTMLInputElement>;
8
+ min?: number;
9
+ max?: number;
10
+ step?: number;
11
+ showStepper?: boolean;
12
+ }
13
+ declare function NumberInput({ label, error, helperText, required, disabled, id, className, value, defaultValue, placeholder, onChange, onBlur, min, max, step, showStepper, }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
14
+ export { NumberInput };
15
+ export type { NumberInputProps };
@@ -0,0 +1,7 @@
1
+ import { BaseFieldProps } from './types';
2
+ interface PasswordInputProps extends BaseFieldProps, Omit<React.ComponentProps<"input">, "id" | "type"> {
3
+ showToggle?: boolean;
4
+ }
5
+ declare function PasswordInput({ label, error, helperText, required, disabled, id, className, showToggle, ...inputProps }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
6
+ export { PasswordInput };
7
+ export type { PasswordInputProps };
@@ -0,0 +1,13 @@
1
+ import { BaseFieldProps, SelectOption } from './types';
2
+ interface QuerySelectProps extends BaseFieldProps {
3
+ value?: string | string[];
4
+ onChange?: (value: string | string[]) => void;
5
+ onSearch: (query: string) => Promise<SelectOption[]>;
6
+ multiple?: boolean;
7
+ debounceMs?: number;
8
+ minQueryLength?: number;
9
+ placeholder?: string;
10
+ }
11
+ declare function QuerySelect({ label, error, helperText, required, disabled, id: externalId, className, value, onChange, onSearch, multiple, debounceMs, minQueryLength, placeholder, }: QuerySelectProps): import("react/jsx-runtime").JSX.Element;
12
+ export { QuerySelect };
13
+ export type { QuerySelectProps };
@@ -0,0 +1,10 @@
1
+ import { BaseFieldProps, SelectOption } from './types';
2
+ interface RadioInputProps extends BaseFieldProps {
3
+ options: SelectOption[];
4
+ value?: string;
5
+ onChange?: (value: string) => void;
6
+ orientation?: "horizontal" | "vertical";
7
+ }
8
+ declare function RadioInput({ label, error, helperText, required, disabled, id, className, options, value, onChange, orientation, }: RadioInputProps): import("react/jsx-runtime").JSX.Element;
9
+ export { RadioInput };
10
+ export type { RadioInputProps };
@@ -0,0 +1,9 @@
1
+ import { BaseFieldProps } from './types';
2
+ interface RatingProps extends BaseFieldProps {
3
+ value?: number;
4
+ onChange?: (value: number) => void;
5
+ maxStars?: number;
6
+ }
7
+ declare function Rating({ label, error, helperText, required, disabled, id, className, value, onChange, maxStars, }: RatingProps): import("react/jsx-runtime").JSX.Element;
8
+ export { Rating };
9
+ export type { RatingProps };
@@ -0,0 +1,13 @@
1
+ import { BaseFieldProps } from './types';
2
+ interface RichTextInputProps extends BaseFieldProps {
3
+ value?: string;
4
+ onChange?: (html: string) => void;
5
+ placeholder?: string;
6
+ minHeight?: string;
7
+ maxCharacters?: number;
8
+ showWordCount?: boolean;
9
+ showCharacterCount?: boolean;
10
+ }
11
+ declare function RichTextInput({ label, error, helperText, required, disabled, id, className, value, onChange, placeholder, minHeight, maxCharacters, showWordCount, showCharacterCount, }: RichTextInputProps): import("react/jsx-runtime").JSX.Element;
12
+ export { RichTextInput };
13
+ export type { RichTextInputProps };
@@ -0,0 +1,11 @@
1
+ import { BaseFieldProps, SelectOption } from './types';
2
+ interface SelectInputProps extends BaseFieldProps {
3
+ options: SelectOption[];
4
+ value?: string | string[];
5
+ onChange?: (value: string | string[]) => void;
6
+ placeholder?: string;
7
+ multiple?: boolean;
8
+ }
9
+ declare function SelectInput({ label, error, helperText, required, disabled, id: externalId, className, options, value, onChange, placeholder, multiple, }: SelectInputProps): import("react/jsx-runtime").JSX.Element;
10
+ export { SelectInput };
11
+ export type { SelectInputProps };
@@ -0,0 +1,6 @@
1
+ export interface StaticImageProps {
2
+ imageUrl: string;
3
+ imageAlt?: string;
4
+ className?: string;
5
+ }
6
+ export declare function StaticImage({ imageUrl, imageAlt, className, }: StaticImageProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ export interface StaticTextProps {
2
+ content: string;
3
+ className?: string;
4
+ }
5
+ export declare function StaticText({ content, className }: StaticTextProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { BaseFieldProps } from './types';
2
+ interface SwitchInputProps extends Omit<BaseFieldProps, "placeholder"> {
3
+ checked?: boolean;
4
+ defaultChecked?: boolean;
5
+ onCheckedChange?: (checked: boolean) => void;
6
+ }
7
+ declare function SwitchInput({ label, error, helperText, required, disabled, id: externalId, className, checked, defaultChecked, onCheckedChange, }: SwitchInputProps): import("react/jsx-runtime").JSX.Element;
8
+ export { SwitchInput };
9
+ export type { SwitchInputProps };
@@ -0,0 +1,12 @@
1
+ import { BaseFieldProps, CountryData } from './types';
2
+ declare const DEFAULT_COUNTRIES: CountryData[];
3
+ interface TelephoneInputProps extends BaseFieldProps {
4
+ value?: string;
5
+ onChange?: (value: string, country: CountryData) => void;
6
+ defaultCountry?: string;
7
+ countries?: CountryData[];
8
+ placeholder?: string;
9
+ }
10
+ declare function TelephoneInput({ label, error, helperText, required, disabled, id: externalId, className, value, onChange, defaultCountry, countries, placeholder, }: TelephoneInputProps): import("react/jsx-runtime").JSX.Element;
11
+ export { TelephoneInput, DEFAULT_COUNTRIES };
12
+ export type { TelephoneInputProps };
@@ -0,0 +1,7 @@
1
+ import { BaseFieldProps } from './types';
2
+ interface TextInputProps extends BaseFieldProps, Omit<React.ComponentProps<"input">, "id" | "type"> {
3
+ type?: "text" | "search";
4
+ }
5
+ declare function TextInput({ label, error, helperText, required, disabled, id, className, ...inputProps }: TextInputProps): import("react/jsx-runtime").JSX.Element;
6
+ export { TextInput };
7
+ export type { TextInputProps };
@@ -0,0 +1,7 @@
1
+ import { BaseFieldProps } from './types';
2
+ interface TextareaInputProps extends BaseFieldProps, Omit<React.ComponentProps<"textarea">, "id"> {
3
+ resize?: "none" | "vertical" | "horizontal" | "both";
4
+ }
5
+ declare function TextareaInput({ label, error, helperText, required, disabled, id, className, resize, ...textareaProps }: TextareaInputProps): import("react/jsx-runtime").JSX.Element;
6
+ export { TextareaInput };
7
+ export type { TextareaInputProps };
@@ -0,0 +1,11 @@
1
+ import { BaseFieldProps } from './types';
2
+ interface TimePickerProps extends BaseFieldProps {
3
+ value?: string;
4
+ onChange?: (value: string) => void;
5
+ format?: "12h" | "24h";
6
+ minuteStep?: number;
7
+ placeholder?: string;
8
+ }
9
+ declare function TimePicker({ label, error, helperText, required, disabled, id, className, value, onChange, format, minuteStep, placeholder, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
10
+ export { TimePicker };
11
+ export type { TimePickerProps };
@@ -0,0 +1,7 @@
1
+ import { BaseFieldProps } from './types';
2
+ interface URLInputProps extends BaseFieldProps, Omit<React.ComponentProps<"input">, "id" | "type"> {
3
+ validateOnBlur?: boolean;
4
+ }
5
+ declare function URLInput({ label, error: externalError, helperText, required, disabled, id, className, validateOnBlur, onBlur, ...inputProps }: URLInputProps): import("react/jsx-runtime").JSX.Element;
6
+ export { URLInput };
7
+ export type { URLInputProps };
@@ -0,0 +1,51 @@
1
+ export { FieldWrapper } from './FieldWrapper';
2
+ export type { FieldWrapperProps } from './FieldWrapper';
3
+ export { TextInput } from './TextInput';
4
+ export type { TextInputProps } from './TextInput';
5
+ export { TextareaInput } from './TextareaInput';
6
+ export type { TextareaInputProps } from './TextareaInput';
7
+ export { PasswordInput } from './PasswordInput';
8
+ export type { PasswordInputProps } from './PasswordInput';
9
+ export { NumberInput } from './NumberInput';
10
+ export type { NumberInputProps } from './NumberInput';
11
+ export { Checkbox } from './Checkbox';
12
+ export type { CheckboxProps } from './Checkbox';
13
+ export { SwitchInput } from './SwitchInput';
14
+ export type { SwitchInputProps } from './SwitchInput';
15
+ export { ColorInput } from './ColorInput';
16
+ export type { ColorInputProps } from './ColorInput';
17
+ export { SelectInput } from './SelectInput';
18
+ export type { SelectInputProps } from './SelectInput';
19
+ export { EmailInput } from './EmailInput';
20
+ export type { EmailInputProps } from './EmailInput';
21
+ export { URLInput } from './URLInput';
22
+ export type { URLInputProps } from './URLInput';
23
+ export { TelephoneInput, DEFAULT_COUNTRIES } from './TelephoneInput';
24
+ export type { TelephoneInputProps } from './TelephoneInput';
25
+ export { DatePicker } from './DatePicker';
26
+ export type { DatePickerProps } from './DatePicker';
27
+ export { TimePicker } from './TimePicker';
28
+ export type { TimePickerProps } from './TimePicker';
29
+ export { FileInput } from './FileInput';
30
+ export type { FileInputProps } from './FileInput';
31
+ export { QuerySelect } from './QuerySelect';
32
+ export type { QuerySelectProps } from './QuerySelect';
33
+ export { RichTextInput } from './RichTextInput';
34
+ export type { RichTextInputProps } from './RichTextInput';
35
+ export { RadioInput } from './RadioInput';
36
+ export type { RadioInputProps } from './RadioInput';
37
+ export { Rating } from './Rating';
38
+ export type { RatingProps } from './Rating';
39
+ export { Likert } from './Likert';
40
+ export type { LikertProps } from './Likert';
41
+ export { DateTimePicker } from './DateTimePicker';
42
+ export type { DateTimePickerProps } from './DateTimePicker';
43
+ export { LocationInput } from './LocationInput';
44
+ export type { LocationInputProps } from './LocationInput';
45
+ export { Divider } from './Divider';
46
+ export type { DividerProps } from './Divider';
47
+ export { StaticText } from './StaticText';
48
+ export type { StaticTextProps } from './StaticText';
49
+ export { StaticImage } from './StaticImage';
50
+ export type { StaticImageProps } from './StaticImage';
51
+ export type { BaseFieldProps, SelectOption, CountryData, DatePickerMode, } from './types';
@@ -0,0 +1,21 @@
1
+ export interface BaseFieldProps {
2
+ label?: string;
3
+ error?: string;
4
+ helperText?: string;
5
+ required?: boolean;
6
+ disabled?: boolean;
7
+ id?: string;
8
+ className?: string;
9
+ }
10
+ export interface SelectOption {
11
+ label: string;
12
+ value: string;
13
+ disabled?: boolean;
14
+ }
15
+ export interface CountryData {
16
+ code: string;
17
+ dialCode: string;
18
+ name: string;
19
+ flag: string;
20
+ }
21
+ export type DatePickerMode = "single" | "multiple" | "range";
@@ -0,0 +1,4 @@
1
+ import { Label as LabelPrimitive } from 'radix-ui';
2
+ import * as React from "react";
3
+ declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
+ export { Label };
@@ -0,0 +1,10 @@
1
+ import { Popover as PopoverPrimitive } from 'radix-ui';
2
+ import * as React from "react";
3
+ declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
+ declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
5
+ declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
6
+ declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
7
+ declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
8
+ declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">): import("react/jsx-runtime").JSX.Element;
9
+ declare function PopoverDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
10
+ export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverDescription, };
@@ -0,0 +1,5 @@
1
+ import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';
2
+ import * as React from "react";
3
+ declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
+ declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
5
+ export { RadioGroup, RadioGroupItem };
@@ -0,0 +1,15 @@
1
+ import { Select as SelectPrimitive } from 'radix-ui';
2
+ import * as React from "react";
3
+ declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
+ declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
5
+ declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
6
+ declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
7
+ size?: "sm" | "default";
8
+ }): import("react/jsx-runtime").JSX.Element;
9
+ declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
10
+ declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
11
+ declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
12
+ declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
13
+ declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
14
+ declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
15
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
@@ -0,0 +1,4 @@
1
+ import { Separator as SeparatorPrimitive } from 'radix-ui';
2
+ import * as React from "react";
3
+ declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
+ export { Separator };
@@ -0,0 +1,6 @@
1
+ import { Switch as SwitchPrimitive } from 'radix-ui';
2
+ import * as React from "react";
3
+ declare function Switch({ className, size, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root> & {
4
+ size?: "sm" | "default";
5
+ }): import("react/jsx-runtime").JSX.Element;
6
+ export { Switch };
@@ -0,0 +1,3 @@
1
+ import * as React from "react";
2
+ declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
3
+ export { Textarea };
@@ -0,0 +1,6 @@
1
+ export { Button, buttonVariants } from './Button';
2
+ export { Badge, badgeVariants } from './Badge';
3
+ export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } from './Card';
4
+ export { Input } from './Input';
5
+ export { FieldWrapper, TextInput, TextareaInput, PasswordInput, NumberInput, Checkbox, SwitchInput, ColorInput, SelectInput, EmailInput, URLInput, TelephoneInput, DEFAULT_COUNTRIES, DatePicker, TimePicker, FileInput, QuerySelect, RichTextInput, } from './InputFields';
6
+ export type { BaseFieldProps, SelectOption, CountryData, DatePickerMode, FieldWrapperProps, TextInputProps, TextareaInputProps, PasswordInputProps, NumberInputProps, CheckboxProps, SwitchInputProps, ColorInputProps, SelectInputProps, EmailInputProps, URLInputProps, TelephoneInputProps, DatePickerProps, TimePickerProps, FileInputProps, QuerySelectProps, RichTextInputProps, } from './InputFields';
package/dist/vite.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFBD4F"></stop><stop offset="100%" stop-color="#FF9640"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
package/package.json ADDED
@@ -0,0 +1,107 @@
1
+ {
2
+ "name": "@eventideorg/design-system",
3
+ "version": "0.1.0",
4
+ "type": "module",
5
+ "main": "./dist/index.js",
6
+ "module": "./dist/index.js",
7
+ "types": "./dist/index.d.ts",
8
+ "exports": {
9
+ ".": {
10
+ "import": {
11
+ "types": "./dist/index.d.ts",
12
+ "default": "./dist/index.js"
13
+ }
14
+ },
15
+ "./styles.css": "./dist/index.css"
16
+ },
17
+ "files": [
18
+ "dist"
19
+ ],
20
+ "sideEffects": [
21
+ "*.css"
22
+ ],
23
+ "publishConfig": {
24
+ "access": "public"
25
+ },
26
+ "scripts": {
27
+ "dev": "vite",
28
+ "build": "vite build",
29
+ "preview": "vite preview",
30
+ "lint": "eslint .",
31
+ "lint:fix": "eslint . --fix",
32
+ "format": "prettier --write .",
33
+ "format:check": "prettier --check .",
34
+ "test": "vitest run",
35
+ "test:watch": "vitest",
36
+ "test:coverage": "vitest run --coverage",
37
+ "test:eslint": "eslint .",
38
+ "fix:eslint": "eslint . --fix",
39
+ "typecheck": "tsc --noEmit",
40
+ "storybook": "storybook dev -p 6006",
41
+ "build-storybook": "storybook build",
42
+ "prepublishOnly": "npm run typecheck && npm run lint && npm run test && npm run build"
43
+ },
44
+ "peerDependencies": {
45
+ "react": "^19.0.0",
46
+ "react-dom": "^19.0.0"
47
+ },
48
+ "dependencies": {
49
+ "@dnd-kit/core": "^6.3.1",
50
+ "@dnd-kit/sortable": "^10.0.0",
51
+ "@dnd-kit/utilities": "^3.2.2",
52
+ "@tailwindcss/typography": "^0.5.19",
53
+ "@tailwindcss/vite": "^4.1.18",
54
+ "@tiptap/extension-character-count": "^3.19.0",
55
+ "@tiptap/extension-placeholder": "^3.19.0",
56
+ "@tiptap/extension-text-align": "^3.19.0",
57
+ "@tiptap/pm": "^3.19.0",
58
+ "@tiptap/react": "^3.19.0",
59
+ "@tiptap/starter-kit": "^3.19.0",
60
+ "class-variance-authority": "^0.7.1",
61
+ "clsx": "^2.1.1",
62
+ "cmdk": "^1.1.1",
63
+ "date-fns": "^4.1.0",
64
+ "lucide-react": "^0.563.0",
65
+ "radix-ui": "^1.4.3",
66
+ "react": "^19.2.0",
67
+ "react-day-picker": "^9.13.0",
68
+ "react-dom": "^19.2.0",
69
+ "react-hook-form": "^7.71.1",
70
+ "tailwind-merge": "^3.4.0",
71
+ "tailwindcss": "^4.1.18"
72
+ },
73
+ "devDependencies": {
74
+ "@chromatic-com/storybook": "^5.0.0",
75
+ "@eslint/js": "^9.39.1",
76
+ "@storybook/addon-a11y": "^10.2.7",
77
+ "@storybook/addon-docs": "^10.2.7",
78
+ "@storybook/addon-onboarding": "^10.2.7",
79
+ "@storybook/addon-vitest": "^10.2.7",
80
+ "@storybook/react-vite": "^10.2.7",
81
+ "@testing-library/jest-dom": "^6.9.1",
82
+ "@testing-library/react": "^16.3.2",
83
+ "@testing-library/user-event": "^14.6.1",
84
+ "@types/node": "^24.10.1",
85
+ "@types/react": "^19.2.5",
86
+ "@types/react-dom": "^19.2.3",
87
+ "@vitejs/plugin-react": "^5.1.1",
88
+ "@vitest/browser-playwright": "^4.0.18",
89
+ "@vitest/coverage-v8": "^4.0.18",
90
+ "eslint": "^9.39.1",
91
+ "eslint-config-prettier": "^10.1.8",
92
+ "eslint-plugin-prettier": "^5.5.5",
93
+ "eslint-plugin-react-hooks": "^7.0.1",
94
+ "eslint-plugin-react-refresh": "^0.4.24",
95
+ "eslint-plugin-storybook": "^10.2.7",
96
+ "globals": "^16.5.0",
97
+ "jsdom": "^28.0.0",
98
+ "playwright": "^1.58.1",
99
+ "prettier": "^3.8.1",
100
+ "storybook": "^10.2.7",
101
+ "typescript": "~5.9.3",
102
+ "typescript-eslint": "^8.46.4",
103
+ "vite": "^7.2.4",
104
+ "vite-plugin-dts": "^4.5.4",
105
+ "vitest": "^4.0.18"
106
+ }
107
+ }