@once-ui-system/core 1.7.13 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ai/catalog.json +195 -634
- package/ai/components/Banner.json +2 -2
- package/ai/components/BlobFx.json +2 -2
- package/ai/components/Carousel.json +1 -0
- package/ai/components/ChartHeader.json +2 -2
- package/ai/components/Checkbox.json +2 -1
- package/ai/components/CompareImage.json +2 -1
- package/ai/components/Dialog.json +2 -0
- package/ai/components/HoverCard.json +2 -2
- package/ai/components/InfiniteScroll.json +2 -2
- package/ai/components/OgCard.json +3 -2
- package/ai/components/RadioButton.json +2 -1
- package/ai/components/ScrollContainer.json +2 -2
- package/ai/components/SegmentedControl.json +2 -2
- package/ai/components/Select.json +1 -1
- package/ai/components/SplitView.json +2 -2
- package/ai/components/Swiper.json +1 -0
- package/ai/components/ThemeSwitcher.json +2 -2
- package/ai/components/Tooltip.json +2 -2
- package/ai/examples/blocks/content/chat1content.ts +2 -0
- package/ai/examples/dashboard.tsx +1 -1
- package/ai/examples/settings.tsx +32 -28
- package/ai/manifest.json +2 -2
- package/ai/spec.json +44 -63
- package/dist/ai/catalog.json +195 -634
- package/dist/ai/components/Banner.json +2 -2
- package/dist/ai/components/BlobFx.json +2 -2
- package/dist/ai/components/Carousel.json +1 -0
- package/dist/ai/components/ChartHeader.json +2 -2
- package/dist/ai/components/Checkbox.json +2 -1
- package/dist/ai/components/CompareImage.json +2 -1
- package/dist/ai/components/Dialog.json +2 -0
- package/dist/ai/components/HoverCard.json +2 -2
- package/dist/ai/components/InfiniteScroll.json +2 -2
- package/dist/ai/components/OgCard.json +3 -2
- package/dist/ai/components/RadioButton.json +2 -1
- package/dist/ai/components/ScrollContainer.json +2 -2
- package/dist/ai/components/SegmentedControl.json +2 -2
- package/dist/ai/components/Select.json +1 -1
- package/dist/ai/components/SplitView.json +2 -2
- package/dist/ai/components/Swiper.json +1 -0
- package/dist/ai/components/ThemeSwitcher.json +2 -2
- package/dist/ai/components/Tooltip.json +2 -2
- package/dist/ai/manifest.json +2 -2
- package/dist/ai/spec.json +44 -63
- package/dist/components/Accordion.js +1 -1
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/AccordionGroup.d.ts +1 -1
- package/dist/components/AccordionGroup.d.ts.map +1 -1
- package/dist/components/AccordionGroup.js +3 -3
- package/dist/components/AccordionGroup.js.map +1 -1
- package/dist/components/Animation.d.ts +1 -1
- package/dist/components/Animation.d.ts.map +1 -1
- package/dist/components/Arrow.d.ts +1 -1
- package/dist/components/Arrow.d.ts.map +1 -1
- package/dist/components/Arrow.js +4 -4
- package/dist/components/Arrow.js.map +1 -1
- package/dist/components/ArrowNavigationContext.d.ts +2 -1
- package/dist/components/ArrowNavigationContext.d.ts.map +1 -1
- package/dist/components/ArrowNavigationContext.js +5 -3
- package/dist/components/ArrowNavigationContext.js.map +1 -1
- package/dist/components/Avatar.d.ts +2 -2
- package/dist/components/Avatar.d.ts.map +1 -1
- package/dist/components/AvatarGroup.js +1 -1
- package/dist/components/AvatarGroup.js.map +1 -1
- package/dist/components/Background.js +1 -1
- package/dist/components/Background.js.map +1 -1
- package/dist/components/Badge.js +1 -1
- package/dist/components/Badge.js.map +1 -1
- package/dist/components/Banner.d.ts.map +1 -1
- package/dist/components/Banner.js +1 -0
- package/dist/components/Banner.js.map +1 -1
- package/dist/components/BlobFx.d.ts +1 -1
- package/dist/components/BlobFx.d.ts.map +1 -1
- package/dist/components/BlobFx.js +3 -2
- package/dist/components/BlobFx.js.map +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Card.js +1 -1
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Carousel.d.ts +3 -2
- package/dist/components/Carousel.d.ts.map +1 -1
- package/dist/components/Carousel.js +5 -5
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/Checkbox.d.ts +1 -0
- package/dist/components/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox.js +5 -5
- package/dist/components/Checkbox.js.map +1 -1
- package/dist/components/Chip.js +1 -1
- package/dist/components/Chip.js.map +1 -1
- package/dist/components/ClientFlex.d.ts.map +1 -1
- package/dist/components/ClientFlex.js +124 -5
- package/dist/components/ClientFlex.js.map +1 -1
- package/dist/components/CompareImage.d.ts +2 -1
- package/dist/components/CompareImage.d.ts.map +1 -1
- package/dist/components/CompareImage.js +4 -4
- package/dist/components/CompareImage.js.map +1 -1
- package/dist/components/CountFx.d.ts +1 -1
- package/dist/components/CountFx.d.ts.map +1 -1
- package/dist/components/CountFx.js +6 -6
- package/dist/components/CountFx.js.map +1 -1
- package/dist/components/CountdownFx.d.ts +1 -1
- package/dist/components/CountdownFx.d.ts.map +1 -1
- package/dist/components/CountdownFx.js +4 -4
- package/dist/components/CountdownFx.js.map +1 -1
- package/dist/components/Cursor.d.ts +1 -1
- package/dist/components/Cursor.d.ts.map +1 -1
- package/dist/components/Cursor.js +6 -6
- package/dist/components/Cursor.js.map +1 -1
- package/dist/components/DateInput.d.ts +1 -1
- package/dist/components/DateInput.d.ts.map +1 -1
- package/dist/components/DateInput.js +6 -5
- package/dist/components/DateInput.js.map +1 -1
- package/dist/components/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker.js +5 -5
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput.d.ts +2 -2
- package/dist/components/DateRangeInput.d.ts.map +1 -1
- package/dist/components/DateRangeInput.js +6 -4
- package/dist/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker.d.ts +1 -1
- package/dist/components/DateRangePicker.d.ts.map +1 -1
- package/dist/components/DateRangePicker.js +3 -3
- package/dist/components/DateRangePicker.js.map +1 -1
- package/dist/components/Dialog.d.ts +2 -0
- package/dist/components/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog.js +32 -15
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Dropdown.d.ts.map +1 -1
- package/dist/components/Dropdown.js +1 -1
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/DropdownWrapper.d.ts.map +1 -1
- package/dist/components/DropdownWrapper.js +14 -11
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/ElementType.d.ts +1 -1
- package/dist/components/ElementType.d.ts.map +1 -1
- package/dist/components/EmojiPickerDropdown.d.ts +1 -1
- package/dist/components/EmojiPickerDropdown.d.ts.map +1 -1
- package/dist/components/EmojiPickerDropdown.js +4 -2
- package/dist/components/EmojiPickerDropdown.js.map +1 -1
- package/dist/components/Fade.js +1 -1
- package/dist/components/Fade.js.map +1 -1
- package/dist/components/FlipFx.d.ts.map +1 -1
- package/dist/components/FlipFx.js +2 -4
- package/dist/components/FlipFx.js.map +1 -1
- package/dist/components/FocusTrap.d.ts +1 -1
- package/dist/components/FocusTrap.d.ts.map +1 -1
- package/dist/components/FocusTrap.js +3 -3
- package/dist/components/FocusTrap.js.map +1 -1
- package/dist/components/GlitchFx.js +1 -1
- package/dist/components/GlitchFx.js.map +1 -1
- package/dist/components/Heading.js +1 -1
- package/dist/components/Heading.js.map +1 -1
- package/dist/components/HoloFx.d.ts +1 -1
- package/dist/components/HoloFx.d.ts.map +1 -1
- package/dist/components/HoloFx.js +17 -8
- package/dist/components/HoloFx.js.map +1 -1
- package/dist/components/Icon.js +1 -1
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/IconButton.js +1 -1
- package/dist/components/IconButton.js.map +1 -1
- package/dist/components/InlineCode.js +1 -1
- package/dist/components/InlineCode.js.map +1 -1
- package/dist/components/Input.js +1 -1
- package/dist/components/Input.js.map +1 -1
- package/dist/components/LetterFx.js +1 -1
- package/dist/components/LetterFx.js.map +1 -1
- package/dist/components/ListItem.js +1 -1
- package/dist/components/ListItem.js.map +1 -1
- package/dist/components/Logo.d.ts +1 -1
- package/dist/components/Logo.d.ts.map +1 -1
- package/dist/components/Logo.js +6 -10
- package/dist/components/Logo.js.map +1 -1
- package/dist/components/LogoCloud.js +1 -1
- package/dist/components/LogoCloud.js.map +1 -1
- package/dist/components/Mask.js +1 -1
- package/dist/components/Mask.js.map +1 -1
- package/dist/components/MasonryGrid.js +1 -1
- package/dist/components/MasonryGrid.js.map +1 -1
- package/dist/components/Media.d.ts +1 -1
- package/dist/components/Media.d.ts.map +1 -1
- package/dist/components/Media.js +4 -4
- package/dist/components/Media.js.map +1 -1
- package/dist/components/MediaVideoPlayer.d.ts +1 -1
- package/dist/components/MediaVideoPlayer.d.ts.map +1 -1
- package/dist/components/MediaVideoPlayer.js +5 -5
- package/dist/components/MediaVideoPlayer.js.map +1 -1
- package/dist/components/Modal.d.ts +1 -1
- package/dist/components/Modal.d.ts.map +1 -1
- package/dist/components/Modal.js +3 -3
- package/dist/components/Modal.js.map +1 -1
- package/dist/components/NavIcon.js +1 -1
- package/dist/components/NavIcon.js.map +1 -1
- package/dist/components/NumberInput.js +1 -1
- package/dist/components/NumberInput.js.map +1 -1
- package/dist/components/OgCard.d.ts +3 -2
- package/dist/components/OgCard.d.ts.map +1 -1
- package/dist/components/OgCard.js +2 -2
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/Option.js +1 -1
- package/dist/components/Option.js.map +1 -1
- package/dist/components/ProgressBar.d.ts +1 -1
- package/dist/components/ProgressBar.d.ts.map +1 -1
- package/dist/components/ProgressBar.js +1 -1
- package/dist/components/ProgressBar.js.map +1 -1
- package/dist/components/RadioButton.d.ts +1 -0
- package/dist/components/RadioButton.d.ts.map +1 -1
- package/dist/components/RadioButton.js +6 -6
- package/dist/components/RadioButton.js.map +1 -1
- package/dist/components/ScrollContainer.d.ts +1 -1
- package/dist/components/ScrollContainer.d.ts.map +1 -1
- package/dist/components/ScrollContainer.js +3 -3
- package/dist/components/ScrollContainer.js.map +1 -1
- package/dist/components/ScrollLock.d.ts +6 -1
- package/dist/components/ScrollLock.d.ts.map +1 -1
- package/dist/components/ScrollLock.js +39 -13
- package/dist/components/ScrollLock.js.map +1 -1
- package/dist/components/ScrollToTop.d.ts +4 -1
- package/dist/components/ScrollToTop.d.ts.map +1 -1
- package/dist/components/ScrollToTop.js +2 -1
- package/dist/components/ScrollToTop.js.map +1 -1
- package/dist/components/Scroller.d.ts +2 -2
- package/dist/components/Scroller.d.ts.map +1 -1
- package/dist/components/Scroller.js +4 -4
- package/dist/components/Scroller.js.map +1 -1
- package/dist/components/SegmentedControl.d.ts +1 -1
- package/dist/components/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl.js +3 -3
- package/dist/components/SegmentedControl.js.map +1 -1
- package/dist/components/Select.d.ts +1 -1
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/components/Select.js +1 -1
- package/dist/components/Select.js.map +1 -1
- package/dist/components/ServerFlex.d.ts.map +1 -1
- package/dist/components/ServerFlex.js +4 -2
- package/dist/components/ServerFlex.js.map +1 -1
- package/dist/components/ServerGrid.js +1 -1
- package/dist/components/ServerGrid.js.map +1 -1
- package/dist/components/SharedInteractiveStyles.module.scss +4 -0
- package/dist/components/ShineFx.d.ts +1 -1
- package/dist/components/ShineFx.d.ts.map +1 -1
- package/dist/components/ShineFx.js +4 -3
- package/dist/components/ShineFx.js.map +1 -1
- package/dist/components/Skeleton.js +1 -1
- package/dist/components/Skeleton.js.map +1 -1
- package/dist/components/Slider.js +1 -1
- package/dist/components/Slider.js.map +1 -1
- package/dist/components/Slider.module.scss +2 -2
- package/dist/components/SmartLink.js +1 -1
- package/dist/components/SmartLink.js.map +1 -1
- package/dist/components/Spinner.js +1 -1
- package/dist/components/Spinner.js.map +1 -1
- package/dist/components/StatusIndicator.js +1 -1
- package/dist/components/StatusIndicator.js.map +1 -1
- package/dist/components/StylePanel.js +1 -1
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/Swiper.d.ts +2 -1
- package/dist/components/Swiper.d.ts.map +1 -1
- package/dist/components/Swiper.js +5 -5
- package/dist/components/Swiper.js.map +1 -1
- package/dist/components/Switch.js +1 -1
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/Table.d.ts +3 -0
- package/dist/components/Table.d.ts.map +1 -1
- package/dist/components/Table.js +2 -1
- package/dist/components/Table.js.map +1 -1
- package/dist/components/Tag.d.ts +1 -1
- package/dist/components/Tag.d.ts.map +1 -1
- package/dist/components/Tag.js +1 -1
- package/dist/components/Tag.js.map +1 -1
- package/dist/components/Text.js +1 -1
- package/dist/components/Text.js.map +1 -1
- package/dist/components/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea.js +1 -2
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/ThemeInit.d.ts.map +1 -1
- package/dist/components/ThemeInit.js +4 -1
- package/dist/components/ThemeInit.js.map +1 -1
- package/dist/components/TiltFx.d.ts +1 -1
- package/dist/components/TiltFx.d.ts.map +1 -1
- package/dist/components/TiltFx.js +16 -7
- package/dist/components/TiltFx.js.map +1 -1
- package/dist/components/Timeline.d.ts +2 -2
- package/dist/components/Timeline.d.ts.map +1 -1
- package/dist/components/Timeline.js +3 -2
- package/dist/components/Timeline.js.map +1 -1
- package/dist/components/Toast.js +1 -1
- package/dist/components/Toast.js.map +1 -1
- package/dist/components/Toaster.d.ts +1 -1
- package/dist/components/Toaster.d.ts.map +1 -1
- package/dist/components/Toaster.js +4 -4
- package/dist/components/Toaster.js.map +1 -1
- package/dist/components/Toaster.module.scss +0 -2
- package/dist/components/ToggleButton.js +1 -1
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/TypeFx.d.ts +1 -1
- package/dist/components/TypeFx.d.ts.map +1 -1
- package/dist/components/TypeFx.js +3 -3
- package/dist/components/TypeFx.js.map +1 -1
- package/dist/components/User.js +1 -1
- package/dist/components/User.js.map +1 -1
- package/dist/components/UserMenu.d.ts +1 -1
- package/dist/components/UserMenu.d.ts.map +1 -1
- package/dist/components/UserMenu.js +4 -3
- package/dist/components/UserMenu.js.map +1 -1
- package/dist/css/styles.css +1 -1
- package/dist/css/styles.css.map +1 -1
- package/dist/css/tokens.css +1 -1
- package/dist/css/tokens.css.map +1 -1
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +2 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useArrowNavigation.d.ts.map +1 -1
- package/dist/hooks/useArrowNavigation.js +1 -0
- package/dist/hooks/useArrowNavigation.js.map +1 -1
- package/dist/hooks/useDebounce.d.ts +1 -1
- package/dist/hooks/useDebounce.d.ts.map +1 -1
- package/dist/hooks/useDebounce.js.map +1 -1
- package/dist/hooks/useResponsiveClasses.d.ts.map +1 -1
- package/dist/hooks/useResponsiveClasses.js +45 -2
- package/dist/hooks/useResponsiveClasses.js.map +1 -1
- package/dist/interfaces.d.ts +21 -36
- package/dist/interfaces.d.ts.map +1 -1
- package/dist/internal/scrollLockState.d.ts +2 -0
- package/dist/internal/scrollLockState.d.ts.map +1 -0
- package/dist/internal/scrollLockState.js +12 -0
- package/dist/internal/scrollLockState.js.map +1 -0
- package/dist/modules/code/CodeBlock.impl.d.ts +2 -0
- package/dist/modules/code/CodeBlock.impl.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.impl.js +46 -12
- package/dist/modules/code/CodeBlock.impl.js.map +1 -1
- package/dist/modules/data/BarChart.impl.js +1 -1
- package/dist/modules/data/BarChart.impl.js.map +1 -1
- package/dist/modules/data/LineBarChart.impl.js +1 -1
- package/dist/modules/data/LineBarChart.impl.js.map +1 -1
- package/dist/modules/data/LineChart.impl.js +1 -1
- package/dist/modules/data/LineChart.impl.js.map +1 -1
- package/dist/modules/data/PieChart.impl.js +1 -1
- package/dist/modules/data/PieChart.impl.js.map +1 -1
- package/dist/modules/data/utils/formatDate.js +1 -1
- package/dist/modules/data/utils/formatDate.js.map +1 -1
- package/dist/modules/index.d.ts +2 -1
- package/dist/modules/index.d.ts.map +1 -1
- package/dist/modules/index.js +2 -1
- package/dist/modules/index.js.map +1 -1
- package/dist/package.json +17 -6
- package/dist/styles/typography.scss +8 -0
- package/dist/tokens/typography.scss +2 -0
- package/dist/types.d.ts +1 -1
- package/dist/types.d.ts.map +1 -1
- package/next-env.d.ts +5 -0
- package/package.json +33 -19
- package/scripts/generate-ai-spec.js +5 -5
- package/.eslintrc.json +0 -3
- package/ai/catalog.seed.json +0 -411
- package/dist/ai/catalog.seed.json +0 -411
- package/next.config.mjs +0 -14
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAmB,IAAI,EAAa,MAAM,GAAG,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAmB,IAAI,EAAa,MAAM,GAAG,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACpD,aAAa,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,WAAW,sGAgFhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
import classNames from "
|
|
4
|
+
import classNames from "clsx";
|
|
5
5
|
import { Column, CountFx, Flex, Row, Text } from ".";
|
|
6
6
|
const ProgressBar = forwardRef(({ value, min = 0, max = 100, label = true, labelPosition = "bottom", barBackground = "brand-strong", className, style, ...rest }, ref) => {
|
|
7
7
|
const percent = Math.max(0, Math.min(100, ((value - min) / (max - min)) * 100));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAcrD,MAAM,WAAW,GAAG,UAAU,CAC5B,CACE,EACE,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,IAAI,EACZ,aAAa,GAAG,QAAQ,EACxB,aAAa,GAAG,cAAc,EAC9B,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IAChF,MAAM,YAAY,GAAG,aAAa,KAAK,MAAM,IAAI,aAAa,KAAK,OAAO,CAAC;IAE3E,MAAM,GAAG,GAAG,CACV,KAAC,IAAI,IACH,UAAU,EAAC,gBAAgB,EAC3B,MAAM,EAAC,oBAAoB,EAC3B,SAAS,QACT,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,aAAa,mBACH,KAAK,mBACL,GAAG,mBACH,GAAG,YAElB,KAAC,IAAI,IACH,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,UAAU,EAAE,0BAA0B,EAAE,EACvE,UAAU,QACV,KAAK,EAAE,aAAa,EACpB,MAAM,EAAC,MAAM,GACb,GACG,CACR,CAAC;IAEF,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CACtB,MAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,aAC9C,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAC,aAAa,GAAG,SACtE,CACR,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAC,IAAI,EACR,SAAS,QACT,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,KAC5B,IAAI,aAEP,aAAa,KAAK,MAAM,IAAI,OAAO,EACnC,GAAG,EACH,aAAa,KAAK,OAAO,IAAI,OAAO,IACjC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,MAAM,IACL,UAAU,EAAC,QAAQ,EACnB,GAAG,EAAC,IAAI,EACR,SAAS,QACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,KAC5B,IAAI,aAEP,aAAa,KAAK,KAAK,IAAI,OAAO,EAClC,GAAG,EACH,aAAa,KAAK,QAAQ,IAAI,OAAO,IAC/B,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../src/components/RadioButton.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../src/components/RadioButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAA4B,uBAAuB,EAAE,MAAM,GAAG,CAAC;AAGtE,UAAU,gBACR,SAAQ,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAC9C,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyF3C,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useState, useEffect, forwardRef } from "react";
|
|
4
|
-
import classNames from "
|
|
3
|
+
import { useState, useEffect, forwardRef, useId } from "react";
|
|
4
|
+
import classNames from "clsx";
|
|
5
5
|
import { Flex, InteractiveDetails } from ".";
|
|
6
6
|
import styles from "./SharedInteractiveStyles.module.scss";
|
|
7
|
-
const
|
|
8
|
-
const RadioButton = forwardRef(({ style, className, isChecked: controlledIsChecked, name, value, onToggle, disabled, ...props }, ref) => {
|
|
7
|
+
const RadioButton = forwardRef(({ style, className, isChecked: controlledIsChecked, name, value, onToggle, disabled, hoverable = true, ...props }, ref) => {
|
|
9
8
|
const [isChecked, setIsChecked] = useState(controlledIsChecked || false);
|
|
10
|
-
const
|
|
9
|
+
const radioId = useId();
|
|
11
10
|
useEffect(() => {
|
|
12
11
|
if (controlledIsChecked !== undefined) {
|
|
13
12
|
setIsChecked(controlledIsChecked);
|
|
@@ -33,7 +32,8 @@ const RadioButton = forwardRef(({ style, className, isChecked: controlledIsCheck
|
|
|
33
32
|
};
|
|
34
33
|
return (_jsxs(Flex, { vertical: "center", gap: "16", zIndex: 1, className: classNames(styles.container, className, {
|
|
35
34
|
[styles.disabled]: disabled,
|
|
36
|
-
|
|
35
|
+
[styles.noHover]: !hoverable,
|
|
36
|
+
}), style: style, children: [_jsx("input", { type: "radio", ref: ref, name: name, value: value, checked: controlledIsChecked !== undefined ? controlledIsChecked : isChecked, onChange: toggleItem, disabled: disabled, className: styles.hidden, tabIndex: -1 }), _jsx(Flex, { role: "radio", "aria-checked": controlledIsChecked !== undefined ? controlledIsChecked : isChecked, "aria-labelledby": radioId, "aria-disabled": disabled, horizontal: "center", vertical: "center", radius: "full", onClick: toggleItem, onKeyDown: handleKeyDown, tabIndex: disabled ? -1 : 0, cursor: disabled ? "not-allowed" : undefined, style: style, className: classNames(styles.element, {
|
|
37
37
|
[styles.checked]: controlledIsChecked !== undefined ? controlledIsChecked : isChecked,
|
|
38
38
|
[styles.disabled]: disabled,
|
|
39
39
|
}), children: (controlledIsChecked !== undefined ? controlledIsChecked : isChecked) && (_jsx(Flex, { style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../src/components/RadioButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../src/components/RadioButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,6 @@ export interface ScrollContainerProps extends React.ComponentProps<typeof Row> {
|
|
|
4
4
|
items: React.ReactNode[];
|
|
5
5
|
controlPlacement?: "top-start" | "top-center" | "top-end" | "top-between" | "bottom-start" | "bottom-center" | "bottom-end" | "bottom-between";
|
|
6
6
|
}
|
|
7
|
-
declare const ScrollContainer: React.
|
|
7
|
+
declare const ScrollContainer: React.ForwardRefExoticComponent<Omit<ScrollContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
8
|
export { ScrollContainer };
|
|
9
9
|
//# sourceMappingURL=ScrollContainer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollContainer.d.ts","sourceRoot":"","sources":["../../src/components/ScrollContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"ScrollContainer.d.ts","sourceRoot":"","sources":["../../src/components/ScrollContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+D,MAAM,OAAO,CAAC;AACpF,OAAO,EAAU,GAAG,EAAc,MAAM,GAAG,CAAC;AAE5C,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC;IAC5E,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,WAAW,GAAG,YAAY,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,GAAG,eAAe,GAAG,YAAY,GAAG,gBAAgB,CAAC;CAChJ;AAUD,QAAA,MAAM,eAAe,0GAgGnB,CAAA;AAGF,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useRef, useState, useEffect, useCallback } from "react";
|
|
3
|
+
import { useRef, useState, useEffect, useCallback, forwardRef } from "react";
|
|
4
4
|
import { Column, Row, IconButton } from ".";
|
|
5
5
|
const getHorizontalAlignment = (placement) => {
|
|
6
6
|
if (placement === "top-start" || placement === "bottom-start")
|
|
@@ -13,7 +13,7 @@ const getHorizontalAlignment = (placement) => {
|
|
|
13
13
|
return "between";
|
|
14
14
|
return "start";
|
|
15
15
|
};
|
|
16
|
-
const ScrollContainer = ({ items, controlPlacement = "top-start", ...flex }) => {
|
|
16
|
+
const ScrollContainer = forwardRef(({ items, controlPlacement = "top-start", ...flex }, ref) => {
|
|
17
17
|
const scrollRef = useRef(null);
|
|
18
18
|
const [canScrollLeft, setCanScrollLeft] = useState(false);
|
|
19
19
|
const [canScrollRight, setCanScrollRight] = useState(true);
|
|
@@ -61,7 +61,7 @@ const ScrollContainer = ({ items, controlPlacement = "top-start", ...flex }) =>
|
|
|
61
61
|
scrollSnapAlign: "start",
|
|
62
62
|
flexShrink: 0,
|
|
63
63
|
}, ...flex, children: item }, index))) })] }));
|
|
64
|
-
};
|
|
64
|
+
});
|
|
65
65
|
ScrollContainer.displayName = "ScrollContainer";
|
|
66
66
|
export { ScrollContainer };
|
|
67
67
|
//# sourceMappingURL=ScrollContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollContainer.js","sourceRoot":"","sources":["../../src/components/ScrollContainer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ScrollContainer.js","sourceRoot":"","sources":["../../src/components/ScrollContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,11 @@ interface ScrollLockProps {
|
|
|
3
3
|
enabled: boolean;
|
|
4
4
|
allowScrollInElement?: RefObject<HTMLElement | null>;
|
|
5
5
|
}
|
|
6
|
-
export declare const ScrollLock:
|
|
6
|
+
export declare const ScrollLock: {
|
|
7
|
+
({ enabled, allowScrollInElement }: ScrollLockProps): null;
|
|
8
|
+
displayName: string;
|
|
9
|
+
};
|
|
10
|
+
/** Reset module-level state for testing */
|
|
11
|
+
export declare const resetScrollLockState: () => void;
|
|
7
12
|
export {};
|
|
8
13
|
//# sourceMappingURL=ScrollLock.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollLock.d.ts","sourceRoot":"","sources":["../../src/components/ScrollLock.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,UAAU,eAAe;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,oBAAoB,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACtD;
|
|
1
|
+
{"version":3,"file":"ScrollLock.d.ts","sourceRoot":"","sources":["../../src/components/ScrollLock.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,UAAU,eAAe;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,oBAAoB,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACtD;AAkBD,eAAO,MAAM,UAAU;wCAAuC,eAAe;;CAiI5E,CAAC;AAIF,2CAA2C;AAC3C,eAAO,MAAM,oBAAoB,YAEhC,CAAC"}
|
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { useLayoutEffect, useRef } from "react";
|
|
3
|
+
// Shared registry so multiple ScrollLock instances know about each other's allowed elements.
|
|
4
|
+
// Refs are stored rather than elements: the ref target is usually mounted in a later commit
|
|
5
|
+
// than the ScrollLock effect (portals, `isOpen &&` subtrees), so `current` is still null here.
|
|
6
|
+
// Dereferencing at event time instead keeps late-attached containers scrollable.
|
|
7
|
+
const allowedScrollRefs = new Set();
|
|
8
|
+
const getAllowedScrollElements = () => {
|
|
9
|
+
const elements = [];
|
|
10
|
+
for (const ref of allowedScrollRefs) {
|
|
11
|
+
if (ref.current) {
|
|
12
|
+
elements.push(ref.current);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
return elements;
|
|
16
|
+
};
|
|
3
17
|
export const ScrollLock = ({ enabled, allowScrollInElement }) => {
|
|
4
18
|
const scrollPositionRef = useRef({ x: 0, y: 0 });
|
|
5
19
|
useLayoutEffect(() => {
|
|
@@ -13,6 +27,10 @@ export const ScrollLock = ({ enabled, allowScrollInElement }) => {
|
|
|
13
27
|
queueMicrotask(() => {
|
|
14
28
|
window.scrollTo(scrollX, scrollY);
|
|
15
29
|
});
|
|
30
|
+
// Register this instance's allowed ref in the shared registry
|
|
31
|
+
if (allowScrollInElement) {
|
|
32
|
+
allowedScrollRefs.add(allowScrollInElement);
|
|
33
|
+
}
|
|
16
34
|
// Check if an element can scroll in a given direction
|
|
17
35
|
const canScroll = (el, deltaY) => {
|
|
18
36
|
const style = window.getComputedStyle(el);
|
|
@@ -50,13 +68,12 @@ export const ScrollLock = ({ enabled, allowScrollInElement }) => {
|
|
|
50
68
|
}
|
|
51
69
|
return null;
|
|
52
70
|
};
|
|
53
|
-
// Prevent wheel scroll
|
|
71
|
+
// Prevent wheel scroll — checks ALL registered allowed elements
|
|
54
72
|
const preventWheel = (e) => {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
const scrollable = findScrollableParent(target, allowScrollInElement.current, e.deltaY);
|
|
73
|
+
const target = e.target;
|
|
74
|
+
for (const allowed of getAllowedScrollElements()) {
|
|
75
|
+
if (allowed.contains(target)) {
|
|
76
|
+
const scrollable = findScrollableParent(target, allowed, e.deltaY);
|
|
60
77
|
if (scrollable) {
|
|
61
78
|
return; // Allow scroll within the scrollable element
|
|
62
79
|
}
|
|
@@ -70,11 +87,11 @@ export const ScrollLock = ({ enabled, allowScrollInElement }) => {
|
|
|
70
87
|
touchStartY = e.touches[0].clientY;
|
|
71
88
|
};
|
|
72
89
|
const preventTouch = (e) => {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
if (
|
|
90
|
+
const target = e.target;
|
|
91
|
+
for (const allowed of getAllowedScrollElements()) {
|
|
92
|
+
if (allowed.contains(target)) {
|
|
76
93
|
const deltaY = touchStartY - e.touches[0].clientY;
|
|
77
|
-
const scrollable = findScrollableParent(target,
|
|
94
|
+
const scrollable = findScrollableParent(target, allowed, deltaY);
|
|
78
95
|
if (scrollable) {
|
|
79
96
|
return;
|
|
80
97
|
}
|
|
@@ -86,9 +103,9 @@ export const ScrollLock = ({ enabled, allowScrollInElement }) => {
|
|
|
86
103
|
const preventKeyScroll = (e) => {
|
|
87
104
|
const scrollKeys = ["ArrowUp", "ArrowDown", "PageUp", "PageDown", "Home", "End", " "];
|
|
88
105
|
if (scrollKeys.includes(e.key)) {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
if (
|
|
106
|
+
const target = e.target;
|
|
107
|
+
for (const allowed of getAllowedScrollElements()) {
|
|
108
|
+
if (allowed.contains(target)) {
|
|
92
109
|
return;
|
|
93
110
|
}
|
|
94
111
|
}
|
|
@@ -105,8 +122,17 @@ export const ScrollLock = ({ enabled, allowScrollInElement }) => {
|
|
|
105
122
|
window.removeEventListener("touchstart", handleTouchStart, { capture: true });
|
|
106
123
|
window.removeEventListener("touchmove", preventTouch, { capture: true });
|
|
107
124
|
window.removeEventListener("keydown", preventKeyScroll, { capture: true });
|
|
125
|
+
// Unregister from shared registry
|
|
126
|
+
if (allowScrollInElement) {
|
|
127
|
+
allowedScrollRefs.delete(allowScrollInElement);
|
|
128
|
+
}
|
|
108
129
|
};
|
|
109
130
|
}, [enabled, allowScrollInElement]);
|
|
110
131
|
return null;
|
|
111
132
|
};
|
|
133
|
+
ScrollLock.displayName = "ScrollLock";
|
|
134
|
+
/** Reset module-level state for testing */
|
|
135
|
+
export const resetScrollLockState = () => {
|
|
136
|
+
allowedScrollRefs.clear();
|
|
137
|
+
};
|
|
112
138
|
//# sourceMappingURL=ScrollLock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollLock.js","sourceRoot":"","sources":["../../src/components/ScrollLock.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,eAAe,EAAE,MAAM,EAAa,MAAM,OAAO,CAAC;AAO3D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,oBAAoB,EAAmB,EAAE,EAAE;IAC/E,MAAM,iBAAiB,GAAG,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAEjD,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,4CAA4C;QAC5C,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAC/B,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAC/B,iBAAiB,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC;QAEvD,0FAA0F;QAC1F,cAAc,CAAC,GAAG,EAAE;YAClB,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,sDAAsD;QACtD,MAAM,SAAS,GAAG,CAAC,EAAe,EAAE,MAAc,EAAW,EAAE;YAC7D,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;YAC1C,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;YAElC,wCAAwC;YACxC,IAAI,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;gBACnD,OAAO,KAAK,CAAC;YACf,CAAC;YAED,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC;YACrD,MAAM,WAAW,GAAG,YAAY,GAAG,YAAY,CAAC;YAChD,IAAI,CAAC,WAAW;gBAAE,OAAO,KAAK,CAAC;YAE/B,uDAAuD;YACvD,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;gBACf,uCAAuC;gBACvC,OAAO,SAAS,GAAG,YAAY,GAAG,YAAY,CAAC;YACjD,CAAC;iBAAM,CAAC;gBACN,wCAAwC;gBACxC,OAAO,SAAS,GAAG,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,CAAC;QAEF,8EAA8E;QAC9E,MAAM,oBAAoB,GAAG,CAAC,MAAmB,EAAE,SAAsB,EAAE,MAAc,EAAsB,EAAE;YAC/G,IAAI,OAAO,GAAuB,MAAM,CAAC;YACzC,OAAO,OAAO,IAAI,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC9C,IAAI,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC;oBAC/B,OAAO,OAAO,CAAC;gBACjB,CAAC;gBACD,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC;YAClC,CAAC;YACD,6BAA6B;YAC7B,IAAI,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,CAAC;gBACjC,OAAO,SAAS,CAAC;YACnB,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;QAEF,
|
|
1
|
+
{"version":3,"file":"ScrollLock.js","sourceRoot":"","sources":["../../src/components/ScrollLock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,9 @@ import { Flex } from ".";
|
|
|
2
2
|
interface ScrollToTopProps extends React.ComponentProps<typeof Flex> {
|
|
3
3
|
offset?: number;
|
|
4
4
|
}
|
|
5
|
-
export declare const ScrollToTop:
|
|
5
|
+
export declare const ScrollToTop: {
|
|
6
|
+
({ children, offset, className, ...rest }: ScrollToTopProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
displayName: string;
|
|
8
|
+
};
|
|
6
9
|
export {};
|
|
7
10
|
//# sourceMappingURL=ScrollToTop.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollToTop.d.ts","sourceRoot":"","sources":["../../src/components/ScrollToTop.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAIzB,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"ScrollToTop.d.ts","sourceRoot":"","sources":["../../src/components/ScrollToTop.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAIzB,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW;+CAAoD,gBAAgB;;CAoC3F,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { useState, useEffect } from "react";
|
|
4
4
|
import { Flex } from ".";
|
|
5
5
|
import styles from "./ScrollToTop.module.scss";
|
|
6
|
-
import classNames from "
|
|
6
|
+
import classNames from "clsx";
|
|
7
7
|
export const ScrollToTop = ({ children, offset = 300, className, ...rest }) => {
|
|
8
8
|
const [isVisible, setIsVisible] = useState(false);
|
|
9
9
|
const handleScroll = () => {
|
|
@@ -21,4 +21,5 @@ export const ScrollToTop = ({ children, offset = 300, className, ...rest }) => {
|
|
|
21
21
|
}, []);
|
|
22
22
|
return (_jsx(Flex, { onClick: scrollToTop, "aria-hidden": !isVisible, position: "fixed", bottom: "16", right: "16", className: classNames(styles.scrollToTop, className), "data-visible": isVisible, tabIndex: isVisible ? 0 : -1, zIndex: isVisible ? 8 : 0, cursor: "pointer", ...rest, children: children }));
|
|
23
23
|
};
|
|
24
|
+
ScrollToTop.displayName = "ScrollToTop";
|
|
24
25
|
//# sourceMappingURL=ScrollToTop.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollToTop.js","sourceRoot":"","sources":["../../src/components/ScrollToTop.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,UAAU,MAAM,
|
|
1
|
+
{"version":3,"file":"ScrollToTop.js","sourceRoot":"","sources":["../../src/components/ScrollToTop.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,UAAU,MAAM,MAAM,CAAC;AAM9B,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,EAAoB,EAAE,EAAE;IAC9F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,QAAQ,CAAC;YACd,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAClE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,IAAI,IACH,OAAO,EAAE,WAAW,iBACP,CAAC,SAAS,EACvB,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAC,IAAI,EACX,KAAK,EAAC,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,kBACtC,SAAS,EACvB,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC5B,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACzB,MAAM,EAAC,SAAS,KACZ,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Flex, BaseColor } from ".";
|
|
3
|
-
import { RadiusSize } from "
|
|
3
|
+
import { RadiusSize } from "../types";
|
|
4
4
|
interface ScrollerProps extends React.ComponentProps<typeof Flex> {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
direction?: "row" | "column";
|
|
@@ -8,7 +8,7 @@ interface ScrollerProps extends React.ComponentProps<typeof Flex> {
|
|
|
8
8
|
onItemClick?: (index: number) => void;
|
|
9
9
|
radius?: RadiusSize;
|
|
10
10
|
}
|
|
11
|
-
declare const Scroller: React.
|
|
11
|
+
declare const Scroller: React.ForwardRefExoticComponent<Omit<ScrollerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
12
|
export { Scroller };
|
|
13
13
|
export type { ScrollerProps };
|
|
14
14
|
//# sourceMappingURL=Scroller.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scroller.d.ts","sourceRoot":"","sources":["../../src/components/Scroller.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"Scroller.d.ts","sourceRoot":"","sources":["../../src/components/Scroller.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAc,SAAS,EAAQ,MAAM,GAAG,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAOD,QAAA,MAAM,QAAQ,mGAoLZ,CAAA;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React, { useEffect, useRef, useState } from "react";
|
|
4
|
-
import classNames from "
|
|
3
|
+
import React, { useEffect, useRef, useState, forwardRef } from "react";
|
|
4
|
+
import classNames from "clsx";
|
|
5
5
|
import { Flex, IconButton, Fade } from ".";
|
|
6
6
|
import styles from "./Scroller.module.scss";
|
|
7
|
-
const Scroller = ({ children, direction = "row", fadeColor = "transparent", radius, className, style, onItemClick, ...rest }) => {
|
|
7
|
+
const Scroller = forwardRef(({ children, direction = "row", fadeColor = "transparent", radius, className, style, onItemClick, ...rest }, ref) => {
|
|
8
8
|
const scrollerRef = useRef(null);
|
|
9
9
|
const [showPrevButton, setShowPrevButton] = useState(false);
|
|
10
10
|
const [showNextButton, setShowNextButton] = useState(false);
|
|
@@ -94,7 +94,7 @@ const Scroller = ({ children, direction = "row", fadeColor = "transparent", radi
|
|
|
94
94
|
handleScrollNext();
|
|
95
95
|
}
|
|
96
96
|
}, size: "s", variant: "secondary", "aria-label": "Scroll Next" }) }))] }));
|
|
97
|
-
};
|
|
97
|
+
});
|
|
98
98
|
Scroller.displayName = "Scroller";
|
|
99
99
|
export { Scroller };
|
|
100
100
|
//# sourceMappingURL=Scroller.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scroller.js","sourceRoot":"","sources":["../../src/components/Scroller.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Scroller.js","sourceRoot":"","sources":["../../src/components/Scroller.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ interface SegmentedControlProps extends Omit<React.ComponentProps<typeof Scrolle
|
|
|
12
12
|
className?: string;
|
|
13
13
|
style?: React.CSSProperties;
|
|
14
14
|
}
|
|
15
|
-
declare const SegmentedControl:
|
|
15
|
+
declare const SegmentedControl: import("react").ForwardRefExoticComponent<Omit<SegmentedControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
16
16
|
export { SegmentedControl };
|
|
17
17
|
export type { SegmentedControlProps, ButtonOption };
|
|
18
18
|
//# sourceMappingURL=SegmentedControl.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,QAAQ,EAAQ,iBAAiB,EAAE,MAAM,GAAG,CAAC;AAEpE,UAAU,YAAa,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,CAAC;IAC7F,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,QAAQ,EAAQ,iBAAiB,EAAE,MAAM,GAAG,CAAC;AAEpE,UAAU,YAAa,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,CAAC;IAC7F,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,gBAAgB,+HAuHpB,CAAA;AAIF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { useState, useEffect, useRef } from "react";
|
|
3
|
+
import { useState, useEffect, useRef, forwardRef } from "react";
|
|
4
4
|
import { ToggleButton, Scroller, Flex } from ".";
|
|
5
|
-
const SegmentedControl = ({ buttons, onToggle, defaultSelected, fillWidth = true, selected, compact = false, className, style, ...scrollerProps }) => {
|
|
5
|
+
const SegmentedControl = forwardRef(({ buttons, onToggle, defaultSelected, fillWidth = true, selected, compact = false, className, style, ...scrollerProps }, ref) => {
|
|
6
6
|
const [internalSelected, setInternalSelected] = useState(() => {
|
|
7
7
|
if (selected !== undefined)
|
|
8
8
|
return selected;
|
|
@@ -64,7 +64,7 @@ const SegmentedControl = ({ buttons, onToggle, defaultSelected, fillWidth = true
|
|
|
64
64
|
buttonRefs.current[index] = el;
|
|
65
65
|
}, variant: compact ? "outline" : "ghost", radius: compact ? (index === 0 ? "left" : index === buttons.length - 1 ? "right" : "none") : undefined, selected: index === selectedIndex, onClick: (event) => handleButtonClick(button, event), role: "tab", className: className, style: { opacity: (index !== selectedIndex && !compact) ? 0.6 : 1, ...style }, "aria-selected": index === selectedIndex, "aria-controls": `panel-${button.value}`, tabIndex: index === selectedIndex ? 0 : -1, fillWidth: fillWidth, ...button }, button.value));
|
|
66
66
|
}) }) }));
|
|
67
|
-
};
|
|
67
|
+
});
|
|
68
68
|
SegmentedControl.displayName = "SegmentedControl";
|
|
69
69
|
export { SegmentedControl };
|
|
70
70
|
//# sourceMappingURL=SegmentedControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ interface SelectProps extends Omit<InputProps, "onSelect" | "value">, Pick<Dropd
|
|
|
6
6
|
options: SelectOptionType[];
|
|
7
7
|
value?: string | string[];
|
|
8
8
|
emptyState?: ReactNode;
|
|
9
|
-
onSelect?: (value:
|
|
9
|
+
onSelect?: (value: string | string[]) => void;
|
|
10
10
|
placement?: Placement;
|
|
11
11
|
searchable?: boolean;
|
|
12
12
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2C,SAAS,EAAS,MAAM,OAAO,CAAC;AAEzF,OAAO,EAML,UAAU,EAEV,WAAW,EACX,oBAAoB,EAIrB,MAAM,GAAG,CAAC;AAEX,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,KAAK,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AAEtD,UAAU,WACR,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EAC5C,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;IACnE,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2C,SAAS,EAAS,MAAM,OAAO,CAAC;AAEzF,OAAO,EAML,UAAU,EAEV,WAAW,EACX,oBAAoB,EAIrB,MAAM,GAAG,CAAC;AAEX,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,KAAK,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AAEtD,UAAU,WACR,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EAC5C,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;IACnE,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoFD,QAAA,MAAM,MAAM,oFAgPX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useState, useRef, useEffect, forwardRef, useId } from "react";
|
|
4
|
-
import classNames from "
|
|
4
|
+
import classNames from "clsx";
|
|
5
5
|
import { DropdownWrapper, Flex, Icon, IconButton, Input, Option, Column, ArrowNavigation, useArrowNavigationContext, } from ".";
|
|
6
6
|
import inputStyles from "./Input.module.scss";
|
|
7
7
|
// Inner component that uses the arrow navigation context
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAa,KAAK,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,UAAU,MAAM,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ServerFlex.d.ts","sourceRoot":"","sources":["../../src/components/ServerFlex.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EACX,MAAM,eAAe,CAAC;AAGvB,UAAU,eACR,SAAQ,SAAS,EACf,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY;IACd,EAAE,CAAC,EAAE,mBAAmB,CAAC;IACzB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,EAAE,CAAC,EAAE,mBAAmB,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"ServerFlex.d.ts","sourceRoot":"","sources":["../../src/components/ServerFlex.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EACX,MAAM,eAAe,CAAC;AAGvB,UAAU,eACR,SAAQ,SAAS,EACf,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY;IACd,EAAE,CAAC,EAAE,mBAAmB,CAAC;IACzB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,EAAE,CAAC,EAAE,mBAAmB,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,QAAA,MAAM,UAAU,4GA4jBf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import classNames from "
|
|
2
|
+
import classNames from "clsx";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
4
|
const ServerFlex = forwardRef(({ as: Component = "div", inline, hide, dark, light, direction, xl, l, m, s, xs, isDefaultBreakpoints = true, wrap = false, horizontal, vertical, flex, textVariant, textSize, textWeight, textType, onBackground, onSolid, align, top, right, bottom, left, translateX, translateY, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, paddingX, paddingY, margin, marginLeft, marginRight, marginTop, marginBottom, marginX, marginY, gap, position = "relative", center, width, height, maxWidth, minWidth, minHeight, maxHeight, scrollbar = "minimal", fit = false, fitWidth = false, fitHeight = false, fill = false, fillWidth = false, fillHeight = false, aspectRatio, transition, background, solid, opacity, pointerEvents, border, borderTop, borderRight, borderBottom, borderLeft, borderX, borderY, borderStyle, borderWidth, radius, topRadius, rightRadius, bottomRadius, leftRadius, topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius, overflow, overflowX, overflowY, zIndex, shadow, cursor, className, style, children, ...rest }, ref) => {
|
|
5
5
|
if (onBackground && onSolid) {
|
|
@@ -150,7 +150,9 @@ const ServerFlex = forwardRef(({ as: Component = "div", inline, hide, dark, ligh
|
|
|
150
150
|
cascadedXs?.direction === "row-reverse" ||
|
|
151
151
|
cascadedXs?.direction === undefined
|
|
152
152
|
? `xs-align-${cascadedXs.vertical}`
|
|
153
|
-
: `xs-justify-${cascadedXs.vertical}`)
|
|
153
|
+
: `xs-justify-${cascadedXs.vertical}`),
|
|
154
|
+
// Additional class-based properties
|
|
155
|
+
cascadedL?.overflow && `l-overflow-${cascadedL.overflow}`, cascadedM?.overflow && `m-overflow-${cascadedM.overflow}`, cascadedS?.overflow && `s-overflow-${cascadedS.overflow}`, cascadedXs?.overflow && `xs-overflow-${cascadedXs.overflow}`, cascadedL?.overflowX && `l-overflow-x-${cascadedL.overflowX}`, cascadedM?.overflowX && `m-overflow-x-${cascadedM.overflowX}`, cascadedS?.overflowX && `s-overflow-x-${cascadedS.overflowX}`, cascadedXs?.overflowX && `xs-overflow-x-${cascadedXs.overflowX}`, cascadedL?.overflowY && `l-overflow-y-${cascadedL.overflowY}`, cascadedM?.overflowY && `m-overflow-y-${cascadedM.overflowY}`, cascadedS?.overflowY && `s-overflow-y-${cascadedS.overflowY}`, cascadedXs?.overflowY && `xs-overflow-y-${cascadedXs.overflowY}`, cascadedL?.wrap && `l-flex-${cascadedL.wrap}`, cascadedM?.wrap && `m-flex-${cascadedM.wrap}`, cascadedS?.wrap && `s-flex-${cascadedS.wrap}`, cascadedXs?.wrap && `xs-flex-${cascadedXs.wrap}`, cascadedL?.flex && `l-flex-${cascadedL.flex}`, cascadedM?.flex && `m-flex-${cascadedM.flex}`, cascadedS?.flex && `s-flex-${cascadedS.flex}`, cascadedXs?.flex && `xs-flex-${cascadedXs.flex}`, cascadedL?.align && `l-align-${cascadedL.align}`, cascadedM?.align && `m-align-${cascadedM.align}`, cascadedS?.align && `s-align-${cascadedS.align}`, cascadedXs?.align && `xs-align-${cascadedXs.align}`, cascadedL?.scrollbar && `l-scrollbar-${cascadedL.scrollbar}`, cascadedM?.scrollbar && `m-scrollbar-${cascadedM.scrollbar}`, cascadedS?.scrollbar && `s-scrollbar-${cascadedS.scrollbar}`, cascadedXs?.scrollbar && `xs-scrollbar-${cascadedXs.scrollbar}`, cascadedL?.pointerEvents && `l-pointer-events-${cascadedL.pointerEvents}`, cascadedM?.pointerEvents && `m-pointer-events-${cascadedM.pointerEvents}`, cascadedS?.pointerEvents && `s-pointer-events-${cascadedS.pointerEvents}`, cascadedXs?.pointerEvents && `xs-pointer-events-${cascadedXs.pointerEvents}`, cascadedL?.opacity !== undefined && `l-opacity-${cascadedL.opacity}`, cascadedM?.opacity !== undefined && `m-opacity-${cascadedM.opacity}`, cascadedS?.opacity !== undefined && `s-opacity-${cascadedS.opacity}`, cascadedXs?.opacity !== undefined && `xs-opacity-${cascadedXs.opacity}`, cascadedL?.zIndex && `l-z-index-${cascadedL.zIndex}`, cascadedM?.zIndex && `m-z-index-${cascadedM.zIndex}`, cascadedS?.zIndex && `s-z-index-${cascadedS.zIndex}`, cascadedXs?.zIndex && `xs-z-index-${cascadedXs.zIndex}`, cascadedL?.transition && `l-transition-${cascadedL.transition}`, cascadedM?.transition && `m-transition-${cascadedM.transition}`, cascadedS?.transition && `s-transition-${cascadedS.transition}`, cascadedXs?.transition && `xs-transition-${cascadedXs.transition}`);
|
|
154
156
|
}
|
|
155
157
|
const parseDimension = (value, type) => {
|
|
156
158
|
if (value === undefined)
|