npm - @nurix/ui-component-library - Versions diffs - 1.1.7-stage.135 → 1.1.7-stage.136 - Mend

@nurix/ui-component-library 1.1.7-stage.135 → 1.1.7-stage.136

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 (6) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -1,4 +1,5 @@
 import * as React$1 from 'react';
+import { ReactNode, CSSProperties } from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -623,6 +624,7 @@ interface AccordionProps<TType extends AccordionType = "single"> extends Omit<Re
     onValueChange?: AccordionOnValueChange<TType>;
     disabled?: boolean;
 }
+type AccordionItemVariant = "default" | "card" | "surface";
 interface AccordionItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
     value: string;
     disabled?: boolean;
@@ -633,9 +635,15 @@ interface AccordionItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
      * - `"card"` — bordered, rounded, drop-shadowed pill that reads as its own
      *   surface (Figma 707:17455 / 6441:22282). Use when each item is a
      *   self-contained section, e.g. a Speech Settings card.
+     * - `"surface"` — grey-wrapped item (rounded-2xl, p-1) hosting a separate
+     *   white trigger card and white content card with a 4px gap between
+     *   them (Figma 154:7577 — Weekly Scheduler Card). Same nesting pattern
+     *   as `RuleBuilder`. Pass `variant="surface"` to the matching
+     *   `AccordionTrigger` and `AccordionContent` so the inner surfaces
+     *   render with their white backgrounds.
      * @default "default"
      */
-    variant?: "default" | "card";
+    variant?: AccordionItemVariant;
 }
 type AccordionTriggerSize = "default" | "sm";
 interface AccordionTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -664,12 +672,28 @@ interface AccordionTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonE
      * @default "default"
      */
     size?: AccordionTriggerSize;
+    /**
+     * Visual variant of the parent `AccordionItem`. Pass `"surface"` when the
+     * item itself uses `variant="surface"` so the trigger renders as a white
+     * rounded card inside the grey wrapper. Children + action are wrapped
+     * with `stopPropagation` handlers so interactive controls (e.g. a Select
+     * in the trigger) do not also toggle the accordion.
+     * @default "default"
+     */
+    variant?: AccordionItemVariant;
     /**
      * Optional `data-testid` for Playwright. Defaults to `"accordion"` if omitted.
      */
     "data-testid"?: string;
 }
 interface AccordionContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Visual variant of the parent `AccordionItem`. Pass `"surface"` when the
+     * item uses `variant="surface"` so the content renders as its own white
+     * rounded card inside the grey wrapper.
+     * @default "default"
+     */
+    variant?: AccordionItemVariant;
 }
 interface AccordionSectionTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
@@ -2783,7 +2807,7 @@ interface FilterSelectProps<T = string> extends Omit<React$1.HTMLAttributes<HTML
         end?: Date;
     }) => void;
     /** Date presets to show (default: true) */
-    datePresets?: boolean | DatePreset[];
+    datePresets?: boolean | DatePreset$1[];
     /** Show time picker in date filter (default: true) */
     showTime?: boolean;
     /**
@@ -2816,7 +2840,7 @@ interface FilterSelectProps<T = string> extends Omit<React$1.HTMLAttributes<HTML
     "data-testid"?: string;
 }
 /** Date preset: label and function to compute the range */
-interface DatePreset {
+interface DatePreset$1 {
     value: string;
     label: string;
     getRange: () => {
@@ -3663,6 +3687,238 @@ declare function createEmptyWeeklySchedule(): WeeklyScheduleValue;
  */
 declare const WeeklySchedule: React$1.ForwardRefExoticComponent<WeeklyScheduleProps & React$1.RefAttributes<HTMLDivElement>>;
+/** A single quick-pick range option. */
+interface DatePreset {
+    /** Stable id used for selection comparison. */
+    value: string;
+    /** User-visible label, e.g. "Last 7 Days". */
+    label: string;
+    /** Returns the absolute range when the preset is clicked. */
+    getRange: () => {
+        start: Date;
+        end: Date;
+    };
+}
+interface DateRange {
+    start?: Date;
+    end?: Date;
+}
+type DatePickerMode = "single" | "range";
+interface DatePickerCalendarPropsBase {
+    /** "single" picks one date; "range" picks a start/end. Default "single". */
+    mode?: DatePickerMode;
+    /** Show a time pill in the month caption(s). Works in both modes. */
+    showTime?: boolean;
+    /**
+     * Quick-pick presets for range mode (Today, Last 7 Days, etc).
+     *   - `true`  → use the built-in defaults
+     *   - `false` → hide the preset sidebar
+     *   - `DatePreset[]` → render a custom list
+     *
+     * Defaults: `true` in range mode, `false` in single mode.
+     */
+    presets?: boolean | DatePreset[];
+    /**
+     * If false, dates after today are disabled. Default `true` (you usually want
+     * future dates available for scheduling).
+     */
+    allowFutureDates?: boolean;
+    /**
+     * If true, dates before today are disabled. Default `false`.
+     */
+    disablePastDates?: boolean;
+    /** Inclusive lower bound. */
+    minDate?: Date;
+    /** Inclusive upper bound. */
+    maxDate?: Date;
+    /** Lowest year selectable from the year pill. Default 2020. */
+    minYear?: number;
+    /** Highest year selectable from the year pill. Default current year + 5. */
+    maxYear?: number;
+    /**
+     * Number of months rendered side-by-side. Defaults to 2 in range mode, 1
+     * in single mode.
+     */
+    numberOfMonths?: number;
+    /** Optional content rendered above the calendar (title, description, etc.). */
+    header?: ReactNode;
+    /** Show a "Today" jump button in the footer. */
+    showTodayBtn?: boolean;
+    /** Label for the Today button. Default "Today". */
+    todayLabel?: string;
+    /** Show a "Clear" button in the footer. Default `true`. */
+    showClearBtn?: boolean;
+    /** Label for the Clear button. Default "Clear". */
+    clearLabel?: string;
+    /**
+     * When true, the value is staged internally and only committed via the
+     * Confirm button. Useful inside a popover so the user can cancel changes.
+     */
+    showConfirmCancel?: boolean;
+    /**
+     * Show the Cancel button alongside Confirm. Defaults to `true`. Set to
+     * `false` for an Apply-only footer (matches the filter-select pattern of
+     * having only a Clear action + a single primary commit).
+     */
+    showCancelBtn?: boolean;
+    /** Label for the Confirm button. Default "Apply". */
+    confirmLabel?: string;
+    /** Label for the Cancel button. Default "Cancel". */
+    cancelLabel?: string;
+    /** Called when the user clicks Today. */
+    onTodayClick?: () => void;
+    /** Called when the user clicks Clear. */
+    onClear?: () => void;
+    /** Called when the user clicks Cancel (only with showConfirmCancel). */
+    onCancel?: () => void;
+    className?: string;
+    style?: CSSProperties;
+    "data-testid"?: string;
+}
+interface DatePickerCalendarSingleProps extends DatePickerCalendarPropsBase {
+    mode?: "single";
+    /** Selected date (controlled). */
+    value?: Date;
+    /** Called when the user picks a date. */
+    onChange?: (next: Date | undefined) => void;
+    /** Confirm handler (only with showConfirmCancel). */
+    onConfirm?: (next: Date | undefined) => void;
+    range?: never;
+    onRangeChange?: never;
+}
+interface DatePickerCalendarRangeProps extends DatePickerCalendarPropsBase {
+    mode: "range";
+    /** Selected range (controlled). */
+    range?: DateRange;
+    /** Called when the user picks a date in the range. */
+    onRangeChange?: (next: DateRange) => void;
+    /** Confirm handler (only with showConfirmCancel). */
+    onConfirm?: (next: DateRange) => void;
+    value?: never;
+    onChange?: never;
+}
+type DatePickerCalendarProps = DatePickerCalendarSingleProps | DatePickerCalendarRangeProps;
+type DatePickerSize = "sm" | "md" | "lg";
+interface DatePickerPropsCommon extends Omit<DatePickerCalendarPropsBase, "header"> {
+    /** Placeholder shown in the trigger when no value is selected. */
+    placeholder?: string;
+    /** Calendar icon to the right of the trigger text. Pass `false` to hide. */
+    triggerIcon?: ReactNode | false;
+    /** Trigger height. Default "md" (40px). */
+    size?: DatePickerSize;
+    /** Visually mark the trigger as disabled. */
+    disabled?: boolean;
+    /** Visually mark the trigger as invalid (red border). */
+    invalid?: boolean;
+    /** Custom class for the trigger button. */
+    triggerClassName?: string;
+    /** Custom class for the popover container. */
+    popoverClassName?: string;
+    /** Popover open state (controlled). */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Popover positioning, forwarded to <Popover />. */
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    /** Aria label for the trigger button. */
+    ariaLabel?: string;
+    /** Optional header rendered inside the popover above the calendar. */
+    header?: ReactNode;
+    /**
+     * Custom trigger render. Receives the formatted value + open state; bypasses
+     * the default input-style trigger entirely.
+     */
+    renderTrigger?: (state: {
+        formatted: string;
+        placeholder: string;
+        open: boolean;
+        disabled: boolean;
+        invalid: boolean;
+    }) => ReactNode;
+}
+interface DatePickerSingleProps extends DatePickerPropsCommon {
+    mode?: "single";
+    value?: Date;
+    onChange?: (next: Date | undefined) => void;
+    onConfirm?: (next: Date | undefined) => void;
+    /** Custom formatter for the trigger label (single mode). */
+    formatValue?: (value: Date | undefined) => string;
+    range?: never;
+    onRangeChange?: never;
+    formatRange?: never;
+}
+interface DatePickerRangeProps extends DatePickerPropsCommon {
+    mode: "range";
+    range?: DateRange;
+    onRangeChange?: (next: DateRange) => void;
+    onConfirm?: (next: DateRange) => void;
+    /** Custom formatter for the trigger label (range mode). */
+    formatRange?: (range: DateRange) => string;
+    value?: never;
+    onChange?: never;
+    formatValue?: never;
+}
+type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
+/**
+ * DatePicker — input-style trigger that opens a calendar in a popover.
+ *
+ * Drop-in replacement for `<input type="date">` with a richer experience:
+ *   - Single or range selection
+ *   - Optional time picker
+ *   - Optional preset sidebar (range mode)
+ *   - Confirm / Cancel buttons inside the popover
+ *
+ * Every behaviour is prop-controlled. Use `<DatePickerCalendar />` directly if
+ * you want to embed the panel without a trigger.
+ *
+ * @example single
+ *   const [start, setStart] = useState<Date | undefined>();
+ *   <DatePicker
+ *     value={start}
+ *     onChange={setStart}
+ *     placeholder="Start date"
+ *     showTodayBtn
+ *   />
+ *
+ * @example range with time + presets + confirm
+ *   const [range, setRange] = useState<DateRange>({});
+ *   <DatePicker
+ *     mode="range"
+ *     range={range}
+ *     onRangeChange={setRange}
+ *     showTime
+ *     showConfirmCancel
+ *   />
+ */
+declare const DatePicker: React$1.ForwardRefExoticComponent<DatePickerProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DEFAULT_DATE_PRESETS: DatePreset[];
+/**
+ * DatePickerCalendar — full calendar panel without a trigger.
+ *
+ * Use this when you have your own popover/dialog/sidebar wrapper. For the
+ * common "input field that opens a calendar" pattern, use `<DatePicker />`
+ * instead.
+ *
+ * @example single
+ *   const [value, setValue] = useState<Date | undefined>();
+ *   <DatePickerCalendar value={value} onChange={setValue} />
+ *
+ * @example range with presets
+ *   const [range, setRange] = useState<DateRange>({});
+ *   <DatePickerCalendar
+ *     mode="range"
+ *     range={range}
+ *     onRangeChange={setRange}
+ *     presets
+ *     showTime
+ *   />
+ */
+declare const DatePickerCalendar: React$1.ForwardRefExoticComponent<DatePickerCalendarProps & React$1.RefAttributes<HTMLDivElement>>;
 interface RuleBuilderProps {
     /**
      * Badge label shown in the header (e.g. "Rule 1").
@@ -3691,6 +3947,12 @@ interface RuleBuilderProps {
      * a `Workflow` glyph matching the Figma reference.
      */
     titleIcon?: React$1.ReactNode;
+    /**
+     * Optional node rendered in the header before the title badge — typically
+     * a drag-handle icon (e.g. `<GripVertical />`) when the rule cards are
+     * reorderable. Pointer events on this slot do not toggle the card.
+     */
+    headerLeading?: React$1.ReactNode;
     /**
      * Bottom strip rendered in the grey wrapper area below the white card.
      * Pass an `<Input />` (or similar) — the label, icon, and layout are
@@ -3808,4 +4070,4 @@ declare const RuleBuilderConnector: React$1.ForwardRefExoticComponent<RuleBuilde
  */
 declare const RuleBuilderAddCondition: React$1.ForwardRefExoticComponent<RuleBuilderAddConditionProps & React$1.RefAttributes<HTMLButtonElement>>;
-export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionSectionTrigger, type AccordionSectionTriggerProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, ButtonList, type ButtonListItem, type ButtonListProps, type ButtonProps, type ButtonSize, type ButtonVariant, type CellContent, type CellTextContent, ChatBubbleAgent, type ChatBubbleAgentProps, ChatBubbleUser, type ChatBubbleUserProps, Checkbox, type CheckboxProps, Chip, type ChipProps, type ColumnDef, ColumnWidth, CompoundFilterSelect, type CompoundFilterSelectProps, type CompoundFilterToggleOption, DEFAULT_THEME, DataTable, type DataTableProps, type DatePreset, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateIllustrationPosition, type EmptyStateIllustrationSize, type EmptyStateProps, FileInput, type FileInputProps, type FilterItem, type FilterItemWithSection, FilterListItem, type FilterListItemProps, FilterSelect, type FilterSelectProps, type IconColor, IconPicker, type IconPickerProps, type IconSize, IconWrapper, type IconWrapperProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, type InputVariant, JSON_EDITOR_LANGUAGE_OPTIONS, JsonEditor, type JsonEditorLanguage, type JsonEditorProps, KeyValueEditor, type KeyValueEditorProps, type KeyValuePair, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListNavItemProps, ListNavigation, type ListNavigationProps, type ListProps, type ListType, type ListVariant, MONACO_OPTIONS, MONACO_OPTIONS_DIALOG, MultiSelect, type MultiSelectItem, type MultiSelectProps, NestedButtonGroup, type NestedButtonGroupProps, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, Pagination, type PaginationProps, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, Popover, type PopoverAlign, type PopoverProps, type PopoverShadow, type PopoverSide, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RuleBuilder, RuleBuilderAddCondition, type RuleBuilderAddConditionProps, RuleBuilderClause, type RuleBuilderClauseProps, RuleBuilderCondition, type RuleBuilderConditionProps, RuleBuilderConnector, type RuleBuilderConnectorProps, type RuleBuilderProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, SidePanel, type SidePanelProps, type SidePanelSize, Slider, type SliderProps, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Surface, type SurfaceBackground, SurfaceBody, type SurfaceBodyProps, SurfaceFooter, type SurfaceFooterProps, type SurfaceGradient, type SurfaceGradientPosition, SurfaceHeader, type SurfaceHeaderProps, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, type TabVariant, type TableAction, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagBadge, type TagBadgeProps, type TagOption, Textarea, type TextareaBorderRadius, type TextareaForceState, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Toggle, ToggleItem, type ToggleItemProps, type ToggleProps, type ToggleType, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographySize, type TypographyTone, type TypographyVariant, type TypographyWeight, type UsePlaySelectProps, type UseSelectProps, WEEKLY_SCHEDULE_DAYS, WeeklySchedule, type WeeklyScheduleDay, type WeeklyScheduleDayKey, type WeeklyScheduleProps, type WeeklyScheduleValue, type WeeklyTimeSlot, createEmptyWeeklySchedule, enhanceJsonError, showToast, useJsonEditor, usePlaySelect, useSelect, useTheme };
+export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionSectionTrigger, type AccordionSectionTriggerProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, ButtonList, type ButtonListItem, type ButtonListProps, type ButtonProps, type ButtonSize, type ButtonVariant, type CellContent, type CellTextContent, ChatBubbleAgent, type ChatBubbleAgentProps, ChatBubbleUser, type ChatBubbleUserProps, Checkbox, type CheckboxProps, Chip, type ChipProps, type ColumnDef, ColumnWidth, CompoundFilterSelect, type CompoundFilterSelectProps, type CompoundFilterToggleOption, DEFAULT_DATE_PRESETS, DEFAULT_THEME, DataTable, type DataTableProps, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, type DatePickerMode, type DatePreset as DatePickerPreset, type DatePickerProps, type DatePickerSize, type DatePreset$1 as DatePreset, type DateRange, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateIllustrationPosition, type EmptyStateIllustrationSize, type EmptyStateProps, FileInput, type FileInputProps, type FilterItem, type FilterItemWithSection, FilterListItem, type FilterListItemProps, FilterSelect, type FilterSelectProps, type IconColor, IconPicker, type IconPickerProps, type IconSize, IconWrapper, type IconWrapperProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, type InputVariant, JSON_EDITOR_LANGUAGE_OPTIONS, JsonEditor, type JsonEditorLanguage, type JsonEditorProps, KeyValueEditor, type KeyValueEditorProps, type KeyValuePair, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListNavItemProps, ListNavigation, type ListNavigationProps, type ListProps, type ListType, type ListVariant, MONACO_OPTIONS, MONACO_OPTIONS_DIALOG, MultiSelect, type MultiSelectItem, type MultiSelectProps, NestedButtonGroup, type NestedButtonGroupProps, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, Pagination, type PaginationProps, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, Popover, type PopoverAlign, type PopoverProps, type PopoverShadow, type PopoverSide, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RuleBuilder, RuleBuilderAddCondition, type RuleBuilderAddConditionProps, RuleBuilderClause, type RuleBuilderClauseProps, RuleBuilderCondition, type RuleBuilderConditionProps, RuleBuilderConnector, type RuleBuilderConnectorProps, type RuleBuilderProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, SidePanel, type SidePanelProps, type SidePanelSize, Slider, type SliderProps, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Surface, type SurfaceBackground, SurfaceBody, type SurfaceBodyProps, SurfaceFooter, type SurfaceFooterProps, type SurfaceGradient, type SurfaceGradientPosition, SurfaceHeader, type SurfaceHeaderProps, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, type TabVariant, type TableAction, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagBadge, type TagBadgeProps, type TagOption, Textarea, type TextareaBorderRadius, type TextareaForceState, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Toggle, ToggleItem, type ToggleItemProps, type ToggleProps, type ToggleType, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographySize, type TypographyTone, type TypographyVariant, type TypographyWeight, type UsePlaySelectProps, type UseSelectProps, WEEKLY_SCHEDULE_DAYS, WeeklySchedule, type WeeklyScheduleDay, type WeeklyScheduleDayKey, type WeeklyScheduleProps, type WeeklyScheduleValue, type WeeklyTimeSlot, createEmptyWeeklySchedule, enhanceJsonError, showToast, useJsonEditor, usePlaySelect, useSelect, useTheme };