@atom-learning/components 9.0.0-beta.3 → 9.0.0-beta.4

package/dist/components/dropdown-menu/DropdownMenu.d.ts

@@ -8,7 +8,7 @@ export declare const DropdownMenu: React.FC<import("@radix-ui/react-dropdown-men
         ({ className, ...rest }: import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
         displayName: string;
     };
-    LinkItem: ({ children, href, ...rest }: React.ComponentProps<typeof DropdownMenuItem> & {
+    LinkItem: ({ children, href, target, rel, download, ...rest }: React.ComponentProps<typeof DropdownMenuItem> & Pick<React.ComponentPropsWithoutRef<'a'>, 'target' | 'rel' | 'download'> & {
         href: string;
     }) => React.JSX.Element;
     Portal: React.FC<import("@radix-ui/react-dropdown-menu").DropdownMenuPortalProps>;

package/dist/components/dropdown-menu/DropdownMenuLinkItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { DropdownMenuItem } from './DropdownMenuItem';
-export declare const DropdownMenuLinkItem: ({ children, href, ...rest }: React.ComponentProps<typeof DropdownMenuItem> & {
+export declare const DropdownMenuLinkItem: ({ children, href, target, rel, download, ...rest }: React.ComponentProps<typeof DropdownMenuItem> & Pick<React.ComponentPropsWithoutRef<'a'>, 'target' | 'rel' | 'download'> & {
     href: string;
 }) => React.JSX.Element;

package/dist/components/dropdown-menu/DropdownMenuLinkItem.js

@@ -5,11 +5,14 @@ import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/dropdown-menu/DropdownMenuLinkItem.tsx
 var StyledLink = styled("a", { base: ["no-underline"] });
-var DropdownMenuLinkItem = ({ children, href, ...rest }) => /* @__PURE__ */ jsx(DropdownMenuItem, {
+var DropdownMenuLinkItem = ({ children, href, target, rel, download, ...rest }) => /* @__PURE__ */ jsx(DropdownMenuItem, {
 	...rest,
 	asChild: true,
 	children: /* @__PURE__ */ jsx(StyledLink, {
 		href,
+		target,
+		rel,
+		download,
 		role: "menuitem",
 		...getExternalAnchorProps(href),
 		children

package/dist/components/dropdown-menu/DropdownMenuLinkItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuLinkItem.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuLinkItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { getExternalAnchorProps } from '../../utilities/uri'\nimport { DropdownMenuItem } from './DropdownMenuItem'\n\nconst StyledLink = styled('a', {\n  base: ['no-underline']\n})\n\nexport const DropdownMenuLinkItem = ({\n  children,\n  href,\n  ...rest\n}: React.ComponentProps<typeof DropdownMenuItem> & { href: string }) => (\n  <DropdownMenuItem {...rest} asChild>\n    <StyledLink href={href} role=\"menuitem\" {...getExternalAnchorProps(href)}>\n      {children}\n    </StyledLink>\n  </DropdownMenuItem>\n)\n"],"mappings":";;;;;;AAMA,IAAM,aAAa,OAAO,KAAK,EAC7B,MAAM,CAAC,cAAc,EACvB,CAAC;AAED,IAAa,wBAAwB,EACnC,UACA,MACA,GAAG,WAEH,oBAAC,kBAAD;CAAkB,GAAI;CAAM,SAAA;WAC1B,oBAAC,YAAD;EAAkB;EAAM,MAAK;EAAW,GAAI,uBAAuB,IAAI;EACpE;CACS,CAAA;AACI,CAAA"}
+{"version":3,"file":"DropdownMenuLinkItem.js","names":[],"sources":["../../../src/components/dropdown-menu/DropdownMenuLinkItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { getExternalAnchorProps } from '../../utilities/uri'\nimport { DropdownMenuItem } from './DropdownMenuItem'\n\nconst StyledLink = styled('a', {\n  base: ['no-underline']\n})\n\nexport const DropdownMenuLinkItem = ({\n  children,\n  href,\n  target,\n  rel,\n  download,\n  ...rest\n}: React.ComponentProps<typeof DropdownMenuItem> &\n  Pick<React.ComponentPropsWithoutRef<'a'>, 'target' | 'rel' | 'download'> & {\n    href: string\n  }) => (\n  // Anchor attributes belong on the rendered <a> (StyledLink); the remaining\n  // props are DropdownMenuItem's menu-item behaviour props, which it merges onto\n  // StyledLink via `asChild`. `getExternalAnchorProps` still wins for external\n  // hrefs (security rel/target).\n  <DropdownMenuItem {...rest} asChild>\n    <StyledLink\n      href={href}\n      target={target}\n      rel={rel}\n      download={download}\n      role=\"menuitem\"\n      {...getExternalAnchorProps(href)}\n    >\n      {children}\n    </StyledLink>\n  </DropdownMenuItem>\n)\n"],"mappings":";;;;;;AAMA,IAAM,aAAa,OAAO,KAAK,EAC7B,MAAM,CAAC,cAAc,EACvB,CAAC;AAED,IAAa,wBAAwB,EACnC,UACA,MACA,QACA,KACA,UACA,GAAG,WASH,oBAAC,kBAAD;CAAkB,GAAI;CAAM,SAAA;WAC1B,oBAAC,YAAD;EACQ;EACE;EACH;EACK;EACV,MAAK;EACL,GAAI,uBAAuB,IAAI;EAE9B;CACS,CAAA;AACI,CAAA"}

package/dist/components/empty-state/EmptyStateImage.d.ts

@@ -5,7 +5,7 @@ declare const StyledEmptyStateImage: import("../..").PolymorphicComponent<(({ ch
     children?: React.ReactNode;
 }) => React.JSX.Element) & {
     Credit: {
-        ({ author, sourceUrl, licenseName, licenseUrl }: import("../image/ImageCredit").ImageCreditProps): React.JSX.Element;
+        ({ author, sourceUrl, licenseName, licenseUrl }: import("..").ImageCreditProps): React.JSX.Element;
         displayName: string;
     };
     displayName: string;

package/dist/components/index.d.ts

@@ -43,6 +43,7 @@ export { Grid } from './grid/Grid';
 export { Heading, type HeadingProps } from './heading/Heading';
 export { Icon } from './icon/Icon';
 export { Image } from './image/Image';
+export type { ImageCreditProps } from './image/ImageCredit';
 export { InlineMessage } from './inline-message/InlineMessage';
 export { Input, InputBackground, InputText } from './input/Input';
 export { InputField } from './input-field/InputField';
@@ -81,6 +82,7 @@ export * as Sortable from './sortable';
 export * as Skeleton from './skeleton-loader';
 export { Spacer } from './spacer/Spacer';
 export { Stepper } from './stepper/Stepper';
+export type { StepperProps, StepperStepsProps, StepperNavigateProps } from './stepper/types';
 export { Switch } from './switch/Switch';
 export { Table } from './table/Table';
 export { Tabs } from './tabs/Tabs';
@@ -91,6 +93,7 @@ export { Tile } from './tile/Tile';
 export { TileInteractive } from './tile-interactive/TileInteractive';
 export { TileToggleGroup } from './tile-toggle-group';
 export { Toast, toast } from './toast';
+export type { ToastCloseButtonProps } from './toast/ToastCloseButton';
 export { ToggleGroup } from './toggle-group';
 export { Tooltip } from './tooltip/Tooltip';
 export { TopBar } from './top-bar/TopBar';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["import { AlertProvider } from './alert-dialog/AlertDialog.context'\n\nexport type { ValidationOptions } from './form/validation'\n\nexport { Accordion } from './accordion/Accordion'\nexport { ActionIcon } from './action-icon/ActionIcon'\nexport { AlertDialog } from './alert-dialog/AlertDialog'\nexport { useAlert } from './alert-dialog/AlertDialog.context'\n\n// The alert system's provider lives under the `Alert` name; the alert UI\n// itself is imperative (`useAlert`), so there is no root component to render.\nexport const Alert = { Provider: AlertProvider }\nexport { Avatar } from './avatar/Avatar'\nexport { Badge, type BadgeProps } from './badge/Badge'\nexport { BannerRegular } from './banner/banner-regular/BannerRegular'\nexport { BannerSlim } from './banner/banner-slim/BannerSlim'\nexport { Box } from './box/Box'\nexport { Button, StyledButton } from './button/Button'\nexport { Carousel, useCarousel } from './carousel/Carousel'\nexport { Checkbox } from './checkbox/Checkbox'\nexport { CheckboxGroup } from './checkbox-group/CheckboxGroup'\nexport { CheckboxTree } from './checkbox-tree/CheckboxTree'\nexport { CheckboxField } from './checkbox-field/CheckboxField'\nexport { Chip } from './chip/Chip'\nexport { ChipGroup } from './chip/ChipGroup'\nexport { ChipDismissibleGroup } from './chip-dismissible-group'\nexport { ChipToggleGroup } from './chip-toggle-group'\nexport { Combobox } from './combobox/Combobox'\nexport { CreatePasswordField } from './create-password-field/CreatePasswordField'\nexport { DataTable } from './data-table/DataTable'\nexport { useDataTable } from './data-table/DataTable.context'\nexport { DateField } from './date-field/DateField'\nexport { DateInput } from './date-input/DateInput'\nexport { Dialog } from './dialog/Dialog'\nexport { Dismissible } from './dismissible'\nexport { DismissibleGroup } from './dismissible-group'\nexport { Divider } from './divider/Divider'\nexport { Drawer } from './drawer/Drawer'\nexport { DropdownMenu } from './dropdown-menu/DropdownMenu'\nexport { EmptyState } from './empty-state/EmptyState'\nexport { FieldWrapper } from './field-wrapper/FieldWrapper'\nexport { InlineFieldWrapper } from './field-wrapper/InlineFieldWrapper'\nexport { FileInput } from './file-input/FileInput'\nexport { Flex } from './flex/Flex'\nexport { Form } from './form/Form'\nexport { Grid } from './grid/Grid'\nexport { Heading, type HeadingProps } from './heading/Heading'\nexport { Icon } from './icon/Icon'\nexport { Image } from './image/Image'\nexport { InlineMessage } from './inline-message/InlineMessage'\nexport { Input, InputBackground, InputText } from './input/Input'\nexport { InputField } from './input-field/InputField'\nexport { Label } from './label/Label'\nexport { Link, StyledLink } from './link/Link'\nexport { List } from './list/List'\nexport { Loader } from './loader/Loader'\nexport { MarkdownContent } from './markdown-content/MarkdownContent'\nexport { NavigationMenu } from './navigation/NavigationMenu'\nexport { NavigationMenuVertical } from './navigation-menu-vertical/NavigationMenuVertical'\nexport { NotificationBadge } from './notification-badge/NotificationBadge'\nexport { NumberInput } from './number-input/NumberInput'\nexport { NumberInputField } from './number-input-field/NumberInputField'\nexport { Pagination } from './pagination/Pagination'\nexport { PasswordField } from './password-field/PasswordField'\nexport { PasswordInput } from './password-input/PasswordInput'\nexport { Popover } from './popover/Popover'\nexport { ProgressBar } from './progress-bar/ProgressBar'\nexport { RadioButton } from './radio-button/RadioButton'\nexport { RadioButtonGroup } from './radio-button/RadioButtonGroup'\nexport { RadioButtonField } from './radio-button-field/RadioButtonField'\nexport { RadioCard } from './radio-card/RadioCard'\nexport { RadioCardGroup } from './radio-card/RadioCardGroup'\nexport { SearchField } from './search-field/SearchField'\nexport { SearchInput } from './search-input/SearchInput'\nexport { SectionMessage } from './section-message/SectionMessage'\nexport { Select } from './select/Select'\nexport { SelectField } from './select-field/SelectField'\nexport { SelectMenu } from './select-menu/SelectMenu'\nexport { SelectMenuField } from './select-menu-field/SelectMenuField'\nexport { SideBar } from './side-bar/SideBar'\nexport { useSidebarState } from './side-bar/SideBar.context'\nexport { Slider } from './slider/Slider'\nexport { SliderField } from './slider-field/SliderField'\nexport * as Sortable from './sortable'\nexport * as Skeleton from './skeleton-loader'\nexport { Spacer } from './spacer/Spacer'\nexport { Stepper } from './stepper/Stepper'\nexport { Switch } from './switch/Switch'\nexport { Table } from './table/Table'\nexport { Tabs } from './tabs/Tabs'\nexport { Text } from './text/Text'\nexport { Textarea } from './textarea/Textarea'\nexport { TextareaField } from './textarea-field/TextareaField'\nexport { Tile } from './tile/Tile'\nexport { TileInteractive } from './tile-interactive/TileInteractive'\nexport { TileToggleGroup } from './tile-toggle-group'\nexport { Toast, toast } from './toast'\nexport { ToggleGroup } from './toggle-group'\nexport { Tooltip } from './tooltip/Tooltip'\nexport { TopBar } from './top-bar/TopBar'\nexport { Tree } from './tree/Tree'\nexport { Video } from './video/Video'\nexport { KeyboardShortcut } from './keyboard-shortcut'\nexport { SegmentedControl } from './segmented-control/SegmentedControl'\nexport { FileDrop } from './file-drop/FileDrop'\nexport { useFileDrop } from './file-drop/useFileDrop'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAa,QAAQ,EAAE,UAAU,cAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["import { AlertProvider } from './alert-dialog/AlertDialog.context'\n\nexport type { ValidationOptions } from './form/validation'\n\nexport { Accordion } from './accordion/Accordion'\nexport { ActionIcon } from './action-icon/ActionIcon'\nexport { AlertDialog } from './alert-dialog/AlertDialog'\nexport { useAlert } from './alert-dialog/AlertDialog.context'\n\n// The alert system's provider lives under the `Alert` name; the alert UI\n// itself is imperative (`useAlert`), so there is no root component to render.\nexport const Alert = { Provider: AlertProvider }\nexport { Avatar } from './avatar/Avatar'\nexport { Badge, type BadgeProps } from './badge/Badge'\nexport { BannerRegular } from './banner/banner-regular/BannerRegular'\nexport { BannerSlim } from './banner/banner-slim/BannerSlim'\nexport { Box } from './box/Box'\nexport { Button, StyledButton } from './button/Button'\nexport { Carousel, useCarousel } from './carousel/Carousel'\nexport { Checkbox } from './checkbox/Checkbox'\nexport { CheckboxGroup } from './checkbox-group/CheckboxGroup'\nexport { CheckboxTree } from './checkbox-tree/CheckboxTree'\nexport { CheckboxField } from './checkbox-field/CheckboxField'\nexport { Chip } from './chip/Chip'\nexport { ChipGroup } from './chip/ChipGroup'\nexport { ChipDismissibleGroup } from './chip-dismissible-group'\nexport { ChipToggleGroup } from './chip-toggle-group'\nexport { Combobox } from './combobox/Combobox'\nexport { CreatePasswordField } from './create-password-field/CreatePasswordField'\nexport { DataTable } from './data-table/DataTable'\nexport { useDataTable } from './data-table/DataTable.context'\nexport { DateField } from './date-field/DateField'\nexport { DateInput } from './date-input/DateInput'\nexport { Dialog } from './dialog/Dialog'\nexport { Dismissible } from './dismissible'\nexport { DismissibleGroup } from './dismissible-group'\nexport { Divider } from './divider/Divider'\nexport { Drawer } from './drawer/Drawer'\nexport { DropdownMenu } from './dropdown-menu/DropdownMenu'\nexport { EmptyState } from './empty-state/EmptyState'\nexport { FieldWrapper } from './field-wrapper/FieldWrapper'\nexport { InlineFieldWrapper } from './field-wrapper/InlineFieldWrapper'\nexport { FileInput } from './file-input/FileInput'\nexport { Flex } from './flex/Flex'\nexport { Form } from './form/Form'\nexport { Grid } from './grid/Grid'\nexport { Heading, type HeadingProps } from './heading/Heading'\nexport { Icon } from './icon/Icon'\nexport { Image } from './image/Image'\n// Exported so consumers can name the type of `Image.Credit` — without it,\n// `styled(Image)` (and other inferences over `typeof Image`) can't be named\n// under `declaration: true` (TS2883).\nexport type { ImageCreditProps } from './image/ImageCredit'\nexport { InlineMessage } from './inline-message/InlineMessage'\nexport { Input, InputBackground, InputText } from './input/Input'\nexport { InputField } from './input-field/InputField'\nexport { Label } from './label/Label'\nexport { Link, StyledLink } from './link/Link'\nexport { List } from './list/List'\nexport { Loader } from './loader/Loader'\nexport { MarkdownContent } from './markdown-content/MarkdownContent'\nexport { NavigationMenu } from './navigation/NavigationMenu'\nexport { NavigationMenuVertical } from './navigation-menu-vertical/NavigationMenuVertical'\nexport { NotificationBadge } from './notification-badge/NotificationBadge'\nexport { NumberInput } from './number-input/NumberInput'\nexport { NumberInputField } from './number-input-field/NumberInputField'\nexport { Pagination } from './pagination/Pagination'\nexport { PasswordField } from './password-field/PasswordField'\nexport { PasswordInput } from './password-input/PasswordInput'\nexport { Popover } from './popover/Popover'\nexport { ProgressBar } from './progress-bar/ProgressBar'\nexport { RadioButton } from './radio-button/RadioButton'\nexport { RadioButtonGroup } from './radio-button/RadioButtonGroup'\nexport { RadioButtonField } from './radio-button-field/RadioButtonField'\nexport { RadioCard } from './radio-card/RadioCard'\nexport { RadioCardGroup } from './radio-card/RadioCardGroup'\nexport { SearchField } from './search-field/SearchField'\nexport { SearchInput } from './search-input/SearchInput'\nexport { SectionMessage } from './section-message/SectionMessage'\nexport { Select } from './select/Select'\nexport { SelectField } from './select-field/SelectField'\nexport { SelectMenu } from './select-menu/SelectMenu'\nexport { SelectMenuField } from './select-menu-field/SelectMenuField'\nexport { SideBar } from './side-bar/SideBar'\nexport { useSidebarState } from './side-bar/SideBar.context'\nexport { Slider } from './slider/Slider'\nexport { SliderField } from './slider-field/SliderField'\nexport * as Sortable from './sortable'\nexport * as Skeleton from './skeleton-loader'\nexport { Spacer } from './spacer/Spacer'\nexport { Stepper } from './stepper/Stepper'\n// Exported so consumers can name the compound's member types — without these,\n// inferences over `typeof Stepper` (e.g. `styled(Stepper)`) can't be named\n// under `declaration: true` (TS2883).\nexport type {\n  StepperProps,\n  StepperStepsProps,\n  StepperNavigateProps\n} from './stepper/types'\nexport { Switch } from './switch/Switch'\nexport { Table } from './table/Table'\nexport { Tabs } from './tabs/Tabs'\nexport { Text } from './text/Text'\nexport { Textarea } from './textarea/Textarea'\nexport { TextareaField } from './textarea-field/TextareaField'\nexport { Tile } from './tile/Tile'\nexport { TileInteractive } from './tile-interactive/TileInteractive'\nexport { TileToggleGroup } from './tile-toggle-group'\nexport { Toast, toast } from './toast'\n// Exported so consumers can name `Toast.Close`'s props — without it, inferences\n// over `typeof Toast` (e.g. `styled(Toast)`) can't be named under\n// `declaration: true` (TS2883).\nexport type { ToastCloseButtonProps } from './toast/ToastCloseButton'\nexport { ToggleGroup } from './toggle-group'\nexport { Tooltip } from './tooltip/Tooltip'\nexport { TopBar } from './top-bar/TopBar'\nexport { Tree } from './tree/Tree'\nexport { Video } from './video/Video'\nexport { KeyboardShortcut } from './keyboard-shortcut'\nexport { SegmentedControl } from './segmented-control/SegmentedControl'\nexport { FileDrop } from './file-drop/FileDrop'\nexport { useFileDrop } from './file-drop/useFileDrop'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAa,QAAQ,EAAE,UAAU,cAAc"}

package/dist/components/side-bar/SideBar.d.ts

@@ -17,7 +17,7 @@ export declare const SideBar: (({ theme, className, children, type, offset, styl
         children?: React.ReactNode;
     }) => React.JSX.Element) & {
         Credit: {
-            ({ author, sourceUrl, licenseName, licenseUrl }: import("../image/ImageCredit").ImageCreditProps): React.JSX.Element;
+            ({ author, sourceUrl, licenseName, licenseUrl }: import("..").ImageCreditProps): React.JSX.Element;
             displayName: string;
         };
         displayName: string;

package/dist/components/side-bar/SideBarComponents.d.ts

@@ -11,7 +11,7 @@ export declare const SideBarBrandLogo: (({ children, ref, ...props }: Omit<{
     children?: React.ReactNode;
 }) => React.JSX.Element) & {
     Credit: {
-        ({ author, sourceUrl, licenseName, licenseUrl }: import("../image/ImageCredit").ImageCreditProps): React.JSX.Element;
+        ({ author, sourceUrl, licenseName, licenseUrl }: import("..").ImageCreditProps): React.JSX.Element;
         displayName: string;
     };
     displayName: string;

package/dist/index.cjs.js

@@ -6749,11 +6749,14 @@ DropdownMenuLabel.displayName = "DropdownMenuLabel";
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuLinkItem.tsx
 var StyledLink$2 = styled("a", { base: ["no-underline"] });
-var DropdownMenuLinkItem = ({ children, href, ...rest }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuItem, {
+var DropdownMenuLinkItem = ({ children, href, target, rel, download, ...rest }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuItem, {
 	...rest,
 	asChild: true,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledLink$2, {
 		href,
+		target,
+		rel,
+		download,
 		role: "menuitem",
 		...getExternalAnchorProps(href),
 		children