@algolia/satellite 2.3.0-rc.9 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/dist/cjs/Actions/Button/PolymorphicButton.js +5 -5
  2. package/dist/cjs/Actions/Button/PolymorphicIconButton.js +2 -2
  3. package/dist/cjs/Actions/Button/styles.d.ts +1 -0
  4. package/dist/cjs/Actions/Button/styles.js +15 -10
  5. package/dist/cjs/Actions/SegmentedControl/SegmentedControl.js +3 -2
  6. package/dist/cjs/Actions/SegmentedControl/SegmentedControlOption.js +6 -3
  7. package/dist/cjs/Actions/ToggleButton/ToggleButtonBase.js +3 -3
  8. package/dist/cjs/Fields/Field/Field.js +3 -3
  9. package/dist/cjs/Fields/Input/Input.js +10 -13
  10. package/dist/cjs/Fields/RadioGroup/RadioGroupContext.d.ts +2 -0
  11. package/dist/cjs/Fields/Switch/Switch.tailwind.js +9 -9
  12. package/dist/cjs/Helpers/MarkdownContent/MarkdownContent.d.ts +15 -0
  13. package/dist/cjs/Helpers/MarkdownContent/MarkdownContent.js +29 -0
  14. package/dist/cjs/Helpers/MarkdownContent/MarkdownContent.tailwind.d.ts +5 -0
  15. package/dist/cjs/Helpers/MarkdownContent/MarkdownContent.tailwind.js +138 -0
  16. package/dist/cjs/Helpers/MarkdownContent/index.d.ts +1 -0
  17. package/dist/cjs/Helpers/MarkdownContent/index.js +16 -0
  18. package/dist/cjs/Helpers/index.d.ts +1 -0
  19. package/dist/cjs/Helpers/index.js +11 -0
  20. package/dist/cjs/Icons/index.d.ts +1 -1
  21. package/dist/cjs/Icons/index.js +6 -0
  22. package/dist/cjs/Overlay/MenuButton/MenuButton.d.ts +23 -7
  23. package/dist/cjs/Overlay/Modal/Modal.js +8 -8
  24. package/dist/cjs/styles/helpers/prefixTailwindClassName.js +7 -1
  25. package/dist/cjs/styles/tailwind.config.js +1 -1
  26. package/dist/esm/Actions/Button/PolymorphicButton.js +6 -6
  27. package/dist/esm/Actions/Button/PolymorphicIconButton.js +2 -2
  28. package/dist/esm/Actions/Button/styles.d.ts +1 -0
  29. package/dist/esm/Actions/Button/styles.js +14 -9
  30. package/dist/esm/Actions/SegmentedControl/SegmentedControl.js +3 -2
  31. package/dist/esm/Actions/SegmentedControl/SegmentedControlOption.js +6 -3
  32. package/dist/esm/Actions/ToggleButton/ToggleButtonBase.js +4 -4
  33. package/dist/esm/Fields/Field/Field.js +3 -3
  34. package/dist/esm/Fields/Input/Input.js +10 -13
  35. package/dist/esm/Fields/RadioGroup/RadioGroupContext.d.ts +2 -0
  36. package/dist/esm/Fields/Switch/Switch.tailwind.js +9 -9
  37. package/dist/esm/Helpers/MarkdownContent/MarkdownContent.d.ts +15 -0
  38. package/dist/esm/Helpers/MarkdownContent/MarkdownContent.js +22 -0
  39. package/dist/esm/Helpers/MarkdownContent/MarkdownContent.tailwind.d.ts +5 -0
  40. package/dist/esm/Helpers/MarkdownContent/MarkdownContent.tailwind.js +138 -0
  41. package/dist/esm/Helpers/MarkdownContent/index.d.ts +1 -0
  42. package/dist/esm/Helpers/MarkdownContent/index.js +1 -0
  43. package/dist/esm/Helpers/index.d.ts +1 -0
  44. package/dist/esm/Helpers/index.js +2 -1
  45. package/dist/esm/Icons/index.d.ts +1 -1
  46. package/dist/esm/Icons/index.js +1 -1
  47. package/dist/esm/Overlay/MenuButton/MenuButton.d.ts +23 -7
  48. package/dist/esm/Overlay/Modal/Modal.js +8 -8
  49. package/dist/esm/styles/helpers/prefixTailwindClassName.js +7 -1
  50. package/dist/esm/styles/tailwind.config.js +1 -1
  51. package/dist/satellite.min.css +1 -1
  52. package/package.json +2 -1
@@ -0,0 +1,22 @@
1
+ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
+ var _templateObject;
3
+ import cx from "clsx";
4
+ import { marked } from "marked";
5
+ import stl from "./../../styles/helpers/satellitePrefixer";
6
+ import { jsx as _jsx } from "react/jsx-runtime";
7
+ /**
8
+ * The `MarkdownContent` component is used to style user generated content that comes as Markdown.
9
+ */
10
+ export var MarkdownContent = function MarkdownContent(_ref) {
11
+ var className = _ref.className,
12
+ content = _ref.content;
13
+ if (!content) {
14
+ return null;
15
+ }
16
+ return /*#__PURE__*/_jsx("div", {
17
+ className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["markdown-content"]))), className),
18
+ dangerouslySetInnerHTML: {
19
+ __html: marked.parse(content)
20
+ }
21
+ });
22
+ };
@@ -0,0 +1,5 @@
1
+ declare const _exports: {
2
+ handler: import("tailwindcss/types/config").PluginCreator;
3
+ config?: Partial<import("tailwindcss/types/config").Config> | undefined;
4
+ };
5
+ export = _exports;
@@ -0,0 +1,138 @@
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
+ import _rgba from "../../styles/rgba";
5
+ import _require2 from "../../styles/helpers/icons";
6
+ import _plugin from "tailwindcss/plugin";
7
+ // @ts-check
8
+ var plugin = _plugin;
9
+ var _require = _require2,
10
+ toBG = _require.toBG;
11
+ var rgba = _rgba;
12
+ export default plugin(function (_ref) {
13
+ var addComponents = _ref.addComponents,
14
+ theme = _ref.theme;
15
+ /** @type {any} */
16
+ var desktop = theme("stlTypography.desktop", {});
17
+ /** @type {any} */
18
+ var mobile = theme("stlTypography.mobile", {});
19
+ addComponents({
20
+ ".markdown-content": {
21
+ "h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, table": {
22
+ "&:not(:first-child)": {
23
+ marginTop: theme("spacing.3")
24
+ },
25
+ "&:not(:last-child)": {
26
+ marginBottom: theme("spacing.2")
27
+ }
28
+ },
29
+ h1: desktop["display-medium"],
30
+ h2: desktop["display-small"],
31
+ h3: _objectSpread(_objectSpread({}, desktop["display-body"]), {}, {
32
+ fontWeight: theme("fontWeight.semibold")
33
+ }),
34
+ "h4, h5, h6": _objectSpread(_objectSpread({}, desktop["display-body"]), {}, {
35
+ fontWeight: theme("fontWeight.medium")
36
+ }),
37
+ "p, ul, ol, blockquote, table": _objectSpread(_objectSpread({}, mobile["display-body"]), {}, {
38
+ fontSize: theme("fontSize.base")
39
+ }),
40
+ code: {
41
+ display: "inline-block",
42
+ padding: "0 ".concat(theme("spacing.1")),
43
+ backgroundColor: theme("colors.grey.100"),
44
+ color: theme("colors.grey.700"),
45
+ fontFamily: theme("fontFamily.mono"),
46
+ fontSize: theme("fontSize.base")
47
+ },
48
+ ul: {
49
+ paddingLeft: theme("spacing.5"),
50
+ listStyleType: "disc"
51
+ },
52
+ ol: {
53
+ paddingLeft: theme("spacing.5"),
54
+ listStyleType: "decimal"
55
+ },
56
+ a: {
57
+ color: theme("colors.accent.600"),
58
+ "&:hover": {
59
+ textDecoration: "underline"
60
+ },
61
+ '&[target="_blank"], &[href^="http"]': {
62
+ position: "relative",
63
+ display: "inline-flex",
64
+ alignItems: "center",
65
+ whiteSpace: "nowrap",
66
+ "&:after": {
67
+ content: "''",
68
+ background: toBG("ExternalLink", {
69
+ stroke: theme("colors.accent.600"),
70
+ viewBox: "0 0 24 24",
71
+ width: "100%",
72
+ height: "100%"
73
+ }),
74
+ backgroundRepeat: "no-repeat",
75
+ width: "1em",
76
+ height: "1em",
77
+ marginLeft: theme("spacing.1")
78
+ }
79
+ }
80
+ },
81
+ blockquote: {
82
+ paddingLeft: theme("spacing.4"),
83
+ borderLeft: "2px solid ".concat(theme("colors.grey.200")),
84
+ color: theme("colors.grey.600")
85
+ },
86
+ pre: _objectSpread(_objectSpread({}, mobile["display-code"]), {}, {
87
+ overflow: "auto",
88
+ maxWidth: "100%",
89
+ maxHeight: theme("spacing.64"),
90
+ margin: "".concat(theme("spacing.2"), " 0"),
91
+ padding: "".concat(theme("spacing.2"), " ").concat(theme("spacing.4")),
92
+ borderRadius: theme("borderRadius.DEFAULT"),
93
+ backgroundColor: theme("colors.grey.100"),
94
+ color: theme("colors.grey.700"),
95
+ code: {
96
+ display: "inline",
97
+ backgroundColor: "transparent",
98
+ color: "inherit"
99
+ }
100
+ }),
101
+ img: {
102
+ display: "block",
103
+ maxWidth: "100%",
104
+ height: "auto",
105
+ margin: "auto"
106
+ },
107
+ hr: {
108
+ borderWidth: "0 0 1px 0",
109
+ borderStyle: "solid",
110
+ borderColor: theme("colors.grey.200"),
111
+ marginTop: theme("spacing.6"),
112
+ marginBottom: theme("spacing.6")
113
+ },
114
+ "b, strong, th": {
115
+ fontWeight: "600"
116
+ },
117
+ table: {
118
+ width: "100%",
119
+ borderCollapse: "collapse",
120
+ textAlign: "left",
121
+ "th, td": {
122
+ padding: "8px 12px",
123
+ fontSize: theme("fontSize.base")
124
+ },
125
+ th: {
126
+ borderBottom: "1px solid ".concat(theme("colors.grey.200")),
127
+ fontWeight: "normal"
128
+ },
129
+ "tr:not(:last-child) td": {
130
+ borderBottom: "1px solid ".concat(theme("colors.grey.100"))
131
+ },
132
+ "tr:hover td": {
133
+ backgroundColor: rgba(theme("colors.grey.100"), 0.6)
134
+ }
135
+ }
136
+ }
137
+ });
138
+ });
@@ -0,0 +1 @@
1
+ export * from "./MarkdownContent";
@@ -0,0 +1 @@
1
+ export * from "./MarkdownContent";
@@ -4,3 +4,4 @@ export * from "./HelpUnderline";
4
4
  export * from "./TextWrap";
5
5
  export * from "./UserContent";
6
6
  export * from "./ShimmerText";
7
+ export * from "./MarkdownContent";
@@ -3,4 +3,5 @@ export * from "./CodeEditor";
3
3
  export * from "./HelpUnderline";
4
4
  export * from "./TextWrap";
5
5
  export * from "./UserContent";
6
- export * from "./ShimmerText";
6
+ export * from "./ShimmerText";
7
+ export * from "./MarkdownContent";
@@ -17,4 +17,4 @@ export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
17
17
  export { BulbIcon } from "./BulbIcon";
18
18
  export { TestingIcon } from "./TestingIcon";
19
19
  export { RocketIcon } from "./RocketIcon";
20
- export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BlocksIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, PuzzleIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SparklesIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon, } from "lucide-react";
20
+ export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BlocksIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, PuzzleIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SparklesIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrophyIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon, } from "lucide-react";
@@ -18,4 +18,4 @@ export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
18
18
  export { BulbIcon } from "./BulbIcon";
19
19
  export { TestingIcon } from "./TestingIcon";
20
20
  export { RocketIcon } from "./RocketIcon";
21
- export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BlocksIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, PuzzleIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SparklesIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
21
+ export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BlocksIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, PuzzleIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SparklesIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrophyIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
@@ -1,7 +1,23 @@
1
1
  /// <reference types="react" />
2
2
  import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
3
3
  import type { DropdownMenuProps } from "@radix-ui/react-dropdown-menu";
4
+ import { type CollapsibleItemProps, type CollapsibleItemsExclusiveGroupProps, type CollapsibleItemsMultiGroupProps } from "./components/collapsible";
5
+ import { type CustomTriggerProps } from "./components/CustomTrigger";
6
+ import { type DefaultTriggerProps } from "./components/DefaultTrigger";
7
+ import { type ItemProps, type LinkItemProps, type RadioItemProps, type ToggleItemProps } from "./components/items";
8
+ import { type LabelProps } from "./components/Label";
4
9
  export declare type MenuButtonProps = DropdownMenuProps;
10
+ export declare type MenuButtonCollapsibleItemProps = CollapsibleItemProps;
11
+ export declare type MenuButtonCollapsibleItemsExclusiveGroupProps = CollapsibleItemsExclusiveGroupProps;
12
+ export declare type MenuButtonCollapsibleItemsMultiGroupProps = CollapsibleItemsMultiGroupProps;
13
+ export { type MenuButtonContentProps } from "./components/Content";
14
+ export declare type MenuButtonCustomTriggerProps = CustomTriggerProps;
15
+ export declare type MenuButtonDefaultTriggerProps = DefaultTriggerProps;
16
+ export declare type MenuButtonItemProps = ItemProps;
17
+ export declare type MenuButtonLinkItemProps = LinkItemProps;
18
+ export declare type MenuButtonRadioItemProps = RadioItemProps;
19
+ export declare type MenuButtonToggleItemProps = ToggleItemProps;
20
+ export declare type MenuButtonLabelProps = LabelProps;
5
21
  /**
6
22
  * The `MenuButton` component helps users select an item from a list of available options.
7
23
  *
@@ -9,13 +25,13 @@ export declare type MenuButtonProps = DropdownMenuProps;
9
25
  */
10
26
  export declare const MenuButton: {
11
27
  (props: MenuButtonProps): import("react/jsx-runtime").JSX.Element;
12
- CollapsibleItem: import("react").ForwardRefExoticComponent<import("./components/collapsible").CollapsibleItemProps & {
28
+ CollapsibleItem: import("react").ForwardRefExoticComponent<CollapsibleItemProps & {
13
29
  children?: import("react").ReactNode;
14
30
  } & import("react").RefAttributes<HTMLDivElement>>;
15
- CollapsibleItemsMultipleGroup: import("react").FC<import("react").PropsWithChildren<import("./components/collapsible").CollapsibleItemsMultiGroupProps>>;
16
- CollapsibleItemsSingleGroup: import("react").FC<import("react").PropsWithChildren<import("./components/collapsible").CollapsibleItemsExclusiveGroupProps>>;
31
+ CollapsibleItemsMultipleGroup: import("react").FC<import("react").PropsWithChildren<CollapsibleItemsMultiGroupProps>>;
32
+ CollapsibleItemsSingleGroup: import("react").FC<import("react").PropsWithChildren<CollapsibleItemsExclusiveGroupProps>>;
17
33
  Content: import("react").ForwardRefExoticComponent<import("./components/Content").MenuButtonContentProps & import("react").RefAttributes<HTMLDivElement>>;
18
- CustomTrigger: import("react").ForwardRefExoticComponent<import("./components/CustomTrigger").CustomTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
34
+ CustomTrigger: import("react").ForwardRefExoticComponent<CustomTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
19
35
  Divider: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
20
36
  Item: import("react").ForwardRefExoticComponent<import("./useMenuItemProps").BaseItemProps<HTMLDivElement> & DropdownMenu.DropdownMenuItemProps & {
21
37
  startIcon?: import("../..").IconComponentType | undefined;
@@ -24,12 +40,12 @@ export declare const MenuButton: {
24
40
  children?: import("react").ReactNode;
25
41
  } & import("react").RefAttributes<HTMLDivElement>>;
26
42
  Label: import("react").FC<import("react").PropsWithChildren<DropdownMenu.DropdownMenuLabelProps>>;
27
- LinkItem: import("react").FC<import("./components/items").LinkItemProps>;
43
+ LinkItem: import("react").FC<LinkItemProps>;
28
44
  RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
29
45
  RadioItem: import("react").ForwardRefExoticComponent<Pick<DropdownMenu.DropdownMenuRadioItemProps, "value" | "defaultChecked"> & {
30
46
  children?: import("react").ReactNode;
31
47
  } & import("./useMenuItemProps").BaseItemProps<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
32
- ToggleItem: import("react").FC<import("react").PropsWithChildren<import("./components/items").ToggleItemProps>>;
33
- Trigger: import("react").ForwardRefExoticComponent<import("./components/DefaultTrigger").DefaultTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
48
+ ToggleItem: import("react").FC<import("react").PropsWithChildren<ToggleItemProps>>;
49
+ Trigger: import("react").ForwardRefExoticComponent<DefaultTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
34
50
  displayName: string;
35
51
  };
@@ -1,6 +1,6 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
3
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
3
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
4
4
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
5
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6
6
  import * as Dialog from "@radix-ui/react-dialog";
@@ -76,10 +76,10 @@ export var Modal = function Modal(_ref) {
76
76
  asChild: true,
77
77
  children: triggerButton
78
78
  }), createPortal( /*#__PURE__*/_jsx(Dialog.Overlay, {
79
- className: cx(animate && !prefersReducedMotion && stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["modal-animated"]))), stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["modal-overlay bg-grey-900/30 z-modalOverlay inset-0 fixed w-full h-full flex items-start justify-center overflow-x-hidden overflow-y-auto px-4 py-10"])))),
79
+ className: cx(animate && !prefersReducedMotion && stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["modal-animated"]))), stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["modal-overlay bg-grey-900/30 z-modalOverlay inset-0 fixed w-full h-full flex items-start justify-center px-8 py-10"]))), stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["overflow-x-hidden overflow-y-auto [scrollbar-gutter:stable_both-edges]"])))),
80
80
  children: /*#__PURE__*/_jsx(Dialog.Content, {
81
81
  ref: dialogContentRef,
82
- className: cx(stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["modal-content"]))), SIZE_CLASSNAMES[size], centerY && stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["flex m-auto justify-center"])))),
82
+ className: cx(stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["modal-content"]))), SIZE_CLASSNAMES[size], centerY && stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["flex m-auto justify-center"])))),
83
83
  "aria-describedby": undefined,
84
84
  onOpenAutoFocus: function onOpenAutoFocus(e) {
85
85
  var _closeButtonRef$curre;
@@ -97,18 +97,18 @@ export var Modal = function Modal(_ref) {
97
97
  }
98
98
  },
99
99
  children: /*#__PURE__*/_jsx("div", {
100
- className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["modal-container"]))),
100
+ className: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["modal-container"]))),
101
101
  children: /*#__PURE__*/_jsxs(Card, {
102
102
  as: "div",
103
103
  elevation: "500",
104
- className: cx(stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["relative"]))), className),
104
+ className: cx(stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["relative"]))), className),
105
105
  fullBleed: true,
106
106
  children: [/*#__PURE__*/_jsx("header", {
107
- className: cx(stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["min-h-14 flex items-center justify-between space-x-2"]))), title ? stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["border-b border-grey-100 pl-8 pr-16"]))) : stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["justify-end px-8"]))), !title && hideCloseIcon && stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["hidden"])))),
107
+ className: cx(stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["min-h-14 flex items-center justify-between space-x-2"]))), title ? stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["border-b border-grey-100 pl-8 pr-16"]))) : stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["justify-end px-8"]))), !title && hideCloseIcon && stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["hidden"])))),
108
108
  children: /*#__PURE__*/_jsx(Dialog.Title, {
109
109
  asChild: true,
110
110
  children: title ? /*#__PURE__*/_jsx("div", {
111
- className: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["flex-1 display-heading truncate"]))),
111
+ className: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["flex-1 display-heading truncate"]))),
112
112
  children: title
113
113
  }) : /*#__PURE__*/_jsx(VisuallyHidden, {
114
114
  children: locale.modalTitle
@@ -118,7 +118,7 @@ export var Modal = function Modal(_ref) {
118
118
  className: cx(!fullBleed && SIZE_PADDING_CLASSNAMES[size]),
119
119
  children: children
120
120
  }), !hideCloseIcon && /*#__PURE__*/_jsx("div", {
121
- className: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["-mr-2 absolute top-3 right-8"]))),
121
+ className: stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["-mr-2 absolute top-3 right-8"]))),
122
122
  children: /*#__PURE__*/_jsx(Dialog.Close, {
123
123
  ref: closeButtonRef,
124
124
  asChild: true,
@@ -7,7 +7,7 @@
7
7
  */
8
8
  function prefixTailwindClassName(tailwindPrefix, classname) {
9
9
  if (classname.startsWith("@container")) return "".concat(tailwindPrefix).concat(classname);
10
- var searchZone = classname.replace(/-\[[^\]]+\]$/, "");
10
+ var searchZone = classname.replace(/\[[^\]]+\]$/, "");
11
11
 
12
12
  // important marker
13
13
  var prefixInsertIndex = searchZone.lastIndexOf("!");
@@ -22,6 +22,12 @@ function prefixTailwindClassName(tailwindPrefix, classname) {
22
22
  prefixInsertIndex = searchZone.lastIndexOf("@");
23
23
  }
24
24
  prefixInsertIndex += 1;
25
+
26
+ // This can happen when using arbitrary properties like [scrollbar-gutter:stable]
27
+ // In which case we don't want to prefix the classname
28
+ if (classname[prefixInsertIndex] === "[") {
29
+ return classname;
30
+ }
25
31
  return classname.slice(0, prefixInsertIndex) + tailwindPrefix + classname.slice(prefixInsertIndex);
26
32
  }
27
33
  export default prefixTailwindClassName;
@@ -145,5 +145,5 @@ export default {
145
145
  }
146
146
  }
147
147
  },
148
- plugins: [require("@tailwindcss/container-queries"), require("./base.tailwind"), require("../Helpers/utilities/overlay.tailwind"), require("../Helpers/utilities/utilities.tailwind"), require("../Helpers/utilities/focusable.tailwind"), require("../Typography/Typography.tailwind"), require("../Layout/FlexGrid/FlexGrid.tailwind"), require("../Fields/AutoComplete/AutoComplete.tailwind"), require("../Actions/Button/Button.tailwind"), require("../Actions/ToggleGroup/ToggleGroup.tailwind"), require("../Actions/Accordion/Accordion.tailwind"), require("../Layout/Card/Card.tailwind"), require("../Fields/Checkbox/Checkbox.tailwind"), require("../Indicators/Toast/Toast.tailwind"), require("../Helpers/HelpUnderline/HelpUnderline.tailwind"), require("../Fields/Input/Input.tailwind"), require("../Helpers/InstantSearch/InstantSearch.tailwind"), require("../Indicators/KeyboardKey/KeyboardKey.tailwind"), require("../Indicators/Medallion/Medallion.tailwind"), require("../Overlay/Modal/Modal.tailwind"), require("../Indicators/ProgressBar/ProgressBar.tailwind"), require("../Indicators/ProgressSpinner/ProgressSpinner.tailwind"), require("../Fields/RadioGroup/RadioButton.tailwind"), require("../Indicators/ScrollIndicator/ScrollIndicator.tailwind"), require("../Fields/Select/Select.tailwind"), require("../Indicators/Separator/Separator.tailwind"), require("../Actions/SegmentedControl/SegmentedControl.tailwind"), require("../Navigation/Tabs/Tabs.tailwind"), require("../Layout/CollapsibleCard/CollapsibleCard.tailwind"), require("../Layout/Tables/DataTable/DataTable.tailwind"), require("../Layout/Tables/Table/Table.tailwind"), require("../Helpers/ShimmerText/ShimmerText.tailwind"), require("../Indicators/Tag/Tag.tailwind"), require("../Fields/TextArea/TextArea.tailwind"), require("../Fields/Switch/Switch.tailwind"), require("../Overlay/Tooltip/Tooltip.tailwind"), require("../Helpers/UserContent/UserContent.tailwind"), require("../Fields/DatePicker/DatePicker.tailwind")]
148
+ plugins: [require("@tailwindcss/container-queries"), require("./base.tailwind"), require("../Helpers/utilities/overlay.tailwind"), require("../Helpers/utilities/utilities.tailwind"), require("../Helpers/utilities/focusable.tailwind"), require("../Typography/Typography.tailwind"), require("../Layout/FlexGrid/FlexGrid.tailwind"), require("../Fields/AutoComplete/AutoComplete.tailwind"), require("../Actions/Button/Button.tailwind"), require("../Actions/ToggleGroup/ToggleGroup.tailwind"), require("../Actions/Accordion/Accordion.tailwind"), require("../Layout/Card/Card.tailwind"), require("../Fields/Checkbox/Checkbox.tailwind"), require("../Indicators/Toast/Toast.tailwind"), require("../Helpers/HelpUnderline/HelpUnderline.tailwind"), require("../Fields/Input/Input.tailwind"), require("../Helpers/InstantSearch/InstantSearch.tailwind"), require("../Indicators/KeyboardKey/KeyboardKey.tailwind"), require("../Indicators/Medallion/Medallion.tailwind"), require("../Overlay/Modal/Modal.tailwind"), require("../Indicators/ProgressBar/ProgressBar.tailwind"), require("../Indicators/ProgressSpinner/ProgressSpinner.tailwind"), require("../Fields/RadioGroup/RadioButton.tailwind"), require("../Indicators/ScrollIndicator/ScrollIndicator.tailwind"), require("../Fields/Select/Select.tailwind"), require("../Indicators/Separator/Separator.tailwind"), require("../Actions/SegmentedControl/SegmentedControl.tailwind"), require("../Navigation/Tabs/Tabs.tailwind"), require("../Layout/CollapsibleCard/CollapsibleCard.tailwind"), require("../Layout/Tables/DataTable/DataTable.tailwind"), require("../Layout/Tables/Table/Table.tailwind"), require("../Helpers/ShimmerText/ShimmerText.tailwind"), require("../Indicators/Tag/Tag.tailwind"), require("../Fields/TextArea/TextArea.tailwind"), require("../Fields/Switch/Switch.tailwind"), require("../Overlay/Tooltip/Tooltip.tailwind"), require("../Helpers/UserContent/UserContent.tailwind"), require("../Helpers/MarkdownContent/MarkdownContent.tailwind"), require("../Fields/DatePicker/DatePicker.tailwind")]
149
149
  };