{"version":3,"sources":["../src/index.ts","../src/accordion/Accordion.tsx","../src/lib/cn.ts","../src/alert/Alert.tsx","../src/alert/constants.ts","../src/alert-box/AlertBox.tsx","../src/audio-player/AudioPlayer.tsx","../src/avatar/Avatar.tsx","../src/badge/Badge.tsx","../src/beta-badge/BetaBadge.tsx","../src/bookmark-tabs/BookmarkTabs.tsx","../src/box-option-selector/BoxOptionSelector.tsx","../src/switch/Switch.tsx","../src/label/Label.tsx","../src/error-message/ErrorMessage.tsx","../src/breadcrumbs/Breadcrumb.tsx","../src/breadcrumbs/Breadcrumbs.tsx","../src/button/Button.tsx","../src/button/buttonVariants.ts","../src/button-group/ButtonGroup.tsx","../src/button-group/buttonGroupVariants.ts","../src/buttons-group-label/ButtonsGroupLabel.tsx","../src/calendar/Calendar.tsx","../src/icon-button/iconButtonVariants.ts","../src/calendar/calendarStyles.ts","../src/card/Card.tsx","../src/check-list/CheckList.tsx","../src/check-list/listVariants.ts","../src/checkbox/BaseCheckbox.tsx","../src/checkbox/Checkbox.tsx","../src/field-error-message/FieldErrorMessage.tsx","../src/checkbox/CheckboxGroup.tsx","../src/scroll-area/ScrollArea.tsx","../src/comming-soon-badge/CommingSoonBadge.tsx","../src/tooltip/Tooltip.tsx","../src/lib/utils.ts","../src/tooltip/useTooltipTouch.ts","../src/status-badge/StatusBadge.tsx","../src/copy-icon/CopyIcon.tsx","../src/icon-button/IconButton.tsx","../src/copy-link-button/CopyLinkButton.tsx","../src/hooks/use-copy-to-clipboard.ts","../src/lib/copy-to-clipboard.ts","../src/copy-string/CopyString.tsx","../src/counter/Counter.tsx","../src/data-table/DataTable.tsx","../src/table/Table.tsx","../src/loading-bar/LoadingBar.tsx","../src/dialog/Dialog.tsx","../src/hooks/use-scroll-to-top.ts","../src/hooks/use-abort-controller.ts","../src/hooks/use-accordion-state.ts","../src/hooks/use-click-escape.ts","../src/hooks/use-event.ts","../src/hooks/use-combined-ref.ts","../src/hooks/use-is-mobile.ts","../src/hooks/use-is-mounted.ts","../src/hooks/use-load-more.ts","../src/hooks/use-modal-controls.ts","../src/hooks/use-modal-with-history-controls.ts","../src/hooks/use-timeout-ref.ts","../src/hooks/use-outside-click.ts","../src/hooks/use-screen-resize.ts","../src/hooks/use-lock-body-scroll.ts","../src/hooks/use-scroll-frame-into-view.ts","../src/lib/runtimeSettings.ts","../src/hooks/use-scrollable-area.ts","../src/hooks/use-debounce.ts","../src/hooks/use-debounced-function.ts","../src/hooks/use-previous.ts","../src/hooks/use-pagination.ts","../src/storage/AbstractStorage.ts","../src/storage/safeStorage.ts","../src/storage/utils.ts","../src/storage/SessionStorage.ts","../src/hooks/use-search-input.ts","../src/hooks/use-sticky-stuck.ts","../src/hooks/use-switch-section-active.ts","../src/hooks/use-countdown.ts","../src/hooks/use-timeout.ts","../src/hooks/use-hover.ts","../src/hooks/use-key-down.ts","../src/hooks/use-iframe-focus-trap-fallback.ts","../src/hooks/use-reset-after-request-status.ts","../src/hooks/use-promised-modal-controls.ts","../src/hooks/use-is-form-touched.ts","../src/dialog/ConfirmationDialog.tsx","../src/default-select-trigger/DefaultSelectTrigger.tsx","../src/dropdown-button/DropdownButton.tsx","../src/dropdown-menu/DropdownMenu.tsx","../src/dropdown-menu/DropdownMenuItemContent.tsx","../src/dropdown-menu/CheckboxDropdownGroup.tsx","../src/dropdown-menu/CheckboxDropdownMultiGroup.tsx","../src/dropdown-menu/CustomCheckboxDropdownGroup.tsx","../src/empty/Empty.tsx","../src/empty/EmptyHeader.tsx","../src/empty/EmptyTitle.tsx","../src/empty/EmptyDescription.tsx","../src/empty/EmptyContent.tsx","../src/empty/EmptyMedia.tsx","../src/empty-section-placeholder/EmptySectionPlaceholder.tsx","../src/halo-icon/HaloIcon.tsx","../src/halo-icon/constants.ts","../src/external-link/ExternalLink.tsx","../src/expandable-content/ExpandableContent.tsx","../src/collapsible/Collapsible.tsx","../src/file-input-button/FileInputButton.tsx","../src/form-box/Content.tsx","../src/form-box/Header.tsx","../src/form-box/Root.tsx","../src/form-box/SubHeader.tsx","../src/form-box/index.ts","../src/framed-icon/FramedIcon.tsx","../src/help-tooltip/HelpTooltip.tsx","../src/svg-icon/SvgIcon.tsx","../src/info-box/InfoBox.tsx","../src/image/Image.tsx","../src/input-otp/InputOTP.tsx","../src/input-otp/InputOTPContext.ts","../src/input-otp/useInputOTP.ts","../src/input-otp/useInputOTPSlot.ts","../src/icons-dropdown/IconsDropdown.tsx","../src/locales/bg/translation.json","../src/locales/ca/translation.json","../src/locales/cs/translation.json","../src/locales/de/translation.json","../src/locales/el/translation.json","../src/locales/en/translation.json","../src/locales/es/translation.json","../src/locales/et/translation.json","../src/locales/fr/translation.json","../src/locales/hu/translation.json","../src/locales/it/translation.json","../src/locales/ko/translation.json","../src/locales/nl/translation.json","../src/locales/pl/translation.json","../src/locales/pt/translation.json","../src/locales/ro/translation.json","../src/locales/ru/translation.json","../src/locales/uk/translation.json","../src/i18n/resources.ts","../src/large-modal/LargeModal.tsx","../src/drawer/Drawer.tsx","../src/lib/device.ts","../src/learn-more-button/LearnMoreButton.tsx","../src/link/Link.tsx","../src/image-full-screen-view/ImageFullScreenView.tsx","../src/modal/Modal.tsx","../src/modal-loader/ModalLoader.tsx","../src/circular-loader/CircularLoader.tsx","../src/numbered-list/NumberedList.tsx","../src/overlay-loader/OverlayLoader.tsx","../src/pagination/Pagination.tsx","../src/legacy-fields/select/Select.tsx","../src/legacy-fields/select/components.tsx","../src/legacy-fields/select/MultiSelect.tsx","../src/legacy-fields/select/InfinitySelect.tsx","../src/popover/Popover.tsx","../src/popover/PopoverWithTooltip.tsx","../src/radio/Radio.tsx","../src/radio-group/RadioGroup.tsx","../src/radio/useRadioOptions.ts","../src/radio/RadioWithBorder.tsx","../src/radio-cards-group/RadioCardsGroup.tsx","../src/rating-progress/RatingProgress.tsx","../src/rating-radio-group/RatingRadioGroupContext.tsx","../src/rating-radio-group/RatingRadioGroupItem.tsx","../src/rating-radio-group/RatingRadioGroupLegend.tsx","../src/rating-radio-group/RatingRadioGroupList.tsx","../src/rating-radio-group/useRatingPreview.ts","../src/rating-radio-group/RatingRadioGroup.tsx","../src/rating-stars/RatingStars.tsx","../src/rotate-arrow/RotateArrow.tsx","../src/search-button/SearchButton.tsx","../src/search-input/SearchInput.tsx","../src/legacy-fields/input/Input.tsx","../src/search-input/DebouncedSearchInput.tsx","../src/section-tag/sectionTagVariants.ts","../src/section-tag/SectionTag.tsx","../src/section-tag/constants.ts","../src/section/Section.tsx","../src/section/constants.ts","../src/separator/Separator.tsx","../src/section-group/SectionGroup.tsx","../src/sheet/Sheet.tsx","../src/sidebar/Sidebar.tsx","../src/skeleton/Skeleton.tsx","../src/sidebar/SidebarContext.ts","../src/sidebar/useSidebarMenuButton.ts","../src/sidebar/SidebarMenuButtonContext.ts","../src/sidebar/SidebarIcon.tsx","../src/sidebar/useSidebar.ts","../src/sidebar/getSidebarState.ts","../src/signature-canvas/SignatureCanvas.tsx","../src/carousel/Carousel.tsx","../src/carousel/CarouselControls.tsx","../src/carousel/CarouselContext.tsx","../src/carousel/CarouselRoot.tsx","../src/carousel/CarouselSlide.tsx","../src/carousel/CarouselTrack.tsx","../src/carousel/CarouselViewport.tsx","../src/slider/Slider.tsx","../src/small-grid-single-item/SmallGridSingleItem.tsx","../src/sorting-action/SortingAction.tsx","../src/status-button/StatusButton.tsx","../src/status-box/StatusBox.tsx","../src/stepper/Stepper.tsx","../src/switch-blocks/SwitchBlocks.tsx","../src/switch-group/SwitchGroup.tsx","../src/tabs/Tabs.tsx","../src/tabbed-section/TabbedSection.tsx","../src/table-filter/TableFilter.tsx","../src/table-filter/DateTableFilter.tsx","../src/table-loader/TableLoader.tsx","../src/table-placeholder/TablePlaceholder.tsx","../src/timeline/Timeline.tsx","../src/timeline/TimelineContext.ts","../src/toaster/index.ts","../src/toaster/useUpdateToast.ts","../src/toggle-group/ToggleGroup.tsx","../src/toggle-group/style.ts","../src/toggle-group/Toggles.tsx","../src/three-dots-loader/ThreeDotsLoader.tsx","../src/uploaded-files-list/UploadedFilesList.tsx","../src/vertical-tabs/VerticalTabs.tsx","../src/video-modal/VideoModal.tsx","../src/video-player/VideoPlayer.tsx","../src/webcam/Webcam.tsx","../src/lib/compression.ts","../src/webcam/useErrorHandler.ts","../src/webcam/utils.ts","../src/mobile-webcam/MobileWebcam.tsx","../src/mobile-webcam/DeviceCamera/DeviceCamera.tsx","../src/wide-button/WideButton.tsx","../src/responsive-sheet/ResponsiveSheet.tsx","../src/responsive-dropdown/ResponsiveDropdown.tsx","../src/fields/input/Input.tsx","../src/fields/input/useInputValueState.ts","../src/fields/_fieldset/Fieldset.tsx","../src/fields/copy-input/CopyInput.tsx","../src/fields/phone-input/PhoneInput.tsx","../src/fields/_select-internals/SelectFieldShell.tsx","../src/fields/_select-internals/SelectMenu.tsx","../src/fields/_select-internals/utils.ts","../src/fields/_select-internals/slots/DefaultOption.tsx","../src/fields/_select-internals/SelectMenuPanel.tsx","../src/fields/_select-internals/SelectSearchInput.tsx","../src/fields/_select-internals/SelectTrigger.tsx","../src/fields/_select-internals/ComboboxTrigger.tsx","../src/fields/_select-internals/useSelectIds.ts","../src/fields/_select-internals/useSelectMenuState.ts","../src/fields/_select-internals/useSelectState.ts","../src/fields/_select-internals/slots/DefaultMultiValueChip.tsx","../src/fields/_select-internals/slots/DefaultControl.tsx","../src/fields/_select-internals/slots/StaticControl.tsx","../src/fields/_select-internals/slots/DefaultMenuList.tsx","../src/fields/_select-internals/slots/DefaultCreateOption.tsx","../src/fields/_select-internals/slots/mergeComponents.ts","../src/fields/select/Select.tsx","../src/fields/select/useSetCorrectOptionIfThereIsOnlyValue.ts","../src/fields/phone-input/utils.ts","../src/fields/creatable-select/CreatableSelect.tsx","../src/fields/multi-select/MultiSelect.tsx","../src/fields/creatable-multi-select/CreatableMultiSelect.tsx","../src/fields/infinite-scroll-select/InfiniteScrollSelect.tsx","../src/fields/infinite-scroll-select/VirtualMenuList.tsx","../src/fields/infinite-scroll-select/InfiniteScrollContext.tsx","../src/fields/infinite-scroll-multi-select/InfiniteScrollMultiSelect.tsx","../src/fields/select-checkboxes/SelectCheckboxes.tsx","../src/fields/select-checkboxes/VisualCheckbox.tsx","../src/fields/select-checkboxes/SelectCheckboxOption.tsx","../src/fields/select-checkboxes/CountTrigger.tsx","../src/fields/select-checkboxes/SelectAllRow.tsx","../src/fields/textarea/Textarea.tsx","../src/fields/textarea/useTextareaValueState.ts","../src/fields/datepicker/Datepicker.tsx","../src/airbnb-fields/datepicker/useDatePickerWheel.ts","../src/airbnb-fields/datepicker/datePicker.utils.ts","../src/airbnb-fields/datepicker/DatePickerWheelColumn.tsx","../src/airbnb-fields/datepicker/DatePickerContent.tsx","../src/fields/datepicker/useMonthCombobox.ts","../src/fields/date-range-picker/DateRangePicker.tsx","../src/fields/date-range-picker/isDayBlocked.ts","../src/fields/date-range-picker/dateUtils.ts","../src/fields/date-range-picker/createDisabledMatchers.ts","../src/fields/date-range-picker/hooks/useRangeValue.ts","../src/fields/date-range-picker/hooks/useRangeTextInputs.ts","../src/fields/date-range-picker/utils/inputFormat.ts","../src/fields/date-range-picker/hooks/useRangeMonthSync.ts","../src/fields/date-range-picker/utils/rangeSelection.ts","../src/fields/date-range-picker/components/DateRangeInputs.tsx","../src/fields/date-range-picker/components/DateRangeCalendar.tsx","../src/fields/date-range-picker/components/DateRangePopover.tsx","../src/fields/date-range-picker/useValidateDates.ts","../src/fields/single-date-picker/SingleDatePicker.tsx","../src/fields/single-date-picker/hooks/useSingleDateValue.ts","../src/fields/single-date-picker/hooks/useSingleDateText.ts","../src/fields/single-date-picker/components/SingleDateInput.tsx","../src/fields/single-date-picker/components/SingleDateCalendar.tsx","../src/fields/time-picker/TimePicker.tsx","../src/fields/file-input/FileInput.tsx","../src/fields/select-icons-box/SelectIconsBox.tsx","../src/lib/breakpoints.ts","../src/lib/toastResponseError.tsx","../src/lib/getErrorMessage.ts","../src/legacy-fields/textarea/Textarea.tsx","../src/airbnb-fields/datepicker/DatePicker.tsx","../src/airbnb-fields/field-trigger/FieldTrigger.tsx","../src/airbnb-fields/field-helper-text/FieldHelperText.tsx","../src/airbnb-fields/date-range-picker/DateRangePicker.tsx","../src/airbnb-fields/date-range-picker/DateRangePopover.tsx","../src/airbnb-fields/input/Input.tsx","../src/airbnb-fields/phone-field/PhoneField.tsx","../src/airbnb-fields/select/Select.tsx","../src/airbnb-fields/select/SelectDesktopMenu.tsx","../src/airbnb-fields/select/SelectDesktopContent.tsx","../src/airbnb-fields/select/constants.ts","../src/airbnb-fields/select/select.utils.ts","../src/airbnb-fields/select/SelectMobileWheel.tsx","../src/airbnb-fields/select/SelectMobileContent.tsx","../src/airbnb-fields/select/SelectTrigger.tsx","../src/airbnb-fields/select/useDesktopSelect.ts","../src/airbnb-fields/select/useMobileSelectWheel.ts","../src/airbnb-fields/select/useSelectIds.ts","../src/airbnb-fields/searchable-select/SearchableSelect.tsx","../src/airbnb-fields/search-input/SearchInput.tsx","../src/airbnb-fields/switch/Switch.tsx","../src/airbnb-fields/time-picker/TimePicker.tsx"],"sourcesContent":["export * from './accordion';\nexport * from './alert';\nexport * from './alert-box';\nexport * from './audio-player';\nexport * from './avatar';\nexport * from './badge';\nexport * from './beta-badge';\nexport * from './bookmark-tabs';\nexport * from './box-option-selector';\nexport * from './breadcrumbs';\nexport * from './button';\nexport * from './button-group';\nexport * from './buttons-group-label';\nexport * from './calendar';\nexport * from './card';\nexport * from './check-list';\nexport * from './checkbox';\nexport * from './comming-soon-badge';\nexport * from './copy-icon';\nexport * from './copy-link-button';\nexport * from './copy-string';\nexport * from './counter';\nexport * from './data-table';\nexport * from './dialog';\nexport * from './default-select-trigger';\nexport * from './dropdown-button';\nexport * from './dropdown-menu';\nexport * from './empty';\nexport * from './empty-section-placeholder';\nexport * from './external-link';\nexport * from './expandable-content';\nexport * from './file-input-button';\nexport * from './form-box';\nexport * from './framed-icon';\nexport * from './halo-icon';\nexport * from './tooltip';\nexport * from './help-tooltip';\nexport * from './svg-icon';\nexport * from './icon-button';\nexport * from './info-box';\nexport * from './image';\nexport * from './input-otp';\nexport * from './icons-dropdown';\nexport * from './i18n';\nexport * from './label';\nexport * from './large-modal';\nexport * from './learn-more-button';\nexport * from './link';\nexport * from './image-full-screen-view';\nexport * from './loading-bar';\nexport * from './modal';\nexport * from './modal-loader';\nexport * from './numbered-list';\nexport * from './overlay-loader';\nexport * from './pagination';\nexport * from './popover';\nexport * from './radio';\nexport * from './radio-cards-group';\nexport * from './radio-group';\nexport * from './rating-progress';\nexport * from './rating-radio-group';\nexport * from './rating-stars';\nexport * from './rotate-arrow';\nexport * from './scroll-area';\nexport * from './search-button';\nexport * from './search-input';\nexport * from './section-tag';\nexport * from './section';\nexport * from './separator';\nexport * from './section-group';\nexport * from './sheet';\nexport * from './sidebar';\nexport * from './signature-canvas';\nexport * from './skeleton';\nexport * from './circular-loader';\nexport * from './collapsible';\nexport * from './carousel';\nexport * from './slider';\nexport * from './small-grid-single-item';\nexport * from './sorting-action';\nexport * from './status-badge';\nexport * from './status-button';\nexport * from './status-box';\nexport * from './stepper';\nexport * from './switch';\nexport * from './switch-blocks';\nexport * from './switch-group';\nexport * from './tabbed-section';\nexport * from './table';\nexport * from './table-filter';\nexport * from './table-loader';\nexport * from './table-placeholder';\nexport * from './tabs';\nexport * from './timeline';\nexport * from './toaster';\nexport * from './toggle-group';\nexport * from './error-message';\nexport * from './three-dots-loader';\nexport * from './uploaded-files-list';\nexport * from './vertical-tabs';\nexport * from './video-modal';\nexport * from './video-player';\nexport * from './webcam';\nexport * from './mobile-webcam';\nexport * from './wide-button';\nexport * from './drawer';\nexport * from './button';\nexport * from './field-error-message';\nexport * from './responsive-sheet';\nexport * from './responsive-dropdown';\nexport * from './fields';\nexport * from './circular-loader';\nexport * from './lib/selector-option';\nexport * from './lib/copy-to-clipboard';\nexport * from './lib/compression';\nexport {toCssSize, isNumeric, scrollToTop, getFileSizeMB} from './lib/utils';\nexport * from './hooks';\nexport {cn} from './lib/cn';\nexport {DEVICE_BREAKPOINTS} from './lib/breakpoints';\nexport {toastResponseError, addSupportEmailToMessage} from './lib/toastResponseError';\nexport {getErrorMessage} from './lib/getErrorMessage';\nimport './i18n';\n\nexport * from './legacy-fields/textarea';\nexport * from './legacy-fields/input';\nexport * from './legacy-fields/select';\nexport * from './airbnb-fields/datepicker';\nexport * from './airbnb-fields/date-range-picker';\nexport * from './airbnb-fields/field-helper-text';\nexport * from './airbnb-fields/field-trigger';\nexport * from './airbnb-fields/input';\nexport * from './airbnb-fields/phone-field';\nexport * from './airbnb-fields/select';\nexport * from './airbnb-fields/searchable-select';\nexport * from './airbnb-fields/search-input';\nexport * from './airbnb-fields/switch';\nexport * from './airbnb-fields/time-picker';\n","import * as React from 'react';\nimport {Minus, Plus} from 'lucide-react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport {cn} from '../lib/cn';\n\nconst Accordion = AccordionPrimitive.Root;\n\nconst AccordionItem = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({className, ...props}, ref) => (\n \n));\nAccordionItem.displayName = 'AccordionItem';\n\nexport type AccordionTriggerProps = React.ComponentPropsWithoutRef<\n typeof AccordionPrimitive.Trigger\n> & {\n openIcon?: React.ReactNode;\n closedIcon?: React.ReactNode;\n};\n\nconst AccordionTrigger = React.forwardRef<\n React.ElementRef,\n AccordionTriggerProps\n>(({className, children, openIcon, closedIcon, ...props}, ref) => {\n const resolvedClosedIcon = closedIcon ?? (\n \n );\n const resolvedOpenIcon = openIcon ?? ;\n\n return (\n \n \n {children}\n \n \n {resolvedClosedIcon}\n \n \n {resolvedOpenIcon}\n \n \n \n \n );\n});\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\n\nexport interface AccordionContentProps extends React.ComponentPropsWithoutRef<\n typeof AccordionPrimitive.Content\n> {\n contentClassName?: string;\n}\n\nconst AccordionContent = React.forwardRef<\n React.ElementRef,\n AccordionContentProps\n>(({className, contentClassName, children, ...props}, ref) => (\n \n
\n {children}\n
\n \n));\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\n\nexport {Accordion, AccordionContent, AccordionItem, AccordionTrigger};\n","import {clsx, type ClassValue} from 'clsx';\nimport {twMerge} from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n return twMerge(clsx(inputs));\n}\n","import * as React from 'react';\nimport {cva, type VariantProps} from 'class-variance-authority';\nimport {cn} from '../lib/cn';\n\nconst alertVariants = cva(\n [\n 'relative w-full rounded-[var(--alert-radius)] py-2 pl-2 pr-4 text-sm',\n '[&>svg+div]:translate-y-[-2px]',\n '[&>svg]:absolute [&>svg]:left-2 [&>svg]:text-[currentColor]',\n '[&>svg~*]:pl-6',\n ],\n {\n variants: {\n variant: {\n default:\n 'bg-[color-mix(in_hsl,var(--alert-default-text)_10%,transparent)] text-[var(--alert-default-text)]',\n destructive:\n 'text-[var(--alert-destructive-text)] [&>svg]:text-[var(--alert-destructive-text)]',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nexport const Alert = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes & VariantProps\n>(({className, variant, ...props}, ref) => (\n \n));\nAlert.displayName = 'Alert';\n\nexport const AlertTitle = React.forwardRef<\n React.ElementRef<'h5'>,\n React.ComponentPropsWithoutRef<'h5'>\n>(({className, ...props}, ref) => (\n \n));\nAlertTitle.displayName = 'AlertTitle';\n\nexport const AlertDescription = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes\n>(({className, ...props}, ref) => (\n \n));\nAlertDescription.displayName = 'AlertDescription';\n","const ALERT_BOX_VARIANTS = {\n primary: 'primary',\n secondary: 'secondary',\n} as const;\n\ntype AlertBoxVariant = (typeof ALERT_BOX_VARIANTS)[keyof typeof ALERT_BOX_VARIANTS];\n\nexport {ALERT_BOX_VARIANTS};\nexport type {AlertBoxVariant};\n","import * as React from 'react';\nimport {AlertCircle, Check, TriangleAlert, XCircle} from 'lucide-react';\nimport {cn} from '../lib/cn';\n\nexport enum AlertType {\n INFO = 'INFO',\n WARNING = 'WARNING',\n SUCCESS = 'SUCCESS',\n ERROR = 'ERROR',\n LIGHT = 'LIGHT',\n}\n\nexport enum AlertSize {\n S = 'S',\n M = 'M',\n L = 'L',\n}\n\nconst getIcon = (type: AlertType) => {\n const key = type.toLowerCase();\n const iconProps = {\n className: 'relative',\n stroke: `var(--alert-box-${key}-icon)`,\n };\n return {\n [AlertType.INFO]: ,\n [AlertType.WARNING]: ,\n [AlertType.ERROR]: ,\n [AlertType.LIGHT]: null,\n [AlertType.SUCCESS]: ,\n }[type];\n};\n\nconst sizeClasses: Record = {\n [AlertSize.S]: 'px-3 py-3 text-sm font-medium items-start',\n [AlertSize.M]: 'p-4 text-base font-medium items-start',\n [AlertSize.L]: 'px-6 py-5 items-start',\n};\n\nconst typeStyles: Record = {\n [AlertType.INFO]:\n 'border-[color:var(--alert-box-info-border)] bg-[var(--alert-box-info-bg)] text-[color:var(--alert-box-info-text)]',\n [AlertType.WARNING]:\n 'border-[color:var(--alert-box-warning-border)] bg-[var(--alert-box-warning-bg)] text-[color:var(--alert-box-warning-text)]',\n [AlertType.ERROR]:\n 'border-[color:var(--alert-box-error-border)] bg-[var(--alert-box-error-bg)] text-[color:var(--alert-box-error-text)]',\n [AlertType.SUCCESS]:\n 'border-[color:var(--alert-box-success-border)] bg-[var(--alert-box-success-bg)] text-[color:var(--alert-box-success-text)]',\n [AlertType.LIGHT]:\n 'border-[color:var(--alert-box-light-border)] bg-[var(--alert-box-light-bg)] text-[color:var(--alert-box-light-text)]',\n};\n\nexport interface AlertBoxProps {\n children: React.ReactNode;\n type?: AlertType;\n size?: AlertSize;\n withIcon?: boolean;\n className?: string;\n}\n\nexport function AlertBox({\n children,\n className = '',\n withIcon = true,\n size = AlertSize.L,\n type = AlertType.INFO,\n}: AlertBoxProps) {\n return (\n \n {withIcon && getIcon(type)}\n
{children}
\n \n );\n}\n\nAlertBox.displayName = 'AlertBox';\n\nexport const AlertTypes = AlertType;\nexport const AlertSizes = AlertSize;\n","import * as React from 'react';\nimport {useCallback, useEffect, useRef, useState} from 'react';\nimport {Pause, Play} from 'lucide-react';\nimport {cn} from '../lib/cn';\n\nfunction formatTime(seconds: number): string {\n const mins = Math.floor(seconds / 60);\n const secs = Math.floor(seconds % 60);\n return `${String(mins).padStart(2, '0')}:${String(secs).padStart(2, '0')}`;\n}\n\nexport interface AudioPlayerProps {\n src: string;\n compact?: boolean;\n className?: string;\n}\n\nexport function AudioPlayer({src, compact, className}: AudioPlayerProps) {\n const audioRef = useRef(null);\n const progressRef = useRef(null);\n const [isPlaying, setIsPlaying] = useState(false);\n const [progress, setProgress] = useState(0);\n const [duration, setDuration] = useState(0);\n const [currentTime, setCurrentTime] = useState(0);\n\n useEffect(() => {\n const audio = audioRef.current;\n if (!audio) return;\n\n const onLoadedMetadata = () => setDuration(audio.duration);\n\n const onTimeUpdate = () => {\n setCurrentTime(audio.currentTime);\n setProgress(audio.duration ? (audio.currentTime / audio.duration) * 100 : 0);\n };\n\n const onEnded = () => {\n setIsPlaying(false);\n setProgress(0);\n setCurrentTime(0);\n };\n\n audio.addEventListener('loadedmetadata', onLoadedMetadata);\n audio.addEventListener('timeupdate', onTimeUpdate);\n audio.addEventListener('ended', onEnded);\n\n return () => {\n audio.removeEventListener('loadedmetadata', onLoadedMetadata);\n audio.removeEventListener('timeupdate', onTimeUpdate);\n audio.removeEventListener('ended', onEnded);\n };\n }, [src]);\n\n const togglePlayPause = useCallback(() => {\n const audio = audioRef.current;\n if (!audio) return;\n\n if (isPlaying) {\n audio.pause();\n } else {\n void audio.play();\n }\n\n setIsPlaying(!isPlaying);\n }, [isPlaying]);\n\n const handleSeek = useCallback(\n (event: React.MouseEvent) => {\n const audio = audioRef.current;\n const bar = progressRef.current;\n if (!audio || !bar || !duration) return;\n\n const rect = bar.getBoundingClientRect();\n const ratio = Math.max(0, Math.min(1, (event.clientX - rect.left) / rect.width));\n audio.currentTime = ratio * duration;\n },\n [duration],\n );\n\n return (\n
\n
\n \n {isPlaying || currentTime > 0\n ? formatTime(currentTime)\n : formatTime(duration)}\n \n \n )}\n \n );\n}\n\nAudioPlayer.displayName = 'AudioPlayer';\n","import * as React from 'react';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport {cn} from '../lib/cn';\n\nexport interface AvatarProps extends React.ComponentPropsWithoutRef<\n typeof AvatarPrimitive.Root\n> {\n src?: string;\n alt?: string;\n fallback?: string;\n size?: 'sm' | 'md' | 'lg';\n fallbackClassName?: string;\n}\n\nconst sizeClasses = {\n sm: 'h-8 w-8',\n md: 'h-10 w-10',\n lg: 'h-12 w-12',\n};\n\nexport const Avatar = React.forwardRef<\n React.ElementRef,\n AvatarProps\n>(({className, src, alt, fallback, size = 'md', fallbackClassName, ...props}, ref) => (\n \n \n \n {fallback}\n \n \n));\n\nAvatar.displayName = 'Avatar';\n","import * as React from 'react';\nimport {Slot} from '@radix-ui/react-slot';\nimport {cva, type VariantProps} from 'class-variance-authority';\nimport {cn} from '../lib/cn';\n\nexport const badgeVariants = cva(\n [\n 'inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap',\n 'rounded-md border px-2.5 py-0.5 text-xs font-semibold',\n '[&>svg]:pointer-events-none [&>svg]:size-3',\n 'transition-[color,box-shadow]',\n 'focus-visible:border-[var(--chekin-color-brand-blue)] focus-visible:ring-[3px] focus-visible:ring-[rgba(56,91,248,0.2)]',\n 'aria-invalid:border-[var(--chekin-color-brand-red)] aria-invalid:ring-[rgba(255,36,103,0.2)]',\n ],\n {\n variants: {\n variant: {\n default:\n 'border-transparent bg-[var(--chekin-color-brand-blue)] text-[var(--chekin-color-white)] [a&]:hover:bg-[var(--chekin-color-brand-blue-hover)]',\n secondary:\n 'border-transparent bg-[var(--chekin-color-surface-input-empty)] text-[var(--chekin-color-brand-navy)] [a&]:hover:bg-[color-mix(in_srgb,var(--chekin-color-surface-input-empty)_90%,transparent)]',\n destructive:\n 'border-transparent bg-[var(--chekin-color-brand-red)] text-[var(--chekin-color-white)] [a&]:hover:bg-[color-mix(in_srgb,var(--chekin-color-brand-red)_90%,transparent)]',\n outline:\n 'border-[var(--chekin-color-gray-3)] text-[var(--chekin-color-brand-navy)] [a&]:hover:bg-[var(--chekin-color-surface-input-empty)]',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nexport interface BadgeProps\n extends React.ComponentProps<'span'>, VariantProps {\n asChild?: boolean;\n}\n\nexport function Badge({className, variant, asChild = false, ...props}: BadgeProps) {\n const Comp = asChild ? Slot : 'span';\n\n return (\n \n );\n}\n\nBadge.displayName = 'Badge';\n","import * as React from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {cn} from '../lib/cn';\n\nexport interface BetaBadgeProps extends React.ComponentProps<'div'> {\n text?: string;\n readOnly?: boolean;\n}\n\nexport function BetaBadge({\n className,\n children,\n text,\n readOnly = false,\n ...props\n}: BetaBadgeProps) {\n const {t} = useTranslation();\n\n return (\n \n {text || t('beta')}\n {children}\n \n );\n}\n\nBetaBadge.displayName = 'BetaBadge';\n","import * as React from 'react';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport {cva, type VariantProps} from 'class-variance-authority';\nimport {cn} from '../lib/cn';\n\nexport const bookmarkTabsListVariants = cva(\n 'inline-flex items-center justify-center rounded-md p-1 text-[var(--chekin-color-gray-1)]',\n {\n variants: {\n variant: {\n default: [\n 'relative h-auto w-full gap-1 bg-transparent p-0',\n 'before:absolute before:inset-x-0 before:bottom-0 before:h-px before:bg-[var(--chekin-border-default)]',\n ],\n material: [\n 'relative h-auto w-full gap-1 bg-transparent p-0',\n 'before:absolute before:inset-x-0 before:bottom-0 before:h-px before:bg-[var(--chekin-border-default)]',\n ],\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nexport const bookmarkTabsTriggerVariants = cva(\n [\n 'inline-flex items-center justify-center whitespace-nowrap transition-all',\n 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--chekin-color-brand-blue)] focus-visible:ring-offset-2',\n 'disabled:pointer-events-none disabled:opacity-50',\n ],\n {\n variants: {\n variant: {\n default: [\n 'overflow-hidden rounded-lg rounded-b-none border-x border-t border-[var(--chekin-border-default)]',\n 'bg-[var(--chekin-color-surface-input-empty)] px-4 py-2 text-base font-semibold text-[var(--chekin-color-gray-1)]',\n 'data-[state=active]:z-10 data-[state=active]:cursor-default data-[state=active]:bg-[var(--chekin-color-white)]',\n 'data-[state=active]:text-[var(--chekin-color-brand-navy)] data-[state=active]:shadow-none',\n 'hover:text-[var(--chekin-color-brand-navy)]',\n ],\n material: [\n 'rounded-none border-0 bg-transparent px-4 py-2 text-base font-medium text-[var(--chekin-color-gray-1)]',\n 'hover:text-[var(--chekin-color-brand-blue)]',\n 'data-[state=active]:border-b-[3px] data-[state=active]:border-[var(--chekin-color-brand-blue)]',\n 'data-[state=active]:bg-transparent data-[state=active]:font-semibold data-[state=active]:text-[var(--chekin-color-brand-blue)]',\n ],\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nexport interface BookmarkTabsListProps\n extends\n React.ComponentPropsWithoutRef,\n VariantProps {}\n\nexport const BookmarkTabsList = React.forwardRef<\n React.ElementRef,\n BookmarkTabsListProps\n>(({className, variant, ...props}, ref) => (\n \n));\nBookmarkTabsList.displayName = 'BookmarkTabsList';\n\nexport interface BookmarkTabsTriggerProps\n extends\n React.ComponentPropsWithoutRef,\n VariantProps {}\n\nexport const BookmarkTabsTrigger = React.forwardRef<\n React.ElementRef,\n BookmarkTabsTriggerProps\n>(({className, variant, ...props}, ref) => (\n \n));\nBookmarkTabsTrigger.displayName = 'BookmarkTabsTrigger';\n","import {forwardRef, useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {cn} from '../lib/cn';\nimport {Switch} from '../switch';\n\nexport interface BoxOptionSelectorSwitchProps {\n value: string;\n}\n\nexport interface BoxOptionSelectorProps {\n id: string;\n title: string;\n description: string;\n value: string;\n switch?: BoxOptionSelectorSwitchProps;\n onChange: (value: string) => void;\n disabled?: boolean;\n selectedValue: string;\n optionalLabel?: string;\n}\n\nexport const BoxOptionSelector = forwardRef(\n (\n {\n id,\n title,\n description,\n value,\n switch: switchProps,\n onChange,\n disabled = false,\n selectedValue,\n optionalLabel,\n },\n ref,\n ) => {\n const {t} = useTranslation();\n const [isSwitchActive, setIsSwitchActive] = useState(false);\n\n const isSelected = switchProps?.value === selectedValue || value === selectedValue;\n\n const handleClick = () => {\n if (disabled) return;\n onChange(isSwitchActive ? (switchProps?.value ?? value) : value);\n };\n\n const handleSwitchChange = (checked: boolean) => {\n if (disabled) return;\n setIsSwitchActive(checked);\n onChange(checked ? (switchProps?.value ?? value) : value);\n };\n\n useEffect(() => {\n setIsSwitchActive(selectedValue === switchProps?.value);\n }, [selectedValue, switchProps?.value]);\n\n return (\n \n
\n

{title}

\n {switchProps && isSelected && (\n event.stopPropagation()}\n className=\"flex items-center gap-2\"\n >\n \n \n {optionalLabel || t('optional')}\n \n
\n )}\n \n

\n {description}\n

\n \n );\n },\n);\n\nBoxOptionSelector.displayName = 'BoxOptionSelector';\n","import * as React from 'react';\nimport * as SwitchPrimitives from '@radix-ui/react-switch';\nimport {cva, type VariantProps} from 'class-variance-authority';\nimport {cn} from '../lib/cn';\nimport {Label} from '../label';\nimport {ErrorMessage} from '../error-message';\n\nexport const switchVariants = cva(\n [\n 'peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors',\n 'focus-visible:outline-none focus-visible:shadow-[var(--chekin-shadow-focus)]',\n 'disabled:cursor-not-allowed disabled:opacity-50 aria-busy:cursor-wait aria-busy:opacity-50',\n 'data-[state=checked]:bg-[var(--switch-checked-bg)] data-[state=unchecked]:bg-[var(--switch-unchecked-bg)]',\n ],\n {\n variants: {\n size: {\n default: 'h-5 w-10',\n lg: 'h-5 w-10',\n sm: 'h-4 w-8',\n },\n readOnly: {\n true: 'cursor-default opacity-100',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n },\n);\n\nexport const switchThumbVariants = cva(\n 'pointer-events-none block rounded-full bg-[var(--switch-thumb-bg)] shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0',\n {\n variants: {\n size: {\n default: 'h-4 w-4 data-[state=checked]:translate-x-5',\n lg: 'h-4 w-4 data-[state=checked]:translate-x-5',\n sm: 'h-3 w-3 data-[state=checked]:translate-x-4',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n },\n);\n\nexport interface SwitchProps\n extends\n Omit<\n React.ComponentPropsWithoutRef,\n 'onChange' | 'value'\n >,\n VariantProps {\n onChange?: React.ComponentPropsWithoutRef<\n typeof SwitchPrimitives.Root\n >['onCheckedChange'];\n value?: boolean;\n loading?: boolean;\n readOnly?: boolean;\n label?: React.ReactNode;\n error?: string;\n wrapperClassName?: string;\n}\n\nexport const Switch = React.forwardRef<\n React.ElementRef,\n SwitchProps\n>(\n (\n {\n className,\n size,\n readOnly,\n loading,\n onChange,\n value,\n id,\n label,\n error,\n wrapperClassName,\n ...props\n },\n ref,\n ) => {\n const generatedId = React.useId();\n const fieldId = id || generatedId;\n const switchElement = (\n \n \n \n );\n\n if (!label && !error) {\n return switchElement;\n }\n\n return (\n <>\n
\n {switchElement}\n {label && (\n \n )}\n
\n {error && {error}}\n \n );\n },\n);\n\nSwitch.displayName = SwitchPrimitives.Root.displayName;\n","import * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport {cva, type VariantProps} from 'class-variance-authority';\nimport {cn} from '../lib/cn';\n\nconst labelVariants = cva(\n 'text-sm font-medium leading-none text-[var(--chekin-color-brand-navy)] peer-disabled:cursor-not-allowed peer-disabled:opacity-70 peer-aria-busy:cursor-wait peer-aria-busy:opacity-70 peer-aria-readonly:cursor-default peer-aria-readonly:opacity-100',\n);\n\nexport type LabelProps = React.ComponentPropsWithoutRef &\n VariantProps;\n\nexport const Label = React.forwardRef<\n React.ElementRef,\n LabelProps\n>(({className, ...props}, ref) => (\n \n));\n\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport {labelVariants};\n","import type {ReactNode} from 'react';\nimport {cn} from '../lib/cn';\n\nexport type ErrorMessageProps = {\n children: ReactNode;\n className?: string;\n disabled?: boolean;\n};\n\nexport function ErrorMessage({className, children, disabled}: ErrorMessageProps) {\n return (\n \n {children}\n \n );\n}\n","import {type ElementType, type ReactNode} from 'react';\nimport {cn} from '../lib/cn';\n\nexport type BreadcrumbType = {\n to?: string;\n hidden?: boolean;\n current?: boolean;\n icon?: ReactNode;\n asLink?: ElementType;\n};\n\nexport type BreadcrumbProps = BreadcrumbType & {\n className?: string;\n children: ReactNode;\n};\n\nexport function Breadcrumb({\n hidden,\n to,\n current,\n icon,\n className,\n children,\n asLink: LinkComponent = 'a',\n}: BreadcrumbProps) {\n if (hidden) {\n return null;\n }\n\n const isLink = Boolean(to && !current);\n const contentClassName = cn(\n 'flex items-center gap-2.5 text-sm font-medium text-[var(--breadcrumbs-link-color)]',\n current && 'font-bold text-[var(--breadcrumbs-current-color)]',\n isLink && 'transition-opacity hover:opacity-80',\n className,\n );\n\n return (\n
  • \n {isLink ? (\n \n {icon ? {icon} : null}\n {children}\n \n ) : (\n
    \n {icon ? {icon} : null}\n {children}\n
    \n )}\n
    • \n );\n}\n","import {\n Children,\n Fragment,\n cloneElement,\n isValidElement,\n type ReactElement,\n type ReactNode,\n} from 'react';\nimport {ChevronRight} from 'lucide-react';\nimport {cn} from '../lib/cn';\nimport type {BreadcrumbType} from './Breadcrumb';\n\nexport type BreadcrumbsProps = {\n className?: string;\n children: ReactNode;\n};\n\nexport function Breadcrumbs({className, children}: BreadcrumbsProps) {\n const items = Children.toArray(children).filter(child => {\n if (!isValidElement(child)) {\n return true;\n }\n\n return !(child.props as BreadcrumbType).hidden;\n }) as ReactElement[];\n\n return (\n \n );\n}\n","import * as React from 'react';\nimport {Slot} from '@radix-ui/react-slot';\nimport {type VariantProps} from 'class-variance-authority';\nimport {useTranslation} from 'react-i18next';\nimport {cn} from '../lib/cn';\nimport {buttonVariants} from './buttonVariants';\n\nexport interface ButtonProps\n extends\n React.ButtonHTMLAttributes,\n VariantProps {\n asChild?: boolean;\n loading?: boolean;\n loadingText?: string;\n}\n\nexport const Button = React.forwardRef(\n (\n {\n className,\n variant,\n size,\n shape,\n asChild = false,\n readOnly = false,\n loading = false,\n loadingText,\n disabled,\n children,\n type,\n ...props\n },\n ref,\n ) => {\n const {t} = useTranslation();\n const showLoadingLabel = size !== 'icon';\n const isDisabled = readOnly || disabled || loading;\n const classNames = cn(buttonVariants({variant, size, shape, readOnly}), className);\n\n if (asChild) {\n return (\n \n {children}\n \n );\n }\n\n return (\n \n {loading ? (\n <>\n \n {showLoadingLabel ? {loadingText || t('please_wait')} : null}\n \n ) : (\n children\n )}\n \n );\n },\n);\n\nButton.displayName = 'Button';\n\nfunction Spinner() {\n return (\n \n \n \n \n );\n}\n","import {cva} from 'class-variance-authority';\n\nexport const buttonVariants = cva(\n [\n 'button relative inline-flex items-center justify-center gap-2 whitespace-nowrap',\n '[font-family:var(--button-font-family)] [font-weight:var(--button-font-weight)]',\n 'transition-all duration-150 ease-out outline-none',\n 'focus-visible:[box-shadow:var(--button-focus-shadow)]',\n 'disabled:pointer-events-none disabled:opacity-50',\n '[&_svg]:pointer-events-none [&_svg]:size-[var(--button-icon-size)] [&_svg]:shrink-0',\n 'before:absolute before:inset-0 before:rounded-[inherit] before:content-[\"\"]',\n 'before:bg-transparent before:transition-colors before:duration-150',\n '[&>*]:relative [&>*]:z-[1]',\n ],\n {\n variants: {\n variant: {\n default: [\n 'button_default',\n 'bg-[var(--button-primary-bg)] text-[color:var(--button-primary-text)]',\n 'hover:before:bg-[var(--button-primary-hover-overlay)] active:before:bg-[var(--button-primary-active-overlay)]',\n 'disabled:hover:before:bg-transparent',\n ],\n primary: [\n 'button_default',\n 'bg-[var(--button-primary-bg)] text-[color:var(--button-primary-text)]',\n 'hover:before:bg-[var(--button-primary-hover-overlay)] active:before:bg-[var(--button-primary-active-overlay)]',\n 'disabled:hover:before:bg-transparent',\n ],\n destructive: [\n 'button_destructive',\n 'border border-[var(--button-destructive-border)] bg-[var(--button-destructive-bg)] text-[color:var(--button-destructive-text)]',\n 'shadow-[var(--button-shadow)]',\n 'hover:bg-[var(--button-destructive-hover-bg)]',\n 'disabled:hover:bg-[var(--button-destructive-bg)]',\n ],\n secondary: [\n 'button_secondary',\n 'border border-[var(--button-secondary-border)] bg-[var(--button-secondary-bg)] text-[color:var(--button-secondary-text)]',\n 'shadow-[var(--button-shadow)]',\n 'hover:before:bg-[var(--button-secondary-hover-overlay)] active:before:bg-[var(--button-secondary-active-overlay)]',\n 'disabled:hover:before:bg-transparent',\n ],\n ghost: [\n 'button_ghost',\n 'bg-[var(--button-ghost-bg)] text-[color:var(--button-ghost-text)]',\n 'hover:bg-[var(--button-ghost-hover-bg)] active:bg-[var(--button-ghost-active-bg)]',\n 'disabled:hover:bg-[var(--button-ghost-bg)]',\n ],\n link: [\n 'button_link',\n 'h-auto [font-weight:var(--button-link-font-weight)] min-w-0 rounded-none bg-[var(--button-link-bg)] px-0 py-0 text-[color:var(--button-link-text)]',\n 'hover:opacity-80 active:opacity-80 before:hidden',\n 'disabled:hover:no-opacity-80',\n ],\n tertiary: [\n 'button_tertiary',\n 'border border-[var(--button-tertiary-border)] bg-[var(--button-tertiary-bg)] text-[color:var(--button-tertiary-text)]',\n 'shadow-[var(--button-shadow)]',\n 'hover:before:bg-[var(--button-tertiary-hover-overlay)] active:before:bg-[var(--button-tertiary-active-overlay)]',\n 'disabled:hover:before:bg-transparent',\n ],\n outline: [\n 'border border-[var(--button-outline-border)] bg-[var(--button-outline-bg)] text-[color:var(--button-outline-text)]',\n 'hover:bg-[var(--button-outline-hover-bg)]',\n 'disabled:hover:bg-[var(--button-outline-bg)]',\n ],\n },\n size: {\n default:\n 'button_size_default h-[var(--button-height-default)] min-w-[var(--button-min-width-default)] px-4 py-2 text-[length:var(--button-font-size)]',\n m: 'button_size_m h-[var(--button-height-m)] min-w-[var(--button-min-width-m)] px-4 text-[length:var(--button-font-size)]',\n md: 'button_size_m h-[var(--button-height-m)] min-w-[var(--button-min-width-m)] px-4 text-[length:var(--button-font-size)]',\n s: 'button_size_sm h-[var(--button-height-s)] px-[12px] text-[13px]',\n sm: 'button_size_sm h-[var(--button-height-sm)] px-3 text-[length:var(--button-font-size)]',\n lg: 'button_size_lg h-[var(--button-height-lg)] px-8 text-[15px]',\n xs: 'button_size_xs h-[var(--button-height-xs)] px-[10px] text-[12px]',\n icon: 'button_size_icon h-[var(--button-height-icon)] w-[var(--button-height-icon)] p-0',\n },\n shape: {\n rounded: 'rounded-[var(--button-radius)]',\n pill: 'rounded-full',\n },\n readOnly: {\n true: 'button_readonly pointer-events-none cursor-not-allowed !opacity-100',\n false: '',\n },\n },\n compoundVariants: [\n {\n variant: 'link',\n className: 'h-auto min-w-0 px-0 py-0 rounded-none',\n },\n {\n size: 'icon',\n shape: 'rounded',\n className: 'rounded-md',\n },\n {\n size: 'icon',\n shape: 'pill',\n className: 'rounded-full',\n },\n ],\n defaultVariants: {\n variant: 'default',\n size: 'default',\n shape: 'rounded',\n readOnly: false,\n },\n },\n);\n","import * as React from 'react';\nimport {Slot} from '@radix-ui/react-slot';\nimport {type VariantProps} from 'class-variance-authority';\nimport {cn} from '../lib/cn';\nimport {buttonGroupVariants} from './buttonGroupVariants';\n\nexport interface ButtonGroupProps\n extends React.ComponentProps<'div'>, VariantProps {}\n\nexport function ButtonGroup({\n className,\n orientation,\n seamless,\n ...props\n}: ButtonGroupProps) {\n return (\n \n );\n}\n\nButtonGroup.displayName = 'ButtonGroup';\n\nexport interface ButtonGroupTextProps extends React.ComponentProps<'div'> {\n asChild?: boolean;\n}\n\nexport function ButtonGroupText({\n className,\n asChild = false,\n ...props\n}: ButtonGroupTextProps) {\n const Comp = asChild ? Slot : 'div';\n\n return (\n \n );\n}\n\nButtonGroupText.displayName = 'ButtonGroupText';\n","import {cva} from 'class-variance-authority';\n\nexport const buttonGroupVariants = cva(\n [\n 'flex w-fit items-stretch',\n 'has-[>[data-slot=button-group]]:gap-2',\n 'has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg',\n '*:focus-visible:relative *:focus-visible:z-10',\n \"[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit\",\n '[&>input]:flex-1',\n ],\n {\n variants: {\n orientation: {\n horizontal: [\n '[&>*]:!shadow-none',\n '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg!',\n '[&>*:not(:first-child)]:rounded-l-none',\n '[&>*:not(:last-child)]:rounded-r-none',\n ],\n vertical: [\n '[&>*]:!shadow-none',\n '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg!',\n 'flex-col',\n '[&>*:not(:first-child)]:rounded-t-none',\n '[&>*:not(:last-child)]:rounded-b-none',\n ],\n },\n seamless: {\n true: '',\n false: '',\n },\n },\n compoundVariants: [\n {\n orientation: 'horizontal',\n seamless: true,\n class: '[&>*:not(:first-child)]:!border-l-0 [&>*:not(:last-child)]:!border-r-0',\n },\n {\n orientation: 'vertical',\n seamless: true,\n class: '[&>*:not(:first-child)]:!border-t-0 [&>*:not(:last-child)]:!border-b-0',\n },\n {\n orientation: 'horizontal',\n seamless: false,\n class: '[&>*:not(:first-child)]:border-l-0',\n },\n {\n orientation: 'vertical',\n seamless: false,\n class: '[&>*:not(:first-child)]:border-t-0',\n },\n ],\n defaultVariants: {\n orientation: 'horizontal',\n seamless: false,\n },\n },\n);\n","import * as React from 'react';\nimport {cn} from '../lib/cn';\n\nexport interface ButtonsGroupLabelProps extends React.PropsWithChildren {\n label: string;\n className?: string;\n}\n\nexport function ButtonsGroupLabel({children, label, className}: ButtonsGroupLabelProps) {\n return (\n
    \n
    \n {label}\n
    \n
    {children}
    \n
    \n );\n}\n\nButtonsGroupLabel.displayName = 'ButtonsGroupLabel';\n","import * as React from 'react';\nimport {DayPicker} from 'react-day-picker';\nimport {ChevronLeft, ChevronRight} from 'lucide-react';\nimport {cn} from '../lib/cn';\nimport {calendarClassNames} from './calendarStyles';\n\ntype CalendarClassNames = typeof calendarClassNames;\ntype CalendarClassNamesKeys = keyof CalendarClassNames;\n\nexport type CalendarProps = React.ComponentProps;\n\nfunction getMergedClassNames(\n defaultClassNames: CalendarClassNames,\n userClassNames?: Partial,\n): CalendarClassNames {\n return Object.keys(defaultClassNames).reduce(\n (acc, key) => ({\n ...acc,\n [key]: userClassNames?.[key as CalendarClassNamesKeys]\n ? cn(\n defaultClassNames[key as CalendarClassNamesKeys],\n userClassNames[key as CalendarClassNamesKeys],\n )\n : defaultClassNames[key as CalendarClassNamesKeys],\n }),\n {} as CalendarClassNames,\n );\n}\n\nexport function Calendar({\n className,\n classNames,\n showOutsideDays = true,\n components: userComponents,\n ...props\n}: CalendarProps) {\n const mergedClassNames = getMergedClassNames(calendarClassNames, classNames);\n\n const defaultComponents = {\n Chevron: (iconProps: {orientation?: string} & React.SVGProps) => {\n if (iconProps.orientation === 'left') {\n return (\n \n );\n }\n\n return ;\n },\n };\n\n return (\n \n );\n}\n\nCalendar.displayName = 'Calendar';\n","import {cva} from 'class-variance-authority';\n\nexport const iconButtonVariants = cva(\n [\n 'relative inline-flex items-center justify-center shrink-0',\n 'transition-colors duration-150 ease-out outline-none',\n 'disabled:opacity-30 disabled:pointer-events-none',\n 'focus-visible:shadow-[var(--chekin-shadow-focus)]',\n ],\n {\n variants: {\n size: {\n s: 'w-8 h-8',\n m: 'w-8 h-8',\n l: 'w-[43px] h-[43px]',\n default: 'w-8 h-8',\n },\n shape: {\n rounded: 'rounded-[var(--chekin-radius-input)]',\n circle: 'rounded-full',\n },\n variant: {\n primary:\n 'bg-[var(--chekin-color-brand-blue)] text-[var(--chekin-color-white)] hover:brightness-95',\n secondary:\n 'border border-[var(--chekin-color-gray-3)] bg-[var(--chekin-color-white)] text-[var(--chekin-color-brand-navy)] hover:bg-[var(--chekin-color-surface-input-empty)]',\n ghost:\n 'bg-transparent text-[var(--chekin-color-gray-1)] hover:bg-[var(--chekin-color-surface-input-empty)]',\n destructive:\n 'border border-[var(--chekin-color-gray-3)] bg-[var(--chekin-color-white)] text-[var(--error-message-color)] hover:bg-[var(--chekin-red-150)]',\n },\n },\n defaultVariants: {size: 'm', shape: 'rounded', variant: 'secondary'},\n },\n);\n","import {cn} from '../lib/cn';\nimport {iconButtonVariants} from '../icon-button/iconButtonVariants';\n\nexport const calendarClassNames = {\n months: 'relative flex flex-col gap-4 sm:flex-row',\n month: 'w-full',\n month_caption: 'relative z-20 mx-10 mb-1 flex h-9 items-center justify-center',\n caption_label: 'text-sm font-medium',\n nav: 'absolute top-0 z-10 flex w-full justify-between',\n button_previous: cn(iconButtonVariants({variant: 'ghost'}), 'size-9 p-0'),\n button_next: cn(iconButtonVariants({variant: 'ghost'}), 'size-9 p-0'),\n weekday: 'size-9 p-0 text-xs font-medium text-chekin-gray-1',\n day_button: [\n 'relative flex size-9 items-center justify-center whitespace-nowrap rounded-lg p-0',\n 'text-[var(--calendar-day-text,var(--chekin-blue-900))] outline-offset-2',\n 'group-[[data-selected]:not(.range-middle)]:[transition-property:color,background-color,border-radius,box-shadow]',\n 'group-[[data-selected]:not(.range-middle)]:duration-150',\n 'focus:outline-none focus-visible:z-10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-chekin-blue/70',\n 'hover:bg-[var(--calendar-day-hover-bg,var(--chekin-surface-input-empty))]',\n 'group-data-[selected]:bg-[var(--calendar-selected-bg,var(--chekin-blue-500))] group-data-[selected]:text-[var(--calendar-selected-text,#fff)]',\n 'group-data-[disabled]:pointer-events-none group-data-[disabled]:text-chekin-gray-2 group-data-[disabled]:line-through',\n 'group-data-[outside]:text-chekin-gray-2',\n 'group-data-[outside]:group-data-[selected]:text-[var(--calendar-selected-text,#fff)]',\n 'group-[.range-start:not(.range-end)]:rounded-e-none',\n 'group-[.range-end:not(.range-start)]:rounded-s-none',\n 'group-[.range-middle]:rounded-none',\n 'group-data-[selected]:group-[.range-middle]:bg-[var(--calendar-range-middle-bg,var(--chekin-surface-pressed))] group-data-[selected]:group-[.range-middle]:text-[var(--calendar-range-middle-text,var(--chekin-blue-900))]',\n ].join(' '),\n day: 'group size-9 px-0 text-center text-sm',\n range_start: 'range-start',\n range_end: 'range-end',\n range_middle: 'range-middle',\n today: [\n '*:after:pointer-events-none *:after:absolute *:after:bottom-1 *:after:start-1/2',\n '*:after:z-10 *:after:size-[3px] *:after:-translate-x-1/2 *:after:rounded-full',\n '*:after:bg-[var(--calendar-today-indicator,var(--chekin-blue-500))] *:after:transition-colors',\n '[&[data-selected]:not(.range-middle)>*]:after:bg-[var(--calendar-selected-text,#fff)]',\n '[&[data-disabled]>*]:after:bg-chekin-gray-2',\n ].join(' '),\n outside:\n 'text-chekin-gray-2 data-selected:bg-chekin-surface-pressed/50 data-selected:text-chekin-gray-1',\n hidden: 'invisible',\n week_number: 'size-9 p-0 text-xs font-medium text-chekin-gray-1',\n};\n","import * as React from 'react';\nimport {cn} from '../lib/cn';\n\nconst Card = React.forwardRef>(\n ({className, ...props}, ref) => (\n \n ),\n);\nCard.displayName = 'Card';\n\nconst CardHeader = React.forwardRef>(\n ({className, ...props}, ref) => (\n \n ),\n);\nCardHeader.displayName = 'CardHeader';\n\nconst CardTitle = React.forwardRef>(\n ({className, ...props}, ref) => (\n \n ),\n);\nCardTitle.displayName = 'CardTitle';\n\nconst CardDescription = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes\n>(({className, ...props}, ref) => (\n \n));\nCardDescription.displayName = 'CardDescription';\n\nconst CardContent = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes\n>(({className, ...props}, ref) => (\n \n));\nCardContent.displayName = 'CardContent';\n\nconst CardFooter = React.forwardRef>(\n ({className, ...props}, ref) => (\n \n ),\n);\nCardFooter.displayName = 'CardFooter';\n\nexport {Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent};\n","import {Children, type ReactNode} from 'react';\nimport {type VariantProps} from 'class-variance-authority';\nimport {CircleCheck} from 'lucide-react';\nimport {cn} from '../lib/cn';\nimport {checkListItemVariants, checkListRootVariants} from './listVariants';\n\ntype CheckListProps = {\n children?: ReactNode;\n className?: string;\n itemClassName?: string;\n} & VariantProps;\n\nconst CheckList = ({\n children,\n className,\n itemClassName,\n size = 'default',\n}: CheckListProps) => {\n const items = Children.toArray(children);\n\n return (\n
      \n {items.map((child, index) => (\n
    • \n \n
      {child}
      \n
      • \n ))}\n
    \n );\n};\n\nexport {CheckList};\nexport type {CheckListProps};\n","import {cva} from 'class-variance-authority';\n\nconst checkListRootVariants = cva(\n 'check-list-root m-0 flex w-full list-none flex-col p-0',\n {\n variants: {\n size: {\n default: 'gap-4',\n minimal: 'gap-2',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n },\n);\n\nconst listItemBase =\n 'flex items-start gap-2 text-base [&_.check-list-icon]:h-6 [&_.check-list-icon]:w-6';\n\nconst listItemMinimalOverrides =\n '[.check-list-root[data-size=minimal]_&]:gap-1.5 [.check-list-root[data-size=minimal]_&]:text-sm [.check-list-root[data-size=minimal]_&_.check-list-icon]:mt-0.5 [.check-list-root[data-size=minimal]_&_.check-list-icon]:h-[15px] [.check-list-root[data-size=minimal]_&_.check-list-icon]:w-[15px]';\n\nconst checkListItemVariants = cva(`${listItemBase} ${listItemMinimalOverrides}`);\n\nexport {checkListItemVariants, checkListRootVariants};\n","import * as React from 'react';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport {Check} from 'lucide-react';\nimport {cn} from '../lib/cn';\n\nexport type CheckboxSize = 'default' | 'm' | 's';\n\nexport interface BaseCheckboxProps extends React.ComponentPropsWithoutRef<\n typeof CheckboxPrimitive.Root\n> {\n loading?: boolean;\n readOnly?: boolean;\n size?: CheckboxSize;\n}\n\nconst checkboxSizeClasses: Record = {\n default: 'h-6 w-6',\n m: 'h-5 w-5',\n s: 'h-4 w-4',\n};\n\nconst checkboxIconSizeClasses: Record = {\n default: 'h-5 w-5',\n m: 'h-4 w-4',\n s: 'h-3 w-3',\n};\n\nexport const BaseCheckbox = React.forwardRef<\n React.ElementRef,\n BaseCheckboxProps\n>(\n (\n {className, loading, onCheckedChange, disabled, readOnly, size = 'default', ...props},\n ref,\n ) => (\n \n \n \n \n \n ),\n);\n\nBaseCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n","import * as React from 'react';\nimport {cn} from '../lib/cn';\nimport {Label} from '../label';\nimport {BaseCheckbox, type CheckboxSize} from './BaseCheckbox';\nimport {FieldErrorMessage} from '../field-error-message';\n\nconst rowSizeClasses: Record = {\n default: 'gap-2.5',\n m: 'gap-2.5',\n s: 'gap-2',\n};\n\nconst labelSizeClasses: Record = {\n default: 'text-base',\n m: 'text-base',\n s: 'text-sm',\n};\n\nexport interface CheckboxProps {\n id?: string;\n label?: React.ReactNode;\n children?: React.ReactNode;\n value?: boolean;\n onChange?: (checked: boolean) => void;\n onWrapperClick?: (checked: boolean) => void;\n disabled?: boolean;\n readOnly?: boolean;\n loading?: boolean;\n error?: string;\n supportingText?: string;\n className?: string;\n size?: CheckboxSize;\n rowClassName?: string;\n labelClassName?: string;\n checkboxClassName?: string;\n errorClassName?: string;\n supportingTextClassName?: string;\n}\n\nexport const Checkbox = React.forwardRef(\n (\n {\n id,\n label,\n value = false,\n children,\n onChange,\n onWrapperClick,\n error,\n supportingText,\n className,\n size = 'default',\n rowClassName,\n labelClassName,\n checkboxClassName,\n errorClassName,\n supportingTextClassName,\n ...props\n },\n ref,\n ) => {\n const generatedId = React.useId();\n const checkboxId = id || generatedId;\n const errorId = error ? `${checkboxId}-error` : undefined;\n const descriptionId = supportingText ? `${checkboxId}-desc` : undefined;\n const ariaDescribedBy = errorId || descriptionId || undefined;\n\n return (\n
    \n onWrapperClick?.(!value)}\n >\n onChange(checked === true) : undefined}\n className={checkboxClassName}\n size={size}\n aria-invalid={!!error || undefined}\n aria-describedby={ariaDescribedBy}\n {...props}\n />\n {label && (\n \n {label}\n \n )}\n {children}\n
    \n {supportingText && !error && (\n \n {supportingText}\n

    \n )}\n {error && (\n \n {error}\n \n )}\n \n );\n },\n);\n\nCheckbox.displayName = 'Checkbox';\n","import * as React from 'react';\nimport {AlertCircle} from 'lucide-react';\nimport {cn} from '../lib/cn';\n\ntype FieldErrorMessageProps = Omit<\n React.HTMLAttributes,\n 'children'\n> & {\n message?: React.ReactNode;\n children?: React.ReactNode;\n disabled?: boolean;\n};\n\nfunction FieldErrorMessage({\n id,\n message,\n children,\n disabled,\n className,\n ...props\n}: FieldErrorMessageProps) {\n const content = message ?? children;\n\n if (!content) return null;\n\n return (\n \n \n {content}\n

    \n );\n}\n\nexport {FieldErrorMessage};\nexport type {FieldErrorMessageProps};\n","import * as React from 'react';\nimport type {PropsWithChildren} from 'react';\nimport {cn} from '../lib/cn';\nimport {Label} from '../label';\nimport {ScrollArea} from '../scroll-area';\nimport {ErrorMessage} from '../error-message';\nimport {BaseCheckbox} from './BaseCheckbox';\nimport {Checkbox} from './Checkbox';\nimport type {CheckboxOption} from './types';\n\nconst ScrollAreaWrapper = ({\n children,\n scrollable,\n scrollHeight,\n}: Pick & PropsWithChildren) => {\n if (!scrollable) {\n return children;\n }\n\n return (\n \n {children}\n \n );\n};\n\nexport interface CheckboxGroupProps {\n options: CheckboxOption[];\n value?: string[];\n onChange?: (selectedValues: string[]) => void;\n disabled?: boolean;\n className?: string;\n showSelectAll?: boolean;\n selectAllLabel?: string;\n scrollable?: boolean;\n scrollHeight?: string | number;\n error?: string;\n}\n\nexport const CheckboxGroup = React.forwardRef(\n (\n {\n options,\n value = [],\n onChange,\n disabled = false,\n className,\n showSelectAll = true,\n selectAllLabel = 'All',\n scrollable,\n scrollHeight,\n error,\n ...props\n },\n ref,\n ) => {\n const selectAllId = React.useId();\n\n const handleOptionChange = (optionValue: string, checked: boolean) => {\n if (!onChange) return;\n\n if (checked) {\n onChange([...value, optionValue]);\n return;\n }\n\n onChange(value.filter(selectedValue => selectedValue !== optionValue));\n };\n\n const handleSelectAllChange = (checked: boolean) => {\n if (!onChange) return;\n\n if (checked) {\n onChange(options.filter(option => !option.disabled).map(option => option.value));\n return;\n }\n\n onChange([]);\n };\n\n const availableOptions = options.filter(option => !option.disabled);\n const selectedAvailableValues = value.filter(selectedValue =>\n availableOptions.some(option => option.value === selectedValue),\n );\n const isAllSelected =\n selectedAvailableValues.length > 0 &&\n selectedAvailableValues.length === availableOptions.length;\n\n return (\n
    \n {showSelectAll && (\n <>\n
    \n handleSelectAllChange(checked === true)}\n disabled={disabled || availableOptions.length === 0}\n />\n \n {selectAllLabel}\n \n
    \n
    \n \n )}\n \n
    \n {options.map(option => (\n handleOptionChange(option.value, checked)}\n disabled={disabled || option.disabled}\n />\n ))}\n
    \n     \n {error && (\n \n {error}\n \n )}\n
    \n );\n },\n);\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n","import * as React from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\nimport {cn} from '../lib/cn';\n\nexport type ScrollAreaProps = React.ComponentProps;\n\nexport type ScrollBarProps = React.ComponentProps<\n typeof ScrollAreaPrimitive.ScrollAreaScrollbar\n>;\n\nexport function ScrollArea({className, children, ...props}: ScrollAreaProps) {\n return (\n \n div]:!block\"\n >\n {children}\n \n \n \n \n );\n}\n\nexport function ScrollBar({\n className,\n orientation = 'vertical',\n ...props\n}: ScrollBarProps) {\n return (\n \n \n \n );\n}\n","import {useTranslation} from 'react-i18next';\nimport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger} from '../tooltip';\nimport {StatusBadge} from '../status-badge';\n\nexport type CommingSoonBadgeProps = {\n tooltip?: boolean;\n};\n\nexport function CommingSoonBadge({tooltip = true}: CommingSoonBadgeProps) {\n const {t} = useTranslation();\n\n return (\n \n \n \n \n {t('feature_coming_soon')}\n \n \n {tooltip && (\n \n

    \n {t('feature_coming_soon_description')}\n

    \n     \n )}\n     \n     \n );\n}\n","import * as React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport {cn} from '../lib/cn';\nimport {getCustomContainer} from '../lib/utils';\nimport {useTooltipTouch, type TooltipTouchHandlers} from './useTooltipTouch';\n\nexport function TooltipProvider({\n delayDuration = 0,\n ...props\n}: React.ComponentProps) {\n return (\n \n );\n}\n\nexport const TooltipRoot = TooltipPrimitive.Root;\n\nexport interface TooltipRootProps extends React.ComponentProps<\n typeof TooltipPrimitive.Root\n> {\n disabled?: boolean;\n}\n\nexport function TooltipRootWrapper({disabled = false, ...props}: TooltipRootProps) {\n return (\n \n \n \n );\n}\n\nexport function TooltipTrigger(\n props: React.ComponentProps,\n) {\n return ;\n}\n\nexport interface TooltipContentProps extends React.ComponentProps<\n typeof TooltipPrimitive.Content\n> {\n variant?: 'light' | 'dark';\n container?: HTMLElement | null;\n}\n\nexport function TooltipContent({\n className,\n sideOffset = 0,\n children,\n variant = 'light',\n container,\n ...props\n}: TooltipContentProps) {\n return (\n \n \n {children}\n \n \n \n );\n}\n\nexport interface TooltipProps\n extends\n Omit,\n Pick {\n content?: React.ReactNode;\n children: React.ReactNode;\n asChild?: boolean;\n contentClassName?: string;\n delayDuration?: number;\n longPressDuration?: number;\n}\n\nexport function Tooltip({\n content,\n children,\n side = 'top',\n sideOffset = 0,\n variant = 'light',\n container,\n contentClassName,\n asChild = true,\n delayDuration = 150,\n disabled = false,\n longPressDuration = 500,\n ...props\n}: TooltipProps) {\n if (typeof content === 'undefined') {\n return (\n \n \n {children}\n \n \n );\n }\n\n return (\n \n \n {triggerHandlers => (\n <>\n \n {children}\n \n \n {content}\n \n \n )}\n \n \n );\n}\n\ninterface TooltipTouchRootProps extends Omit {\n longPressDuration: number;\n children: (triggerHandlers: TooltipTouchHandlers) => React.ReactNode;\n}\n\nfunction TooltipTouchRoot({\n disabled,\n longPressDuration,\n children,\n open: openProp,\n onOpenChange,\n defaultOpen,\n ...props\n}: TooltipTouchRootProps) {\n const {open, setOpen, handlers} = useTooltipTouch({\n disabled,\n longPressDuration,\n open: openProp,\n onOpenChange,\n defaultOpen,\n });\n\n return (\n \n {children(handlers)}\n \n );\n}\n","export const getWindow = () => {\n return window.chekinCustomWindow || window;\n};\n\nexport const getDocument = () => {\n return window.chekinCustomDocument || document;\n};\n\nexport function getCustomContainer() {\n return getDocument()?.body;\n}\n\nexport function isBrowser(): boolean {\n return typeof window !== 'undefined';\n}\n\nexport function scrollToTop(value = 0, behavior?: 'auto' | 'smooth') {\n window.scrollTo({\n top: value,\n behavior,\n });\n}\n\nexport function isObject(value: T) {\n return value !== null && typeof value === 'object';\n}\n\nexport const isNumeric = (n: string | number) => n !== '' && !isNaN(n as number);\n\nexport function toCssSize(size?: string | number) {\n if (!size) {\n return;\n } else if (size === 'auto') {\n return size;\n } else if (typeof size === 'number' || isNumeric(size)) {\n return `${size}px`;\n } else if (size.slice(-2) === 'px') {\n return size;\n } else {\n return size;\n }\n}\n\nexport function getCanvasBlob(canvas: HTMLCanvasElement) {\n return new Promise(resolve => {\n canvas.toBlob(blob => {\n resolve(blob);\n });\n });\n}\n\nexport function toBase64(file: File | Blob): Promise {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => resolve(String(reader.result));\n reader.onerror = () => reject(new Error('Failed to read file as base64'));\n });\n}\n\nexport function getFileSizeMB(file?: File | Blob) {\n if (!file) return;\n return file.size / Math.pow(1024, 2);\n}\n","import * as React from 'react';\n\nexport interface TooltipTouchHandlers {\n onTouchStart: () => void;\n onTouchEnd: () => void;\n onTouchMove: () => void;\n onTouchCancel: () => void;\n}\n\nexport interface UseTooltipTouchOptions {\n disabled?: boolean;\n longPressDuration?: number;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n defaultOpen?: boolean;\n}\n\nexport interface UseTooltipTouchResult {\n open: boolean;\n setOpen: (open: boolean) => void;\n handlers: TooltipTouchHandlers;\n}\n\nexport function useTooltipTouch({\n disabled = false,\n longPressDuration = 500,\n open: openProp,\n onOpenChange,\n defaultOpen,\n}: UseTooltipTouchOptions = {}): UseTooltipTouchResult {\n const isControlled = openProp !== undefined;\n const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false);\n const timerRef = React.useRef | undefined>(undefined);\n\n const open = disabled ? false : isControlled ? openProp : internalOpen;\n\n const setOpen = React.useCallback(\n (next: boolean) => {\n if (disabled) return;\n if (!isControlled) setInternalOpen(next);\n onOpenChange?.(next);\n },\n [disabled, isControlled, onOpenChange],\n );\n\n const clearTimer = React.useCallback(() => clearTimeout(timerRef.current), []);\n\n React.useEffect(() => clearTimer, [clearTimer]);\n\n const handlers = React.useMemo(\n () => ({\n onTouchStart: () => {\n clearTimer();\n timerRef.current = setTimeout(() => setOpen(true), longPressDuration);\n },\n onTouchEnd: clearTimer,\n onTouchMove: clearTimer,\n onTouchCancel: clearTimer,\n }),\n [setOpen, clearTimer, longPressDuration],\n );\n\n return {open, setOpen, handlers};\n}\n","import {type ReactNode, forwardRef, memo} from 'react';\nimport {Check, Clock, X} from 'lucide-react';\nimport {cn} from '../lib/cn';\n\ntype IconVariant = 'clock-grey' | 'clock-blue' | 'tick-blue' | 'tick-green' | 'x-red';\n\ninterface StatusBadgeIconProps {\n variant: IconVariant;\n className?: string;\n}\n\nfunction StatusBadgeIcon({variant, className}: StatusBadgeIconProps) {\n const iconProps = {\n size: 10,\n className: cn('stroke-[1.5]', className),\n };\n\n switch (variant) {\n case 'clock-blue':\n return (\n \n );\n case 'tick-blue':\n return (\n \n );\n case 'tick-green':\n return ;\n case 'x-red':\n return (\n \n );\n case 'clock-grey':\n default:\n return (\n \n );\n }\n}\n\nexport type StatusBadgeVariant =\n | 'neutral'\n | 'progress-blue'\n | 'progress-blue-light'\n | 'progress-grey'\n | 'success-blue'\n | 'success-green'\n | 'error';\n\nexport interface StatusBadgeProps {\n children?: ReactNode;\n variant?: StatusBadgeVariant;\n showIcon?: boolean;\n textOnly?: boolean;\n iconOnly?: boolean;\n className?: string;\n disabled?: boolean;\n}\n\nconst variantStyles: Record<\n StatusBadgeVariant,\n {\n container: string;\n text: string;\n icon: IconVariant;\n }\n> = {\n neutral: {\n container: 'bg-[var(--chekin-color-surface-input-empty)]',\n text: 'text-[var(--chekin-color-gray-2)]',\n icon: 'clock-grey',\n },\n 'progress-blue': {\n container: 'bg-[var(--chekin-color-surface-autocomplete)]',\n text: 'text-[var(--chekin-color-brand-blue)]',\n icon: 'clock-blue',\n },\n 'progress-blue-light': {\n container: 'bg-[var(--chekin-color-surface-pressed)]',\n text: 'text-[var(--chekin-color-brand-blue)]',\n icon: 'clock-blue',\n },\n 'progress-grey': {\n container: 'bg-[var(--chekin-color-surface-input-empty)]',\n text: 'text-[var(--chekin-color-gray-2)]',\n icon: 'clock-grey',\n },\n 'success-blue': {\n container: 'bg-[var(--chekin-color-surface-autocomplete)]',\n text: 'text-[var(--chekin-color-brand-blue)]',\n icon: 'tick-blue',\n },\n 'success-green': {\n container: 'bg-emerald-50',\n text: 'text-emerald-600',\n icon: 'tick-green',\n },\n error: {\n container: 'bg-red-50',\n text: 'text-[var(--chekin-color-brand-red)]',\n icon: 'x-red',\n },\n};\n\nconst StatusBadgeInternal = forwardRef(\n (\n {\n children,\n variant = 'neutral',\n showIcon = true,\n textOnly = false,\n iconOnly = false,\n className,\n disabled = false,\n ...props\n },\n ref,\n ) => {\n const styles = variantStyles[variant];\n const hasText = !iconOnly && (children || !textOnly);\n const hasIcon = !textOnly && showIcon;\n\n const padding = (() => {\n if (iconOnly) return 'px-1 py-0';\n if (textOnly) return 'px-3 py-1';\n if (hasText && hasIcon) return 'py-1 pl-3 pr-2';\n return 'px-3 py-1';\n })();\n\n return (\n \n {hasIcon && (\n \n )}\n {hasText && {children}}\n \n );\n },\n);\n\nStatusBadgeInternal.displayName = 'StatusBadge';\n\nexport const StatusBadge = memo(StatusBadgeInternal);\n","import {useState} from 'react';\nimport {Check, Copy} from 'lucide-react';\nimport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger} from '../tooltip';\nimport {cn} from '../lib/cn';\nimport {IconButton} from '../icon-button';\n\nexport type CopyIconProps = {\n textToCopy: string;\n className?: string;\n tooltipText?: string;\n size?: 'sm' | 'md';\n variant?: 'default' | 'outline' | 'ghost';\n onClick?: () => string | Promise;\n};\n\nexport function CopyIcon({\n textToCopy,\n className,\n tooltipText = 'Click to copy',\n size = 'sm',\n variant = 'outline',\n onClick,\n}: CopyIconProps) {\n const [copied, setCopied] = useState(false);\n\n const iconSize = {\n sm: 16,\n md: 20,\n };\n\n const buttonSize = {\n sm: 's',\n md: 'default',\n } as const;\n\n const handleCopy = async () => {\n try {\n const text = onClick ? await onClick() : textToCopy;\n await navigator.clipboard.writeText(text);\n setCopied(true);\n setTimeout(() => setCopied(false), 1500);\n } catch (error) {\n console.error('Failed to copy text: ', error);\n }\n };\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n {tooltipText}\n \n \n );\n}\n","import * as React from 'react';\nimport {type VariantProps} from 'class-variance-authority';\nimport {cn} from '../lib/cn';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '../tooltip';\nimport {iconButtonVariants} from './iconButtonVariants';\n\nexport interface IconButtonProps\n extends\n Omit, 'children'>,\n VariantProps {\n label?: string;\n children?: React.ReactNode;\n tooltip?: string;\n icon?: React.ReactNode;\n outlined?: boolean;\n}\n\nexport const IconButton = React.forwardRef(\n (\n {\n className,\n size,\n shape,\n variant,\n label,\n children,\n icon,\n tooltip,\n outlined,\n type = 'button',\n ...props\n },\n ref,\n ) => {\n const button = (\n \n {icon ?? children}\n \n );\n\n if (!tooltip) return button;\n\n return (\n \n {button}\n {tooltip}\n \n );\n },\n);\nIconButton.displayName = 'IconButton';\n","import {type ReactNode} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport {Button, type ButtonProps} from '../button';\nimport {useCopyToClipboard} from '../hooks/use-copy-to-clipboard';\n\nexport type CopyLinkButtonProps = {\n link: string | undefined;\n labelText: string;\n copiedExclamationText?: string;\n className?: string;\n disabled?: boolean;\n leftAddon?: ReactNode;\n onCopiedLink?: () => void;\n variant?: ButtonProps['variant'];\n size?: ButtonProps['size'];\n};\n\nexport function CopyLinkButton({\n className,\n link,\n disabled,\n labelText,\n copiedExclamationText,\n onCopiedLink,\n leftAddon,\n variant = 'outline',\n size = 'sm',\n}: CopyLinkButtonProps) {\n const {t} = useTranslation();\n const {isCopied, copy} = useCopyToClipboard({value: link, onCopiedLink});\n\n return (\n \n {leftAddon}\n {isCopied\n ? copiedExclamationText || t('copied_exclamation') || labelText\n : labelText}\n \n );\n}\n","import {useEffect, useRef, useState} from 'react';\nimport {copyToClipboard} from '../lib/copy-to-clipboard';\n\nconst COPIED_TIMEOUT_S = 1.5;\ntype UseCopyToClipboardProps = {\n value?: string | number;\n onCopiedLink?: () => void;\n onReset?: () => void;\n};\n\nfunction useCopyToClipboard({value, onCopiedLink, onReset}: UseCopyToClipboardProps) {\n const [isCopied, setIsLinkCopied] = useState(false);\n const timeoutRef = useRef>();\n\n useEffect(() => {\n return () => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n };\n }, []);\n\n const copy = () => {\n if (!value) return;\n\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n\n copyToClipboard(value);\n setIsLinkCopied(true);\n timeoutRef.current = setTimeout(() => {\n setIsLinkCopied(false);\n onReset?.();\n }, COPIED_TIMEOUT_S * 1000);\n onCopiedLink?.();\n };\n\n return {isCopied, copy};\n}\n\nexport {useCopyToClipboard};\n","import {getDocument} from './utils';\n\nfunction copyToClipboardFallback(value: string) {\n const targetDocument = getDocument();\n const targetBody = targetDocument.body;\n\n if (!targetBody) {\n return;\n }\n\n const el = targetDocument.createElement('textarea');\n el.value = value;\n el.setAttribute('readonly', '');\n el.style.position = 'fixed';\n el.style.opacity = '0';\n el.style.pointerEvents = 'none';\n el.style.left = '-9999px';\n targetBody.appendChild(el);\n el.focus();\n el.select();\n targetDocument.execCommand('copy');\n targetBody.removeChild(el);\n}\n\nexport function copyToClipboard(value: string | number) {\n const text = typeof value === 'number' ? value.toString() : value;\n const targetDocument = getDocument();\n const clipboard =\n targetDocument.defaultView?.navigator?.clipboard ?? globalThis.navigator?.clipboard;\n\n if (!clipboard?.writeText) {\n copyToClipboardFallback(text);\n return;\n }\n\n void clipboard.writeText(text).catch(() => {\n copyToClipboardFallback(text);\n });\n}\n","import {type HTMLAttributes} from 'react';\nimport {CopyIcon} from '../copy-icon';\nimport {cn} from '../lib/cn';\n\ntype CopyStringProps = HTMLAttributes & {\n value?: string;\n};\n\nfunction CopyString({value = '', className, ...props}: CopyStringProps) {\n return (\n
    \n
    \n {value}\n
    \n \n
    \n );\n}\n\nexport {CopyString};\nexport type {CopyStringProps};\n","import React from 'react';\nimport {Minus, Plus} from 'lucide-react';\nimport {cn} from '../lib/cn';\nimport {ErrorMessage} from '../error-message';\n\nexport enum CounterSize {\n S = 'small',\n L = 'large',\n}\n\nexport type CounterProps = {\n value: number;\n onChange?: (value: number) => void;\n disabled?: boolean;\n readOnly?: boolean;\n error?: string | boolean;\n minNumber?: number;\n maxNumber?: number;\n size?: CounterSize;\n className?: string;\n};\n\nconst getIconSize = (size?: CounterSize): number => {\n if (size === CounterSize.S) {\n return 16;\n }\n return 24;\n};\n\nconst getSizeClasses = (size?: CounterSize) => {\n if (size === CounterSize.S) {\n return {\n button: 'w-6 h-6 rounded-lg',\n container: 'gap-4',\n number: 'text-sm leading-6',\n };\n }\n return {\n button: 'w-8 h-8 rounded-[10px]',\n container: 'gap-6',\n number: 'text-xl',\n };\n};\n\nexport const Counter = ({\n value,\n error,\n onChange,\n disabled,\n readOnly,\n minNumber = 0,\n maxNumber = 20,\n size,\n className,\n}: CounterProps) => {\n const sizeClasses = getSizeClasses(size);\n const iconSize = getIconSize(size);\n const hasError = !!error;\n\n const handleDecrease = (event: React.MouseEvent) => {\n event.stopPropagation();\n event.preventDefault();\n const checkedValue = value ?? 0;\n if (checkedValue < 1) return;\n if (!disabled) {\n onChange?.(checkedValue - 1);\n }\n };\n\n const handleIncrease = (event: React.MouseEvent) => {\n event.stopPropagation();\n event.preventDefault();\n const checkedValue = value ?? 0;\n if (!disabled) {\n onChange?.(checkedValue + 1);\n }\n };\n\n return (\n \n {!readOnly && (\n \n \n \n )}\n \n {value}\n \n {!readOnly && (\n \n \n \n )}\n {error && typeof error === 'string' && {error}}\n \n );\n};\n","import {useTranslation} from 'react-i18next';\nimport {\n type ColumnDef,\n flexRender,\n getCoreRowModel,\n useReactTable,\n} from '@tanstack/react-table';\nimport {Table, TableBody, TableCell, TableHead, TableHeader, TableRow} from '../table';\n\nexport interface DataTableProps {\n columns: ColumnDef[];\n data: TData[];\n}\n\nexport function DataTable({columns, data}: DataTableProps) {\n const {t} = useTranslation();\n const table = useReactTable({\n data,\n columns,\n getCoreRowModel: getCoreRowModel(),\n });\n\n return (\n
    \n \n \n {table.getHeaderGroups().map(headerGroup => (\n \n {headerGroup.headers.map(header => {\n return (\n \n {header.isPlaceholder\n ? null\n : flexRender(header.column.columnDef.header, header.getContext())}\n \n );\n })}\n \n ))}\n \n \n {table.getRowModel().rows?.length ? (\n table.getRowModel().rows.map(row => (\n \n {row.getVisibleCells().map(cell => (\n \n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n \n ))}\n \n ))\n ) : (\n \n \n {t('no_results')}\n \n \n )}\n \n
    \n
    \n );\n}\n","import {\n type HTMLAttributes,\n type TdHTMLAttributes,\n type ThHTMLAttributes,\n forwardRef,\n} from 'react';\nimport {LoadingBar} from '../loading-bar';\nimport {cn} from '../lib/cn';\n\nconst Table = forwardRef>(\n ({className, ...props}, ref) => (\n
    \n \n
    \n ),\n);\nTable.displayName = 'Table';\n\nconst TableHeader = forwardRef<\n HTMLTableSectionElement,\n HTMLAttributes\n>(({className, ...props}, ref) => (\n \n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = forwardRef<\n HTMLTableSectionElement,\n HTMLAttributes & {\n isLoading?: boolean;\n }\n>(({className, children, isLoading, ...props}, ref) => (\n \n {isLoading && (\n \n )}\n {isLoading && (\n \n \n \n \n \n )}\n {children}\n \n));\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = forwardRef<\n HTMLTableSectionElement,\n HTMLAttributes\n>(({className, ...props}, ref) => (\n tr]:last:border-b-0',\n className,\n )}\n {...props}\n />\n));\nTableFooter.displayName = 'TableFooter';\n\ntype TableRowProps = HTMLAttributes & {\n clickable?: boolean;\n};\n\nconst TableRow = forwardRef(\n ({className, clickable, ...props}, ref) => (\n \n ),\n);\nTableRow.displayName = 'TableRow';\n\nconst TableHead = forwardRef<\n HTMLTableCellElement,\n ThHTMLAttributes\n>(({className, ...props}, ref) => (\n \n));\nTableHead.displayName = 'TableHead';\n\nconst TableCell = forwardRef<\n HTMLTableCellElement,\n TdHTMLAttributes\n>(({className, ...props}, ref) => (\n \n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = forwardRef<\n HTMLTableCaptionElement,\n HTMLAttributes\n>(({className, ...props}, ref) => (\n \n));\nTableCaption.displayName = 'TableCaption';\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n};\n","import {cn} from '../lib/cn';\n\nexport type LoadingBarProps = {\n className?: string;\n};\n\nexport function LoadingBar({className}: LoadingBarProps) {\n return (\n
    \n
    \n
    \n
    \n
    \n );\n}\n","import * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport {VisuallyHidden} from '@radix-ui/react-visually-hidden';\nimport {XIcon} from 'lucide-react';\nimport {cn} from '../lib/cn';\nimport {\n useCombinedRef,\n useIframeFocusTrapFallback,\n useIframeOpenAutoFocusGuard,\n} from '../hooks';\nimport {getCustomContainer} from '../lib/utils';\n\n/**\n * Radix Dialog's TitleWarning uses document.getElementById to check for a title,\n * which can miss iframe-hosted SDK documents. This mirrors the source package\n * workaround by adding a hidden title in the main document when needed.\n */\nfunction useIframeTitleFix(titleRef: React.RefObject) {\n React.useEffect(() => {\n if (!window.chekinCustomDocument) {\n return;\n }\n\n const titleId = titleRef.current?.id;\n if (!titleId) return;\n\n const hiddenTitle = document.createElement('span');\n hiddenTitle.id = titleId;\n hiddenTitle.style.display = 'none';\n document.body.appendChild(hiddenTitle);\n\n return () => {\n hiddenTitle.remove();\n };\n }, [titleRef]);\n}\n\nfunction Dialog({...props}: React.ComponentProps) {\n return ;\n}\n\nfunction DialogTrigger({...props}: React.ComponentProps) {\n return ;\n}\n\nfunction DialogPortal({...props}: React.ComponentProps) {\n return ;\n}\n\nfunction DialogClose({...props}: React.ComponentProps) {\n return ;\n}\n\nconst dialogOverlayClasses =\n 'fixed inset-0 z-50 bg-[var(--dialog-overlay-bg)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0';\n\nconst scrollableOverlayClasses =\n 'fixed inset-0 z-50 flex flex-col items-center overflow-y-auto overscroll-none pb-[19px] pt-[20px]';\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({className, ...props}, ref) => (\n \n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst dialogContentClasses =\n 'relative z-50 my-auto w-full max-w-[calc(100%-2rem)] rounded-[var(--dialog-content-radius)] border border-[var(--dialog-content-border)] bg-[var(--dialog-content-bg)] p-6 text-[var(--dialog-content-text)] shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:max-w-2xl';\n\nconst dialogCloseButtonClasses =\n 'absolute right-4 top-4 flex size-6 items-center justify-center rounded-[var(--dialog-close-radius)] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:shadow-chekin-focus disabled:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0';\n\nconst DialogContent = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef & {\n showCloseButton?: boolean;\n container?: HTMLElement;\n lockScroll?: boolean;\n overlayClassName?: string;\n }\n>(\n (\n {\n className,\n showCloseButton = true,\n children,\n container,\n lockScroll = true,\n overlayClassName,\n ...props\n },\n ref,\n ) => {\n const contentRef = React.useRef(null);\n const combinedRef = useCombinedRef(contentRef, ref);\n const handleKeyDown = useIframeFocusTrapFallback(contentRef, props.onKeyDown);\n const handleOpenAutoFocus = useIframeOpenAutoFocusGuard(props.onOpenAutoFocus);\n\n const contentElement = (\n \n {children}\n {showCloseButton && (\n \n \n Close\n \n )}\n \n );\n\n const portalContainer = container || getCustomContainer();\n\n return (\n \n {lockScroll ? (\n \n {contentElement}\n \n ) : (\n \n {contentElement}\n
    \n )}\n \n );\n },\n);\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({className, ...props}: React.HTMLAttributes) => (\n \n);\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({className, ...props}: React.HTMLAttributes) => (\n \n);\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({className, ...props}, ref) => {\n const titleRef = React.useRef(null);\n const combinedRef = useCombinedRef(titleRef, ref);\n\n useIframeTitleFix(titleRef);\n\n return (\n \n );\n});\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({className, ...props}, ref) => (\n \n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nconst DialogVisuallyHidden = ({children}: {children: React.ReactNode}) => (\n {children}\n);\nDialogVisuallyHidden.displayName = 'DialogVisuallyHidden';\n\nexport {\n Dialog,\n DialogPortal,\n DialogOverlay,\n DialogTrigger,\n DialogClose,\n DialogContent,\n DialogHeader,\n DialogFooter,\n DialogTitle,\n DialogDescription,\n DialogVisuallyHidden,\n};\n","import {useEffect} from 'react';\nimport {scrollToTop} from '../lib/utils';\n\nexport function useScrollToTop() {\n useEffect(() => {\n scrollToTop();\n }, []);\n}\n","import React from 'react';\n\nexport function useAbortController() {\n const [abortController, setAbortController] = React.useState(() => {\n return new AbortController();\n });\n\n const setupAbortController = React.useCallback(() => {\n const abortController = new AbortController();\n setAbortController(abortController);\n\n return abortController.signal;\n }, []);\n\n return {\n abortController,\n setupAbortController,\n };\n}\n","import {useCallback, useState} from 'react';\n\ntype AccordionType = 'single' | 'multiple';\n\ntype UseAccordionStateReturn = {\n value: T extends 'multiple' ? string[] : string;\n toggle: (itemValue: string) => void;\n open: (itemValue: string) => void;\n close: (itemValue: string) => void;\n closeAll: () => void;\n getOpenItems: () => string[];\n};\n\nexport function useAccordionState(props?: {\n defaultValue?: T extends 'multiple' ? string[] : string;\n type?: T;\n}): UseAccordionStateReturn {\n const type = props?.type ?? 'single';\n\n const [value, setValue] = useState(() => {\n if (props?.defaultValue !== undefined) return props.defaultValue;\n return type === 'multiple' ? [] : '';\n });\n\n const closeAll = useCallback(() => {\n setValue(type === 'multiple' ? [] : '');\n }, [type]);\n\n const toggle = useCallback(\n (itemValue: string) => {\n setValue(prev => {\n if (type === 'multiple') {\n const current = Array.isArray(prev) ? prev : [];\n return current.includes(itemValue)\n ? current.filter(v => v !== itemValue)\n : [...current, itemValue];\n }\n\n return prev === itemValue ? '' : itemValue;\n });\n },\n [type],\n );\n\n const open = useCallback(\n (itemValue: string) => {\n setValue(prev => {\n if (type === 'multiple') {\n const current = Array.isArray(prev) ? prev : [];\n return current.includes(itemValue) ? current : [...current, itemValue];\n }\n\n return itemValue;\n });\n },\n [type],\n );\n\n const close = useCallback(\n (itemValue: string) => {\n setValue(prev => {\n if (type === 'multiple') {\n const current = Array.isArray(prev) ? prev : [];\n return current.filter(v => v !== itemValue);\n }\n\n return prev === itemValue ? '' : prev;\n });\n },\n [type],\n );\n\n const getOpenItems = useCallback(() => {\n if (type === 'multiple') {\n return Array.isArray(value) ? value : [];\n }\n\n return value ? [value as string] : [];\n }, [type, value]);\n\n return {\n value: value as UseAccordionStateReturn['value'],\n toggle,\n open,\n close,\n closeAll,\n getOpenItems,\n };\n}\n","import {useEffect} from 'react';\nimport {useEvent} from './use-event';\n\ntype UseClickEscapeProps = {\n enabled?: boolean;\n onClick?: () => void;\n};\n\nexport function useClickEscape({enabled = true, onClick}: UseClickEscapeProps) {\n const handler = useEvent(onClick);\n\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && enabled) {\n handler();\n }\n };\n\n window.addEventListener('keydown', handleKeyDown);\n return () => window.removeEventListener('keydown', handleKeyDown);\n }, [handler, enabled]);\n}\n","import {useCallback, useLayoutEffect, useRef} from 'react';\n\nfunction useEvent(fn?: (...args: Args) => Return) {\n const fnRef = useRef(fn);\n\n useLayoutEffect(() => {\n fnRef.current = fn;\n }, [fn]);\n\n const eventCb = useCallback(\n (...args: Args) => {\n return fnRef.current?.apply(null, args);\n },\n [fnRef],\n );\n\n return eventCb as NonNullable;\n}\n\nexport {useEvent};\n","import {type MutableRefObject, type Ref, type RefCallback, useCallback} from 'react';\n\nexport function useCombinedRef(...refs: Array | undefined>): RefCallback {\n return useCallback(\n (node: T) => {\n refs.forEach(ref => {\n if (!ref) return;\n\n if (typeof ref === 'function') {\n ref(node);\n return;\n }\n\n (ref as MutableRefObject).current = node;\n });\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/use-memo\n refs,\n );\n}\n","import {useEffect, useState} from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\ntype UseIsMobileProps = {\n breakpoint?: number;\n};\n\nexport function useIsMobile({breakpoint = MOBILE_BREAKPOINT}: UseIsMobileProps = {}) {\n const [isMobile, setIsMobile] = useState(undefined);\n\n useEffect(() => {\n const mediaQuery = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);\n const onChange = () => {\n setIsMobile(window.innerWidth < breakpoint);\n };\n\n setIsMobile(window.innerWidth < breakpoint);\n\n if (!mediaQuery) {\n return;\n }\n\n mediaQuery.addEventListener('change', onChange);\n\n return () => {\n mediaQuery.removeEventListener('change', onChange);\n };\n }, [breakpoint]);\n\n return !!isMobile;\n}\n","import {useEffect, useRef} from 'react';\n\nexport function useIsMounted() {\n const isMounted = useRef(false);\n\n useEffect(() => {\n isMounted.current = true;\n\n return () => {\n isMounted.current = false;\n };\n }, []);\n\n return isMounted;\n}\n","import {useCallback, useEffect, useRef} from 'react';\nimport {useEvent} from './use-event';\n\ntype UseLoadMoreParams = {\n hasNextPage: boolean;\n loading: boolean;\n disabled?: boolean;\n onLoadMore: () => void;\n threshold?: number;\n rootMargin?: string;\n};\n\nexport function useLoadMore({\n hasNextPage,\n loading,\n disabled,\n onLoadMore,\n threshold = 0.1,\n rootMargin,\n}: UseLoadMoreParams) {\n const elementRef = useRef(null);\n const observerRef = useRef(null);\n const handleLoadMore = useEvent(onLoadMore);\n\n const cleanupObserver = useCallback(() => {\n observerRef.current?.disconnect();\n observerRef.current = null;\n }, []);\n\n const observeElement = useCallback(\n (element: T | null) => {\n cleanupObserver();\n\n if (!element || typeof IntersectionObserver === 'undefined') return;\n\n const observer = new IntersectionObserver(\n entries => {\n const entry = entries[0];\n if (!entry?.isIntersecting || !hasNextPage || loading || disabled) return;\n handleLoadMore();\n },\n {threshold, rootMargin},\n );\n\n observer.observe(element);\n observerRef.current = observer;\n },\n [\n cleanupObserver,\n disabled,\n handleLoadMore,\n hasNextPage,\n loading,\n rootMargin,\n threshold,\n ],\n );\n\n const loadMoreRef = useCallback(\n (element: T | null) => {\n elementRef.current = element;\n observeElement(element);\n },\n [observeElement],\n );\n\n useEffect(() => {\n return cleanupObserver;\n }, [cleanupObserver]);\n\n return [loadMoreRef] as const;\n}\n","import {useCallback, useState} from 'react';\n\nexport function useModalControls(\n initState = false,\n {disabled}: {disabled?: boolean} = {},\n) {\n const [isOpen, setIsOpen] = useState(initState);\n\n const openModal = useCallback(() => {\n if (disabled) return;\n setIsOpen(true);\n }, [disabled]);\n\n const closeModal = useCallback(() => {\n if (disabled) return;\n setIsOpen(false);\n }, [disabled]);\n\n const toggleModal = useCallback(() => {\n if (disabled) return;\n setIsOpen(value => !value);\n }, [disabled]);\n\n return {\n isOpen,\n openModal,\n closeModal,\n toggleModal,\n setIsOpen,\n };\n}\n","import {useCallback, useEffect, useRef, useState} from 'react';\nimport {getWindow} from '../lib/utils';\nimport {useTimeoutRef} from './use-timeout-ref';\n\nfunction useIsFirstRender(): boolean {\n const isFirst = useRef(true);\n\n if (isFirst.current) {\n isFirst.current = false;\n\n return true;\n }\n\n return isFirst.current;\n}\n\ntype UseModalControlsOptions = {\n key: string;\n enabled?: boolean;\n initState?: boolean;\n};\n\nexport function useModalWithHistoryControls({\n key,\n initState = false,\n enabled = true,\n}: UseModalControlsOptions) {\n const isFirstRender = useIsFirstRender();\n const [isOpen, setIsOpen] = useState(initState);\n const scrollRef = useRef(0);\n const resetDelayRef = useRef(false);\n const resetDelayTimeoutRef = useTimeoutRef();\n\n const addHash = useCallback(() => {\n const targetWindow = getWindow();\n const historyState = targetWindow.history.state;\n\n if (enabled && historyState?.popupKey !== key) {\n scrollRef.current = targetWindow.scrollY;\n targetWindow.history.pushState(\n {\n ...historyState,\n popupKey: key,\n isPopupOpen: true,\n },\n '',\n targetWindow.location.pathname,\n );\n targetWindow.scrollTo(0, scrollRef.current);\n }\n }, [enabled, key]);\n\n const openModal = useCallback(() => {\n setIsOpen(true);\n addHash();\n }, [addHash]);\n\n const resetHash = useCallback(() => {\n const targetWindow = getWindow();\n const historyState = targetWindow.history.state;\n\n if (enabled && historyState?.popupKey === key && !resetDelayRef.current) {\n targetWindow.history.back();\n\n resetDelayRef.current = true;\n\n resetDelayTimeoutRef.current = setTimeout(() => {\n resetDelayRef.current = false;\n }, 300);\n }\n }, [enabled, key, resetDelayTimeoutRef]);\n\n const closeModal = useCallback(() => {\n setIsOpen(false);\n resetHash();\n }, [resetHash]);\n\n const toggleModal = useCallback(() => {\n setIsOpen(!isOpen);\n if (isOpen) {\n resetHash();\n } else {\n addHash();\n }\n }, [addHash, isOpen, resetHash]);\n\n useEffect(() => {\n const targetWindow = getWindow();\n\n const handler = () => {\n if (enabled && isOpen) {\n setIsOpen(false);\n }\n };\n\n targetWindow.addEventListener('popstate', handler, false);\n return () => {\n targetWindow.removeEventListener('popstate', handler, false);\n };\n }, [enabled, isOpen]);\n\n useEffect(\n function resetDeprecatedState() {\n const targetWindow = getWindow();\n const historyState = targetWindow.history.state;\n\n if (isFirstRender && !isOpen && historyState?.popupKey === key) {\n targetWindow.history.back();\n }\n },\n [isFirstRender, isOpen, key],\n );\n\n return {\n isOpen,\n openModal,\n closeModal,\n toggleModal,\n setIsOpen,\n };\n}\n","import {useCallback, useEffect, useRef} from 'react';\n\nexport function useTimeoutRef() {\n const timeoutIdRef = useRef>();\n\n const resetTimeout = useCallback(() => {\n if (timeoutIdRef.current) {\n clearTimeout(timeoutIdRef.current);\n }\n }, []);\n\n useEffect(() => {\n return () => {\n resetTimeout();\n };\n }, [resetTimeout]);\n\n return timeoutIdRef;\n}\n","import {type RefObject, useCallback, useEffect, useRef} from 'react';\nimport {getDocument} from '../lib/utils';\n\ntype OutsideClickHandler = (event: Event) => void;\n\ntype UseOutsideClickProps = {\n elementRef: RefObject | null;\n onOutsideClick: OutsideClickHandler | null;\n triggerRef?: RefObject | null;\n isDisabled?: boolean;\n nested?: string[] | string;\n};\n\nexport function useOutsideClick({\n elementRef,\n onOutsideClick,\n triggerRef,\n isDisabled,\n nested,\n}: UseOutsideClickProps) {\n const handleOutsideClick = useRef(onOutsideClick);\n handleOutsideClick.current = onOutsideClick;\n\n const checkNestedElements = useCallback(\n (event: Event, ownerDocument: Document) => {\n const checkIsElementClickedBySelector = (selector: string) => {\n const nestedElement = ownerDocument.querySelector(selector);\n return nestedElement?.contains(event.target as Node);\n };\n\n const checkDataAttribute = () => {\n const target = event.target;\n const HTMLElementConstructor =\n ownerDocument.defaultView?.HTMLElement ?? HTMLElement;\n\n if (!target || !(target instanceof HTMLElementConstructor)) {\n return false;\n }\n\n let current: HTMLElement | null = target;\n while (current) {\n if (current.hasAttribute('data-exclude-from-outside-click')) {\n return true;\n }\n current = current.parentElement;\n }\n return false;\n };\n\n if (nested) {\n if (typeof nested === 'string') {\n if (checkIsElementClickedBySelector(nested)) return true;\n } else {\n if (nested.some(checkIsElementClickedBySelector)) return true;\n }\n }\n\n return checkDataAttribute();\n },\n [nested],\n );\n\n useEffect(() => {\n if (isDisabled || !handleOutsideClick.current) {\n return;\n }\n\n const ownerDocument =\n elementRef?.current?.ownerDocument ??\n triggerRef?.current?.ownerDocument ??\n getDocument();\n\n function handleClickOutside(event: Event) {\n const target = event.target;\n const NodeConstructor = ownerDocument.defaultView?.Node ?? Node;\n\n if (!target || !(target instanceof NodeConstructor)) {\n return;\n }\n\n const targetNode = target as Node;\n const isNestedElement = checkNestedElements(event, ownerDocument);\n\n if (\n elementRef?.current &&\n !elementRef.current.contains(targetNode) &&\n !triggerRef?.current?.contains(targetNode) &&\n !isNestedElement\n ) {\n handleOutsideClick.current?.(event);\n }\n }\n\n ownerDocument.addEventListener('mousedown', handleClickOutside, true);\n ownerDocument.addEventListener('touchstart', handleClickOutside, true);\n return () => {\n ownerDocument.removeEventListener('mousedown', handleClickOutside, true);\n ownerDocument.removeEventListener('touchstart', handleClickOutside, true);\n };\n }, [checkNestedElements, elementRef, isDisabled, triggerRef]);\n}\n","import React from 'react';\nimport {getWindow} from '../lib/utils';\n\nconst eventName = 'resize';\n\nfunction getMediaQuery(maxWidth: string | null, matchString?: string) {\n if (matchString) {\n return matchString;\n }\n\n return maxWidth ? `(max-width: ${maxWidth})` : null;\n}\n\nexport function useScreenResize(maxWidth: string | null, matchString?: string) {\n const [isInitialized, setIsInitialized] = React.useState(false);\n const [isMatch, setIsMatch] = React.useState(false);\n\n const handleResizeEvent = React.useCallback(() => {\n const adjustedMaxWidth = `${parseInt(maxWidth ?? '', 10) - 1}px`;\n const mediaQuery = getMediaQuery(adjustedMaxWidth, matchString);\n setIsInitialized(true);\n\n if (!mediaQuery) {\n setIsMatch(false);\n return;\n }\n\n const media = getWindow().matchMedia(mediaQuery);\n setIsMatch(Boolean(media?.matches));\n }, [maxWidth, matchString]);\n\n React.useEffect(() => {\n handleResizeEvent();\n getWindow().addEventListener(eventName, handleResizeEvent);\n\n return () => {\n getWindow().removeEventListener(eventName, handleResizeEvent);\n };\n }, [handleResizeEvent]);\n\n return {isMatch, isInitialized};\n}\n","import {useCallback, useLayoutEffect} from 'react';\nimport {getDocument} from '../lib/utils';\n\nexport function useLockBodyScroll(needLock?: boolean) {\n const lockScroll = useCallback(() => {\n getDocument().getElementsByTagName('body')[0].style.overflow = 'hidden';\n }, []);\n\n const resetScroll = useCallback(() => {\n getDocument().getElementsByTagName('body')[0].style.overflow = 'auto';\n }, []);\n\n useLayoutEffect(() => {\n if (needLock) {\n lockScroll();\n } else {\n resetScroll();\n }\n }, [lockScroll, needLock, resetScroll]);\n\n return {resetScroll, lockScroll};\n}\n","import {type RefObject, useEffect} from 'react';\nimport {getChekinRuntimeSettings} from '../lib/runtimeSettings';\n\ntype UseScrollFrameIntoViewOptions = {\n behavior?: ScrollBehavior;\n elementRef?: RefObject;\n};\n\nexport function useScrollFrameIntoView(\n active?: boolean,\n options: UseScrollFrameIntoViewOptions = {},\n) {\n const {behavior = 'smooth', elementRef} = options;\n\n useEffect(() => {\n const sdkWindow = window;\n\n if (!active || !getChekinRuntimeSettings()?.autoHeight) {\n return;\n }\n\n const frame = sdkWindow.chekinCustomFrame;\n\n if (!frame) {\n return;\n }\n\n const parentWindow = window.parent;\n\n const scrollToElement = () => {\n const frameRect = frame.getBoundingClientRect();\n\n if (elementRef?.current) {\n const elementRect = elementRef.current.getBoundingClientRect();\n const elementCenterInFrame = elementRect.top + elementRect.height / 2;\n const elementCenterInParent = frameRect.top + elementCenterInFrame;\n const targetScroll =\n parentWindow.scrollY + elementCenterInParent - parentWindow.innerHeight / 2;\n\n parentWindow.scrollTo({\n top: Math.max(0, targetScroll),\n behavior,\n });\n return;\n }\n\n frame.scrollIntoView({behavior, block: 'start'});\n };\n\n requestAnimationFrame(() => {\n requestAnimationFrame(scrollToElement);\n });\n }, [active, behavior, elementRef]);\n}\n","type ChekinRuntimeSettings = {\n autoHeight?: boolean;\n};\n\nexport function getChekinRuntimeSettings(): ChekinRuntimeSettings {\n return window.ChekinProSettings || window.ChekinHousingsSDKSettings || {};\n}\n\nexport function isMobileModalModeAvailable() {\n const settings = getChekinRuntimeSettings();\n return !settings.autoHeight;\n}\n","import {type RefObject, useEffect, useRef, useState} from 'react';\n\nconst SCROLL_THRESHOLD = 1;\n\nexport type ScrollableAreaState = {\n canScrollUp: boolean;\n canScrollDown: boolean;\n};\n\nexport function getScrollableAreaState(element: HTMLElement): ScrollableAreaState {\n const {scrollTop, scrollHeight, clientHeight} = element;\n const canScrollUp = scrollTop > SCROLL_THRESHOLD;\n const canScrollDown = scrollTop + clientHeight < scrollHeight - SCROLL_THRESHOLD;\n return {canScrollUp, canScrollDown};\n}\n\nexport type UseScrollableAreaOptions = {\n ref?: RefObject;\n};\n\nexport type UseScrollableAreaResult = {\n ref: RefObject;\n canScrollUp: boolean;\n canScrollDown: boolean;\n};\n\nexport function useScrollableArea(\n options: UseScrollableAreaOptions = {},\n): UseScrollableAreaResult {\n const internalRef = useRef(null);\n const ref = (options.ref ?? internalRef) as RefObject;\n const [state, setState] = useState({canScrollUp: false, canScrollDown: false});\n\n useEffect(() => {\n const element = ref.current;\n if (!element) return;\n\n const updateState = () => {\n const newState = getScrollableAreaState(element);\n setState(prev =>\n prev.canScrollUp !== newState.canScrollUp ||\n prev.canScrollDown !== newState.canScrollDown\n ? newState\n : prev,\n );\n };\n\n updateState();\n\n const resizeObserver = new ResizeObserver(updateState);\n resizeObserver.observe(element);\n\n element.addEventListener('scroll', updateState, {passive: true});\n\n return () => {\n resizeObserver.disconnect();\n element.removeEventListener('scroll', updateState);\n };\n }, [ref]);\n\n return {\n ref: ref as RefObject,\n ...state,\n };\n}\n","import {useEffect, useState} from 'react';\nimport {useEvent} from './use-event';\n\nexport function useDebounce(\n value: ValueType,\n delayMs = 1000,\n handleChange?: (value: ValueType) => void,\n): [ValueType, (value: ValueType) => void] {\n const onChange = useEvent(handleChange);\n const [debouncedValue, setDebouncedValue] = useState(value);\n\n useEffect(() => {\n const handler = setTimeout(() => {\n setDebouncedValue(value);\n }, delayMs);\n\n return () => {\n clearTimeout(handler);\n };\n }, [value, delayMs]);\n\n useEffect(() => {\n onChange?.(debouncedValue);\n }, [debouncedValue, onChange]);\n\n return [debouncedValue, setDebouncedValue];\n}\n","import {useCallback, useRef} from 'react';\nimport {useEvent} from './use-event';\n\nexport function useDebouncedFunction(\n callback: (...args: Args) => void,\n delay: number,\n) {\n const timerRef = useRef>();\n const immediateCalling = useRef(false);\n const callbackFn = useEvent(callback);\n\n const throttled = useCallback(\n (...args: Args) => {\n clearTimeout(timerRef.current as unknown as number);\n\n if (immediateCalling.current) {\n immediateCalling.current = false;\n callbackFn?.(...args);\n } else {\n timerRef.current = setTimeout(() => {\n immediateCalling.current = false;\n callbackFn?.(...args);\n }, delay);\n }\n },\n [callbackFn, delay],\n );\n\n const immediate = useCallback(() => {\n immediateCalling.current = true;\n }, []);\n\n return {throttled, immediate};\n}\n","import {useEffect, useRef} from 'react';\nimport {isObject} from '../lib/utils';\n\nexport function usePrevious(value: T, defaultValue?: T) {\n const ref = useRef(defaultValue);\n\n useEffect(() => {\n ref.current = isObject(value) ? {...value} : value;\n }, [value]);\n\n return ref.current;\n}\n","import {useCallback, useEffect, useMemo, useState} from 'react';\nimport {SessionStorage} from '../storage';\n\nexport interface PaginationState {\n page: number;\n pageSize: number;\n totalItems: number;\n}\n\nexport interface PaginationConfig {\n key: string;\n defaultPageSize?: number;\n defaultPage?: number;\n}\n\nexport interface UsePaginationReturn {\n page: number;\n pageSize: number;\n totalItems: number;\n pages: number;\n\n setPage: (page: number) => void;\n setPageSize: (pageSize: number) => void;\n setTotalItems: (totalItems: number) => void;\n nextPage: () => void;\n previousPage: () => void;\n goToFirstPage: () => void;\n goToLastPage: () => void;\n reset: () => void;\n\n hasNextPage: boolean;\n hasPreviousPage: boolean;\n startItem: number;\n endItem: number;\n isEmpty: boolean;\n}\n\nconst DEFAULT_PAGE_SIZE = 20;\nconst DEFAULT_PAGE = 1;\n\nexport function usePagination(config: PaginationConfig): UsePaginationReturn {\n const {key, defaultPageSize = DEFAULT_PAGE_SIZE, defaultPage = DEFAULT_PAGE} = config;\n\n const [state, setState] = useState(() => {\n const stored = SessionStorage.get>(`pagination-${key}`);\n\n if (stored) {\n return {\n page: stored.page || defaultPage,\n pageSize: stored.pageSize || defaultPageSize,\n totalItems: stored.totalItems || 0,\n };\n }\n\n return {\n page: defaultPage,\n pageSize: defaultPageSize,\n totalItems: 0,\n };\n });\n\n useEffect(() => {\n SessionStorage.set(`pagination-${key}`, state);\n }, [key, state]);\n\n const pages = useMemo(() => {\n return state.totalItems > 0 ? Math.ceil(state.totalItems / state.pageSize) : 0;\n }, [state.totalItems, state.pageSize]);\n\n const hasNextPage = useMemo(() => state.page < pages, [state.page, pages]);\n const hasPreviousPage = useMemo(() => state.page > 1, [state.page]);\n\n const startItem = useMemo(() => {\n return state.totalItems === 0 ? 0 : (state.page - 1) * state.pageSize + 1;\n }, [state.page, state.pageSize, state.totalItems]);\n\n const endItem = useMemo(() => {\n return Math.min(state.page * state.pageSize, state.totalItems);\n }, [state.page, state.pageSize, state.totalItems]);\n\n const isEmpty = useMemo(() => state.totalItems === 0, [state.totalItems]);\n\n const setPage = useCallback(\n (page: number) => {\n const clampedPage = Math.max(1, Math.min(page, pages || 1));\n setState(prev => ({...prev, page: clampedPage}));\n },\n [pages],\n );\n\n const setPageSize = useCallback((pageSize: number) => {\n const validPageSize = Math.max(1, pageSize);\n setState(prev => {\n const currentFirstItem = (prev.page - 1) * prev.pageSize + 1;\n const newPage = Math.max(1, Math.ceil(currentFirstItem / validPageSize));\n\n return {\n ...prev,\n pageSize: validPageSize,\n page: newPage,\n };\n });\n }, []);\n\n const setTotalItems = useCallback((totalItems: number) => {\n const validTotalItems = Math.max(0, totalItems);\n setState(prev => {\n const newPages =\n validTotalItems > 0 ? Math.ceil(validTotalItems / prev.pageSize) : 0;\n const clampedPage = prev.page > newPages && newPages > 0 ? newPages : prev.page;\n\n return {\n ...prev,\n totalItems: validTotalItems,\n page: clampedPage,\n };\n });\n }, []);\n\n const nextPage = useCallback(() => {\n setPage(state.page + 1);\n }, [setPage, state.page]);\n\n const previousPage = useCallback(() => {\n setPage(state.page - 1);\n }, [setPage, state.page]);\n\n const goToFirstPage = useCallback(() => {\n setPage(1);\n }, [setPage]);\n\n const goToLastPage = useCallback(() => {\n setPage(pages);\n }, [setPage, pages]);\n\n const reset = useCallback(() => {\n setState({\n page: defaultPage,\n pageSize: defaultPageSize,\n totalItems: 0,\n });\n }, [defaultPage, defaultPageSize]);\n\n return {\n page: state.page,\n pageSize: state.pageSize,\n totalItems: state.totalItems,\n pages,\n\n setPage,\n setPageSize,\n setTotalItems,\n nextPage,\n previousPage,\n goToFirstPage,\n goToLastPage,\n reset,\n\n hasNextPage,\n hasPreviousPage,\n startItem,\n endItem,\n isEmpty,\n };\n}\n","abstract class AbstractStorage {\n static get(key: string): T | null {\n if (!key) {\n throw new Error('The key is not valid');\n }\n\n return null;\n }\n\n static set(key: string, value: T): void {\n if (!key) {\n throw new Error('The key is not valid');\n }\n\n if (!value) {\n throw new Error('The value not passed');\n }\n }\n\n static remove(key: string): void {\n if (!key) {\n throw new Error('The key is not valid');\n }\n }\n\n static clear(): void {}\n}\n\nexport default AbstractStorage;\n","type StorageType = 'localStorage' | 'sessionStorage';\n\nexport interface SafeStorage {\n getItem(key: string): string | null;\n setItem(key: string, value: string): void;\n removeItem(key: string): void;\n clear(): void;\n keys(): string[];\n}\n\nconst memoryFallback: Record> = {\n localStorage: {},\n sessionStorage: {},\n};\n\nconst cache: Partial> = {};\n\nfunction getNativeStorage(type: StorageType): Storage | null {\n try {\n const storage = window[type];\n const probe = '__chekin_storage_probe__';\n storage.setItem(probe, probe);\n storage.removeItem(probe);\n return storage;\n } catch {\n return null;\n }\n}\n\nfunction buildSafeStorage(type: StorageType): SafeStorage {\n const native = getNativeStorage(type);\n const memory = memoryFallback[type];\n\n if (native) {\n return {\n getItem: key => {\n try {\n return native.getItem(key);\n } catch {\n return memory[key] ?? null;\n }\n },\n setItem: (key, value) => {\n try {\n native.setItem(key, value);\n } catch {\n memory[key] = value;\n }\n },\n removeItem: key => {\n try {\n native.removeItem(key);\n } catch {\n delete memory[key];\n }\n },\n clear: () => {\n try {\n native.clear();\n } catch {\n /* noop */\n }\n },\n keys: () => {\n try {\n return Object.keys(native);\n } catch {\n return Object.keys(memory);\n }\n },\n };\n }\n\n return {\n getItem: key => (key in memory ? memory[key] : null),\n setItem: (key, value) => {\n memory[key] = value;\n },\n removeItem: key => {\n delete memory[key];\n },\n clear: () => {\n Object.keys(memory).forEach(key => delete memory[key]);\n },\n keys: () => Object.keys(memory),\n };\n}\n\nexport function getSafeStorage(type: StorageType): SafeStorage {\n if (!cache[type]) {\n cache[type] = buildSafeStorage(type);\n }\n\n return cache[type] as SafeStorage;\n}\n\nexport function isStorageAvailable(type: StorageType): boolean {\n return getNativeStorage(type) !== null;\n}\n","export function jsonParse(data: string | null) {\n try {\n if (data) {\n return JSON.parse(data);\n }\n\n return null;\n } catch {\n return data;\n }\n}\n","import AbstractStorage from './AbstractStorage';\nimport {getSafeStorage} from './safeStorage';\nimport {jsonParse} from './utils';\n\nconst storage = () => getSafeStorage('sessionStorage');\n\nclass SessionStorage extends AbstractStorage {\n static get(key: string): T | null {\n const data = storage().getItem(key);\n return jsonParse(data);\n }\n\n static set(key: string, value: T): void {\n if (value) {\n storage().setItem(key, JSON.stringify(value));\n }\n }\n\n static update(key: string, field: string, value: T): void {\n const data = SessionStorage.get>(key);\n\n if (data) {\n data[field] = value;\n SessionStorage.set(key, data);\n } else {\n SessionStorage.set(key, {[field]: value});\n }\n }\n\n static remove(key: string): void {\n storage().removeItem(key);\n }\n\n static clear(): void {\n storage().clear();\n }\n}\n\nexport {SessionStorage};\n","import {type ChangeEvent, useCallback, useState} from 'react';\nimport {useDebounce} from './use-debounce';\n\ntype UseSearchInputProps = {\n value?: string;\n onChange?: (value: string) => void;\n};\n\nexport function useSearchInput({value, onChange}: UseSearchInputProps) {\n const [innerValue, setInnerValue] = useState(value || '');\n const [, setDebouncedValue] = useDebounce(innerValue, 600, onChange);\n\n const handleChange = useCallback(\n (event: ChangeEvent) => {\n if (event.target.value === '') {\n setDebouncedValue('');\n }\n\n setInnerValue(event.target.value);\n },\n [setDebouncedValue],\n );\n\n const reset = innerValue\n ? () => {\n if (!innerValue) {\n return;\n }\n\n setInnerValue('');\n setDebouncedValue('');\n }\n : undefined;\n\n return {innerValue, handleChange, reset};\n}\n","import {type RefObject, useEffect, useState} from 'react';\n\nexport function useStickyStuck(ref: RefObject) {\n const [isStuck, setIsStuck] = useState(false);\n\n useEffect(() => {\n const element = ref.current;\n if (!element?.parentElement) return;\n\n const sentinel = document.createElement('div');\n Object.assign(sentinel.style, {\n position: 'absolute',\n top: `${element.offsetTop}px`,\n height: '1px',\n width: '1px',\n pointerEvents: 'none',\n visibility: 'hidden',\n });\n\n element.parentElement.insertBefore(sentinel, element);\n\n const observer = new IntersectionObserver(\n ([entry]) => setIsStuck(!entry.isIntersecting),\n {threshold: 0},\n );\n\n observer.observe(sentinel);\n\n return () => {\n observer.disconnect();\n sentinel.remove();\n };\n }, [ref]);\n\n return isStuck;\n}\n","import {useCallback, useEffect, useLayoutEffect, useState} from 'react';\nimport {useEvent} from './use-event';\n\ntype Options = {\n canToggle?: (currentState: boolean) => boolean;\n onToggle?: (currentState: boolean) => void;\n onTouched?: (currentState: boolean) => void;\n onSectionActiveChange?: (currentState: boolean) => void;\n};\n\nexport function useSwitchSectionActive(\n preloadedSectionActive: boolean | undefined,\n {canToggle, onToggle, onSectionActiveChange, onTouched}: Options = {},\n) {\n const [isSectionActive, setIsSectionActive] = useState(false);\n const [preloadedIsSendingEnabled, setPreloadedIsSendingEnabled] = useState<\n boolean | null\n >(null);\n const handleToggle = useEvent(onToggle);\n const handleOnTouched = useEvent(onTouched);\n const handleOnSectionActiveChange = useEvent(onSectionActiveChange);\n\n useLayoutEffect(\n function preloadIsSectionActive() {\n if (preloadedSectionActive !== undefined) {\n setPreloadedIsSendingEnabled(preloadedSectionActive);\n setIsSectionActive(preloadedSectionActive);\n } else {\n setPreloadedIsSendingEnabled(false);\n }\n },\n [preloadedSectionActive],\n );\n\n const toggleIsSectionActive = useCallback(() => {\n const isTogglingDisabled = canToggle && !canToggle(isSectionActive);\n\n if (isTogglingDisabled) {\n return;\n }\n\n setIsSectionActive(prevState => !prevState);\n handleToggle(!isSectionActive);\n }, [canToggle, isSectionActive, handleToggle]);\n\n const isSectionActiveTouched = isSectionActive !== !!preloadedIsSendingEnabled;\n\n useEffect(() => {\n handleOnTouched(isSectionActiveTouched);\n }, [handleOnTouched, isSectionActiveTouched]);\n\n useEffect(() => {\n handleOnSectionActiveChange(isSectionActive);\n }, [handleOnSectionActiveChange, isSectionActive]);\n\n return {\n isSectionActive:\n preloadedIsSendingEnabled !== null ? isSectionActive : !!preloadedSectionActive,\n toggleIsSectionActive,\n setIsSectionActive,\n isSectionActiveTouched,\n };\n}\n","import {useEffect, useState} from 'react';\nimport {useEvent} from './use-event';\n\ntype Props = {\n initialTime?: number;\n enabled?: boolean;\n onFinish?: () => void;\n};\n\nexport const useCountdown = ({initialTime, enabled = true, onFinish}: Props = {}) => {\n const duration = initialTime ?? 60;\n const [timeLeft, setTimeLeft] = useState(duration);\n const [isTimerRunning, setIsTimerRunning] = useState(enabled);\n const handleOnFinish = useEvent(onFinish);\n\n useEffect(() => {\n setTimeLeft(duration);\n setIsTimerRunning(enabled);\n }, [duration, enabled]);\n\n useEffect(() => {\n if (!isTimerRunning) return;\n\n const timer = setInterval(() => {\n setTimeLeft(prev => {\n if (prev <= 1) {\n clearInterval(timer);\n setIsTimerRunning(false);\n return 0;\n }\n\n return prev - 1;\n });\n }, 1000);\n\n return () => clearInterval(timer);\n }, [isTimerRunning]);\n\n useEffect(() => {\n if (timeLeft <= 0) {\n handleOnFinish();\n }\n }, [timeLeft, handleOnFinish]);\n\n const resetTimer = () => {\n setTimeLeft(duration);\n setIsTimerRunning(enabled);\n };\n\n return {\n timeLeft,\n isTimerRunning,\n resetTimer,\n };\n};\n","import {useEffect, useMemo, useRef} from 'react';\nimport {useEvent} from './use-event';\n\ntype UseTimeoutCallback = () => void;\n\nexport function useTimeout(callback: UseTimeoutCallback, ms = 0) {\n const timeoutId = useRef>();\n const memoizedCallback = useEvent(callback);\n\n const handler = useMemo(() => {\n return {\n start(overrideMs?: number) {\n handler.stop();\n timeoutId.current = setTimeout(\n memoizedCallback,\n overrideMs === undefined ? ms : overrideMs,\n );\n },\n\n stop() {\n if (timeoutId.current) {\n clearTimeout(timeoutId.current);\n }\n },\n\n restart() {\n handler.stop();\n handler.start();\n },\n };\n }, [memoizedCallback, ms]);\n\n useEffect(() => {\n return () => {\n handler.stop();\n };\n }, [handler]);\n\n return handler;\n}\n","import {useCallback, useState} from 'react';\n\nexport function useHover() {\n const [isHovering, setIsHovering] = useState(false);\n const handleMouseEnter = useCallback(() => {\n setIsHovering(true);\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n setIsHovering(false);\n }, []);\n\n return {\n isHovering,\n handleMouseEnter,\n handleMouseLeave,\n };\n}\n","import {useCallback, useEffect} from 'react';\nimport {useEvent} from './use-event';\n\nexport type KeyDownOptions = {\n enabled?: boolean;\n metaKey?: boolean;\n ctrlKey?: boolean;\n shiftKey?: boolean;\n altKey?: boolean;\n};\n\nexport function useKeyDown({\n key,\n cb,\n options,\n}: {\n key: string | string[];\n cb: (event: KeyboardEvent) => void;\n options?: KeyDownOptions;\n}) {\n const {\n enabled = true,\n metaKey = false,\n ctrlKey = false,\n shiftKey = false,\n altKey = false,\n } = options ?? {};\n const handleCallback = useEvent(cb);\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n const keys = Array.isArray(key) ? key : [key];\n const isKeyMatch = keys.includes(event.key);\n const isModifierMatch =\n event.metaKey === metaKey &&\n event.ctrlKey === ctrlKey &&\n event.shiftKey === shiftKey &&\n event.altKey === altKey;\n\n if (isKeyMatch && isModifierMatch) {\n handleCallback(event);\n }\n },\n [key, handleCallback, metaKey, ctrlKey, shiftKey, altKey],\n );\n\n useEffect(() => {\n if (!enabled) return;\n\n window.addEventListener('keydown', handleKeyDown);\n\n return () => {\n window.removeEventListener('keydown', handleKeyDown);\n };\n }, [handleKeyDown, enabled]);\n}\n","import * as React from 'react';\n\nconst IFRAME_FOCUSABLE_SELECTOR = [\n 'a[href]',\n 'area[href]',\n 'input:not([disabled]):not([type=\"hidden\"])',\n 'select:not([disabled])',\n 'textarea:not([disabled])',\n 'button:not([disabled])',\n 'iframe',\n 'object',\n 'embed',\n '[contenteditable=\"true\"]',\n '[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\n\nfunction getFocusableElements(container: HTMLDivElement): HTMLElement[] {\n const ownerDocument = container.ownerDocument;\n const HTMLElementConstructor = ownerDocument.defaultView?.HTMLElement ?? HTMLElement;\n\n return Array.from(\n container.querySelectorAll(IFRAME_FOCUSABLE_SELECTOR),\n ).filter(element => {\n if (!(element instanceof HTMLElementConstructor)) {\n return false;\n }\n\n if (element.tabIndex < 0 || element.hidden || element.getAttribute('aria-hidden')) {\n return false;\n }\n\n return element.getClientRects().length > 0 || element === ownerDocument.activeElement;\n });\n}\n\n/**\n * Radix's focus scope binds auto-focus to the top-level `document`. Inside the SDK iframe\n * (`window.chekinCustomDocument`) that document's `activeElement` is always the `