@atom-learning/components 6.16.0-beta.4 → 6.16.1-beta.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 (98) hide show
  1. package/dist/components/action-icon/ActionIcon.d.ts +0 -1
  2. package/dist/components/action-icon/ActionIcon.js +2 -4
  3. package/dist/components/action-icon/ActionIcon.js.map +1 -1
  4. package/dist/components/banner/banner-regular/BannerRegular.d.ts +0 -1
  5. package/dist/components/banner/banner-regular/BannerRegularDismiss.d.ts +1 -2
  6. package/dist/components/banner/banner-slim/BannerSlim.d.ts +0 -1
  7. package/dist/components/banner/banner-slim/BannerSlimContainer.d.ts +1 -1
  8. package/dist/components/banner/banner-slim/BannerSlimContainer.js +3 -3
  9. package/dist/components/banner/banner-slim/BannerSlimContainer.js.map +1 -1
  10. package/dist/components/banner/banner-slim/BannerSlimDismiss.d.ts +1 -2
  11. package/dist/components/button/Button.d.ts +0 -1
  12. package/dist/components/button/Button.js +13 -17
  13. package/dist/components/button/Button.js.map +1 -1
  14. package/dist/components/data-table/DataTableTable.js +2 -2
  15. package/dist/components/data-table/DataTableTable.js.map +1 -1
  16. package/dist/components/data-table/drag-and-drop/DragAndDropTable.js +6 -3
  17. package/dist/components/data-table/drag-and-drop/DragAndDropTable.js.map +1 -1
  18. package/dist/components/dialog/DialogContent.js +1 -1
  19. package/dist/components/dialog/DialogContent.js.map +1 -1
  20. package/dist/components/dropdown-menu/DropdownMenu.d.ts +1 -2
  21. package/dist/components/dropdown-menu/DropdownMenuLinkItem.d.ts +1 -2
  22. package/dist/components/dropdown-menu/DropdownMenuLinkItem.js +8 -13
  23. package/dist/components/dropdown-menu/DropdownMenuLinkItem.js.map +1 -1
  24. package/dist/components/index.d.ts +2 -1
  25. package/dist/components/link/Link.d.ts +0 -1
  26. package/dist/components/link/Link.js +9 -13
  27. package/dist/components/link/Link.js.map +1 -1
  28. package/dist/components/navigation/NavigationMenu.d.ts +0 -2
  29. package/dist/components/navigation/NavigationMenuDropdownItem.d.ts +0 -1
  30. package/dist/components/navigation/NavigationMenuLink.d.ts +0 -1
  31. package/dist/components/navigation/NavigationMenuLink.js +11 -22
  32. package/dist/components/navigation/NavigationMenuLink.js.map +1 -1
  33. package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts +1 -3
  34. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.d.ts +2 -4
  35. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.js +3 -5
  36. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.js.map +1 -1
  37. package/dist/components/number-input/NumberInput.js +2 -2
  38. package/dist/components/number-input/NumberInput.js.map +1 -1
  39. package/dist/components/number-input/NumberInputStepper.d.ts +1 -2
  40. package/dist/components/pagination/PaginationNextButton.d.ts +1 -2
  41. package/dist/components/pagination/PaginationPreviousButton.d.ts +1 -2
  42. package/dist/components/password-field/PasswordField.js +1 -1
  43. package/dist/components/password-field/PasswordField.js.map +1 -1
  44. package/dist/components/segmented-control/SegmentedControlBadge.js +1 -1
  45. package/dist/components/segmented-control/SegmentedControlBadge.js.map +1 -1
  46. package/dist/components/select-menu/SelectMenu.d.ts +23 -0
  47. package/dist/components/select-menu/SelectMenu.js +26 -0
  48. package/dist/components/select-menu/SelectMenu.js.map +1 -0
  49. package/dist/components/select-menu/SelectMenuContent.d.ts +3 -0
  50. package/dist/components/select-menu/SelectMenuContent.js +66 -0
  51. package/dist/components/select-menu/SelectMenuContent.js.map +1 -0
  52. package/dist/components/select-menu/SelectMenuContext.d.ts +9 -0
  53. package/dist/components/select-menu/SelectMenuContext.js +11 -0
  54. package/dist/components/select-menu/SelectMenuContext.js.map +1 -0
  55. package/dist/components/select-menu/SelectMenuItem.d.ts +3 -0
  56. package/dist/components/select-menu/SelectMenuItem.js +59 -0
  57. package/dist/components/select-menu/SelectMenuItem.js.map +1 -0
  58. package/dist/components/select-menu/SelectMenuLabel.d.ts +8 -0
  59. package/dist/components/select-menu/SelectMenuLabel.js +16 -0
  60. package/dist/components/select-menu/SelectMenuLabel.js.map +1 -0
  61. package/dist/components/select-menu/SelectMenuSeparator.d.ts +4 -0
  62. package/dist/components/select-menu/SelectMenuSeparator.js +13 -0
  63. package/dist/components/select-menu/SelectMenuSeparator.js.map +1 -0
  64. package/dist/components/select-menu/SelectMenuTrigger.d.ts +7 -0
  65. package/dist/components/select-menu/SelectMenuTrigger.js +91 -0
  66. package/dist/components/select-menu/SelectMenuTrigger.js.map +1 -0
  67. package/dist/components/select-menu-field/SelectMenuField.d.ts +14 -0
  68. package/dist/components/select-menu-field/SelectMenuField.js +46 -0
  69. package/dist/components/select-menu-field/SelectMenuField.js.map +1 -0
  70. package/dist/components/skeleton-loader/SkeletonCard.js +1 -1
  71. package/dist/components/skeleton-loader/SkeletonCard.js.map +1 -1
  72. package/dist/components/sortable/Handle.d.ts +1 -2
  73. package/dist/components/tile-interactive/TileInteractive.d.ts +1 -3
  74. package/dist/components/tile-interactive/TileInteractive.js +2 -4
  75. package/dist/components/tile-interactive/TileInteractive.js.map +1 -1
  76. package/dist/components/tile-toggle-group/TileToggleGroupItem.d.ts +1 -3
  77. package/dist/components/tile-toggle-group/TileToggleGroupRoot.js +3 -3
  78. package/dist/components/tile-toggle-group/TileToggleGroupRoot.js.map +1 -1
  79. package/dist/components/toast/ToastProvider.js +2 -1
  80. package/dist/components/toast/ToastProvider.js.map +1 -1
  81. package/dist/components/top-bar/TopBar.d.ts +1 -2
  82. package/dist/components/tree/Tree.d.ts +1 -1
  83. package/dist/components/tree/TreeIcon.js +1 -1
  84. package/dist/components/tree/TreeIcon.js.map +1 -1
  85. package/dist/components/tree/TreeListItem.js +1 -1
  86. package/dist/components/tree/TreeListItem.js.map +1 -1
  87. package/dist/components/tree/TreeText.d.ts +1 -1
  88. package/dist/components/tree/TreeText.js +3 -3
  89. package/dist/components/tree/TreeText.js.map +1 -1
  90. package/dist/docgen.json +1 -1
  91. package/dist/index.cjs.js +345 -110
  92. package/dist/index.cjs.js.map +1 -1
  93. package/dist/index.js +3 -2
  94. package/package.json +3 -1
  95. package/src/index.css +2 -0
  96. package/dist/components/router-provider/RouterProvider.d.ts +0 -16
  97. package/dist/components/router-provider/RouterProvider.js +0 -19
  98. package/dist/components/router-provider/RouterProvider.js.map +0 -1
package/dist/index.js CHANGED
@@ -3,7 +3,6 @@ import { ColorScheme } from "./experiments/color-scheme/ColorScheme.js";
3
3
  import { Icon } from "./components/icon/Icon.js";
4
4
  import { Accordion } from "./components/accordion/Accordion.js";
5
5
  import { Tooltip } from "./components/tooltip/Tooltip.js";
6
- import { RouterProvider } from "./components/router-provider/RouterProvider.js";
7
6
  import { ActionIcon } from "./components/action-icon/ActionIcon.js";
8
7
  import { AlertDialog } from "./components/alert-dialog/AlertDialog.js";
9
8
  import { Loader } from "./components/loader/Loader.js";
@@ -76,6 +75,8 @@ import { SearchField } from "./components/search-field/SearchField.js";
76
75
  import { SectionMessage } from "./components/section-message/SectionMessage.js";
77
76
  import { Select } from "./components/select/Select.js";
78
77
  import { SelectField } from "./components/select-field/SelectField.js";
78
+ import { SelectMenu } from "./components/select-menu/SelectMenu.js";
79
+ import { SelectMenuField } from "./components/select-menu-field/SelectMenuField.js";
79
80
  import { SideBar } from "./components/side-bar/SideBar.js";
80
81
  import { Slider } from "./components/slider/Slider.js";
81
82
  import { SliderField } from "./components/slider-field/SliderField.js";
@@ -98,4 +99,4 @@ import { KeyboardShortcut } from "./components/keyboard-shortcut/index.js";
98
99
  import { SegmentedControl } from "./components/segmented-control/SegmentedControl.js";
99
100
  import { FileDrop } from "./components/file-drop/FileDrop.js";
100
101
  import { useFileDrop } from "./components/file-drop/useFileDrop.js";
101
- export { Accordion, ActionIcon, AlertDialog, AlertProvider, Avatar, Badge, BannerRegular, BannerSlim, Box, Button, Carousel, Checkbox, CheckboxField, CheckboxGroup, CheckboxTree, Chip, ChipDismissibleGroup, ChipGroup, ChipToggleGroup, ColorScheme, Combobox, CreatePasswordField, DataTable, DateField, DateInput, Dialog, Dismissible, DismissibleGroup, Divider, Drawer, DropdownMenu, EmptyState, FieldWrapper, FileDrop, FileInput, Flex, Form, Grid, Heading, Icon, Image, InlineFieldWrapper, InlineMessage, Input, InputBackground, InputField, InputText, KeyboardShortcut, Label, Link, List, Loader, MarkdownContent, NavigationMenu, NavigationMenuVertical, NotificationBadge, NumberInput, NumberInputField, Pagination, PasswordField, PasswordInput, Popover, ProgressBar, RadioButton, RadioButtonField, RadioButtonGroup, RadioCard, RadioCardGroup, RouterProvider, SearchField, SearchInput, SectionMessage, SegmentedControl, Select, SelectField, SideBar, skeleton_loader_exports as Skeleton, Slider, SliderField, sortable_exports as Sortable, Spacer, Stepper, StyledButton, StyledLink, Switch, Table, Tabs, Text, Textarea, TextareaField, Theme, Tile, TileInteractive, TileToggleGroup, Toast, ToastProvider, ToggleGroup, Tooltip, TopBar, Tree, Video, cn, createTheme, styled, toast, useAlert, useCarousel, useDataTable, useFileDrop, useSidebarState };
102
+ export { Accordion, ActionIcon, AlertDialog, AlertProvider, Avatar, Badge, BannerRegular, BannerSlim, Box, Button, Carousel, Checkbox, CheckboxField, CheckboxGroup, CheckboxTree, Chip, ChipDismissibleGroup, ChipGroup, ChipToggleGroup, ColorScheme, Combobox, CreatePasswordField, DataTable, DateField, DateInput, Dialog, Dismissible, DismissibleGroup, Divider, Drawer, DropdownMenu, EmptyState, FieldWrapper, FileDrop, FileInput, Flex, Form, Grid, Heading, Icon, Image, InlineFieldWrapper, InlineMessage, Input, InputBackground, InputField, InputText, KeyboardShortcut, Label, Link, List, Loader, MarkdownContent, NavigationMenu, NavigationMenuVertical, NotificationBadge, NumberInput, NumberInputField, Pagination, PasswordField, PasswordInput, Popover, ProgressBar, RadioButton, RadioButtonField, RadioButtonGroup, RadioCard, RadioCardGroup, SearchField, SearchInput, SectionMessage, SegmentedControl, Select, SelectField, SelectMenu, SelectMenuField, SideBar, skeleton_loader_exports as Skeleton, Slider, SliderField, sortable_exports as Sortable, Spacer, Stepper, StyledButton, StyledLink, Switch, Table, Tabs, Text, Textarea, TextareaField, Theme, Tile, TileInteractive, TileToggleGroup, Toast, ToastProvider, ToggleGroup, Tooltip, TopBar, Tree, Video, cn, createTheme, styled, toast, useAlert, useCarousel, useDataTable, useFileDrop, useSidebarState };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atom-learning/components",
3
- "version": "6.16.0-beta.4",
3
+ "version": "6.16.1-beta.0",
4
4
  "description": "",
5
5
  "homepage": "https://github.com/Atom-Learning/components#readme",
6
6
  "bugs": {
@@ -89,6 +89,7 @@
89
89
  "@radix-ui/react-popover": "^1.0.7",
90
90
  "@radix-ui/react-progress": "^1.0.3",
91
91
  "@radix-ui/react-radio-group": "^1.1.3",
92
+ "@radix-ui/react-select": "^2.2.6",
92
93
  "@radix-ui/react-slider": "^1.1.2",
93
94
  "@radix-ui/react-slot": "1.0.2",
94
95
  "@radix-ui/react-switch": "^1.0.3",
@@ -118,6 +119,7 @@
118
119
  "tailwind-merge": "^3.5.0",
119
120
  "tailwind-variants": "^3.2.2",
120
121
  "tailwindcss": "^4.2.1",
122
+ "tailwindcss-safe-area": "^1.3.0",
121
123
  "throttle-debounce": "^3.0.1",
122
124
  "ts-morph": "^25.0.1",
123
125
  "uid": "^2.0.0",
package/src/index.css CHANGED
@@ -2,6 +2,8 @@
2
2
  @import './utilities.css';
3
3
  @import './responsive-variant-classes.css';
4
4
 
5
+ @import 'tailwindcss-safe-area';
6
+
5
7
  @theme {
6
8
  --default-font-family: var(--font-body);
7
9
 
@@ -1,16 +0,0 @@
1
- import * as React from 'react';
2
- type LinkComponent = React.ComponentType<React.AnchorHTMLAttributes<HTMLAnchorElement>>;
3
- type RouterProviderProps = {
4
- link: LinkComponent;
5
- children: React.ReactNode;
6
- };
7
- export declare const RouterProvider: {
8
- ({ link, children }: RouterProviderProps): React.JSX.Element;
9
- displayName: string;
10
- };
11
- export declare const useRouterLinkProps: (href?: string, { reloadDocument }?: {
12
- reloadDocument?: boolean;
13
- }) => {
14
- as?: LinkComponent;
15
- };
16
- export {};
@@ -1,19 +0,0 @@
1
- import * as React$1 from "react";
2
- //#region src/components/router-provider/RouterProvider.tsx
3
- var RouterContext = React$1.createContext({});
4
- var RouterProvider = ({ link, children }) => {
5
- const value = React$1.useMemo(() => ({ link }), [link]);
6
- return /* @__PURE__ */ React$1.createElement(RouterContext.Provider, { value }, children);
7
- };
8
- var isAbsoluteUrl = (url) => /^https?:\/\//.test(url || "");
9
- var EMPTY = {};
10
- var useRouterLinkProps = (href, { reloadDocument } = {}) => {
11
- const { link } = React$1.useContext(RouterContext);
12
- if (!link || !href || isAbsoluteUrl(href) || reloadDocument) return EMPTY;
13
- return { as: link };
14
- };
15
- RouterProvider.displayName = "RouterProvider";
16
- //#endregion
17
- export { RouterProvider, useRouterLinkProps };
18
-
19
- //# sourceMappingURL=RouterProvider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RouterProvider.js","names":[],"sources":["../../../src/components/router-provider/RouterProvider.tsx"],"sourcesContent":["import * as React from 'react'\n\ntype LinkComponent = React.ComponentType<\n React.AnchorHTMLAttributes<HTMLAnchorElement>\n>\n\ntype RouterContextValue = {\n link?: LinkComponent\n}\n\nconst RouterContext = React.createContext<RouterContextValue>({})\n\ntype RouterProviderProps = {\n link: LinkComponent\n children: React.ReactNode\n}\n\nexport const RouterProvider = ({ link, children }: RouterProviderProps) => {\n const value = React.useMemo<RouterContextValue>(() => ({ link }), [link])\n return (\n <RouterContext.Provider value={value}>{children}</RouterContext.Provider>\n )\n}\n\nconst isAbsoluteUrl = (url?: string) => /^https?:\\/\\//.test(url || '')\n\nconst EMPTY: { as?: LinkComponent } = {}\n\nexport const useRouterLinkProps = (\n href?: string,\n { reloadDocument }: { reloadDocument?: boolean } = {}\n): { as?: LinkComponent } => {\n const { link } = React.useContext(RouterContext)\n\n if (!link || !href || isAbsoluteUrl(href) || reloadDocument) {\n return EMPTY\n }\n\n return { as: link }\n}\n\nRouterProvider.displayName = 'RouterProvider'\n"],"mappings":";;AAUA,IAAM,gBAAgB,QAAM,cAAkC,EAAE,CAAC;AAOjE,IAAa,kBAAkB,EAAE,MAAM,eAAoC;CACzE,MAAM,QAAQ,QAAM,eAAmC,EAAE,MAAM,GAAG,CAAC,KAAK,CAAC;AACzE,QACE,wBAAA,cAAC,cAAc,UAAf,EAA+B,OAA0C,EAAlC,SAAkC;;AAI7E,IAAM,iBAAiB,QAAiB,eAAe,KAAK,OAAO,GAAG;AAEtE,IAAM,QAAgC,EAAE;AAExC,IAAa,sBACX,MACA,EAAE,mBAAiD,EAAE,KAC1B;CAC3B,MAAM,EAAE,SAAS,QAAM,WAAW,cAAc;AAEhD,KAAI,CAAC,QAAQ,CAAC,QAAQ,cAAc,KAAK,IAAI,eAC3C,QAAO;AAGT,QAAO,EAAE,IAAI,MAAM;;AAGrB,eAAe,cAAc"}