@linyao.tw/ui 0.0.0-snapshot.07df57

package/dist/components/navigation-data/menubar-toolbar.js

@@ -0,0 +1,161 @@
+import { withBaseClass as e } from "./utils.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { CheckIcon as r } from "@phosphor-icons/react/dist/csr/Check";
+import { Menu as i } from "@base-ui/react/menu";
+import { Menubar as a } from "@base-ui/react/menubar";
+import { Toolbar as o } from "@base-ui/react/toolbar";
+import { CircleIcon as s } from "@phosphor-icons/react/dist/csr/Circle";
+//#region src/components/navigation-data/menubar-toolbar.tsx
+var c = t(function(t, r) {
+	let { className: i, ...o } = t;
+	return /* @__PURE__ */ n(a, {
+		ref: r,
+		className: e("lyds-menubar", i),
+		...o
+	});
+});
+function l(e) {
+	return /* @__PURE__ */ n(i.Root, { ...e });
+}
+function u(t, r) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(i.Trigger, {
+		ref: r,
+		className: e("lyds-menubar__trigger", a),
+		...o
+	});
+}
+var d = t(u), f = i.Portal, p = t(function(t, r) {
+	let { className: a, sideOffset: o = 6, ...s } = t;
+	return /* @__PURE__ */ n(i.Positioner, {
+		ref: r,
+		className: e("lyds-menubar__positioner", a),
+		sideOffset: o,
+		...s
+	});
+}), m = t(function(t, r) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(i.Popup, {
+		ref: r,
+		className: e("lyds-menubar__popup", a),
+		...o
+	});
+}), h = t(function(t, r) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(i.Item, {
+		ref: r,
+		className: e("lyds-menubar__item", a),
+		...o
+	});
+}), g = t(function(t, r) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(i.LinkItem, {
+		ref: r,
+		className: e("lyds-menubar__item", a),
+		...o
+	});
+}), _ = t(function(t, r) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(i.CheckboxItem, {
+		ref: r,
+		className: e("lyds-menubar__item", a),
+		...o
+	});
+}), v = t(function(t, a) {
+	let { className: o, children: s, ...c } = t;
+	return /* @__PURE__ */ n(i.CheckboxItemIndicator, {
+		ref: a,
+		className: e("lyds-menubar__indicator", o),
+		...c,
+		children: s ?? /* @__PURE__ */ n(r, {
+			"aria-hidden": "true",
+			weight: "bold"
+		})
+	});
+}), y = i.RadioGroup, b = t(function(t, r) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(i.RadioItem, {
+		ref: r,
+		className: e("lyds-menubar__item", a),
+		...o
+	});
+}), x = t(function(t, r) {
+	let { className: a, children: o, ...c } = t;
+	return /* @__PURE__ */ n(i.RadioItemIndicator, {
+		ref: r,
+		className: e("lyds-menubar__indicator", a),
+		...c,
+		children: o ?? /* @__PURE__ */ n(s, {
+			"aria-hidden": "true",
+			weight: "fill"
+		})
+	});
+}), S = i.Group, C = t(function(t, r) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(i.GroupLabel, {
+		ref: r,
+		className: e("lyds-menubar__group-label", a),
+		...o
+	});
+}), w = t(function(t, r) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(i.Separator, {
+		ref: r,
+		className: e("lyds-menubar__separator", a),
+		...o
+	});
+}), T = i.SubmenuRoot, E = t(function(t, r) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(i.SubmenuTrigger, {
+		ref: r,
+		className: e("lyds-menubar__item", a),
+		...o
+	});
+}), D = t(function(t, r) {
+	let { className: i, ...a } = t;
+	return /* @__PURE__ */ n(o.Root, {
+		ref: r,
+		className: e("lyds-toolbar", i),
+		...a
+	});
+}), O = t(function(t, r) {
+	let { className: i, ...a } = t;
+	return /* @__PURE__ */ n(o.Group, {
+		ref: r,
+		className: e("lyds-toolbar__group", i),
+		...a
+	});
+}), k = t(function(t, r) {
+	let { className: i, ...a } = t;
+	return /* @__PURE__ */ n(o.Button, {
+		ref: r,
+		className: e("lyds-toolbar__button", i),
+		...a
+	});
+}), A = t(function(t, r) {
+	let { className: i, ...a } = t;
+	return /* @__PURE__ */ n(o.Link, {
+		ref: r,
+		className: e("lyds-toolbar__button", i),
+		...a
+	});
+}), j = t(function(t, r) {
+	let { className: i, ...a } = t;
+	return /* @__PURE__ */ n(o.Input, {
+		ref: r,
+		className: e("lyds-toolbar__input", i),
+		...a
+	});
+}), M = t(function(t, r) {
+	let { className: i, ...a } = t;
+	return /* @__PURE__ */ n(o.Separator, {
+		ref: r,
+		className: e("lyds-toolbar__separator", i),
+		...a
+	});
+});
+//#endregion
+export { c as Menubar, _ as MenubarCheckboxItem, v as MenubarCheckboxItemIndicator, S as MenubarGroup, C as MenubarGroupLabel, h as MenubarItem, g as MenubarLinkItem, l as MenubarMenu, m as MenubarPopup, f as MenubarPortal, p as MenubarPositioner, y as MenubarRadioGroup, b as MenubarRadioItem, x as MenubarRadioItemIndicator, w as MenubarSeparator, T as MenubarSubmenu, E as MenubarSubmenuTrigger, d as MenubarTrigger, D as Toolbar, k as ToolbarButton, O as ToolbarGroup, j as ToolbarInput, A as ToolbarLink, M as ToolbarSeparator };
+
+//# sourceMappingURL=menubar-toolbar.js.map

package/dist/components/navigation-data/menubar-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar-toolbar.js","names":[],"sources":["../../../src/components/navigation-data/menubar-toolbar.tsx"],"sourcesContent":["import { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport { Menubar as BaseMenubar } from \"@base-ui/react/menubar\";\nimport { Toolbar as BaseToolbar } from \"@base-ui/react/toolbar\";\nimport { CheckIcon } from \"@phosphor-icons/react/dist/csr/Check\";\nimport { CircleIcon } from \"@phosphor-icons/react/dist/csr/Circle\";\nimport { forwardRef, type ComponentRef, type ForwardedRef, type ReactElement, type RefAttributes } from \"react\";\n\nimport { withBaseClass } from \"./utils.js\";\n\nexport const Menubar = forwardRef<ComponentRef<typeof BaseMenubar>, BaseMenubar.Props>(function Menubar(props, ref) {\n\tconst { className, ...menubarProps } = props;\n\treturn <BaseMenubar ref={ref} className={withBaseClass<BaseMenubar.State>(\"lyds-menubar\", className)} {...menubarProps} />;\n});\n\nexport function MenubarMenu<Payload = unknown>(props: BaseMenu.Root.Props<Payload>) {\n\treturn <BaseMenu.Root {...props} />;\n}\n\nfunction MenubarTriggerInner<Payload = unknown>(props: BaseMenu.Trigger.Props<Payload>, ref: ForwardedRef<HTMLButtonElement>) {\n\tconst { className, ...triggerProps } = props;\n\treturn <BaseMenu.Trigger ref={ref} className={withBaseClass<BaseMenu.Trigger.State>(\"lyds-menubar__trigger\", className)} {...triggerProps} />;\n}\n\nexport const MenubarTrigger = forwardRef(MenubarTriggerInner) as <Payload = unknown>(props: BaseMenu.Trigger.Props<Payload> & RefAttributes<HTMLButtonElement>) => ReactElement;\n\nexport const MenubarPortal = BaseMenu.Portal;\n\nexport const MenubarPositioner = forwardRef<ComponentRef<typeof BaseMenu.Positioner>, BaseMenu.Positioner.Props>(function MenubarPositioner(props, ref) {\n\tconst { className, sideOffset = 6, ...positionerProps } = props;\n\treturn <BaseMenu.Positioner ref={ref} className={withBaseClass<BaseMenu.Positioner.State>(\"lyds-menubar__positioner\", className)} sideOffset={sideOffset} {...positionerProps} />;\n});\n\nexport const MenubarPopup = forwardRef<ComponentRef<typeof BaseMenu.Popup>, BaseMenu.Popup.Props>(function MenubarPopup(props, ref) {\n\tconst { className, ...popupProps } = props;\n\treturn <BaseMenu.Popup ref={ref} className={withBaseClass<BaseMenu.Popup.State>(\"lyds-menubar__popup\", className)} {...popupProps} />;\n});\n\nexport const MenubarItem = forwardRef<ComponentRef<typeof BaseMenu.Item>, BaseMenu.Item.Props>(function MenubarItem(props, ref) {\n\tconst { className, ...itemProps } = props;\n\treturn <BaseMenu.Item ref={ref} className={withBaseClass<BaseMenu.Item.State>(\"lyds-menubar__item\", className)} {...itemProps} />;\n});\n\nexport const MenubarLinkItem = forwardRef<ComponentRef<typeof BaseMenu.LinkItem>, BaseMenu.LinkItem.Props>(function MenubarLinkItem(props, ref) {\n\tconst { className, ...itemProps } = props;\n\treturn <BaseMenu.LinkItem ref={ref} className={withBaseClass<BaseMenu.LinkItem.State>(\"lyds-menubar__item\", className)} {...itemProps} />;\n});\n\nexport const MenubarCheckboxItem = forwardRef<ComponentRef<typeof BaseMenu.CheckboxItem>, BaseMenu.CheckboxItem.Props>(function MenubarCheckboxItem(props, ref) {\n\tconst { className, ...itemProps } = props;\n\treturn <BaseMenu.CheckboxItem ref={ref} className={withBaseClass<BaseMenu.CheckboxItem.State>(\"lyds-menubar__item\", className)} {...itemProps} />;\n});\n\nexport const MenubarCheckboxItemIndicator = forwardRef<ComponentRef<typeof BaseMenu.CheckboxItemIndicator>, BaseMenu.CheckboxItemIndicator.Props>(function MenubarCheckboxItemIndicator(props, ref) {\n\tconst { className, children, ...indicatorProps } = props;\n\treturn (\n\t\t<BaseMenu.CheckboxItemIndicator ref={ref} className={withBaseClass<BaseMenu.CheckboxItemIndicator.State>(\"lyds-menubar__indicator\", className)} {...indicatorProps}>\n\t\t\t{children ?? <CheckIcon aria-hidden=\"true\" weight=\"bold\" />}\n\t\t</BaseMenu.CheckboxItemIndicator>\n\t);\n});\n\nexport const MenubarRadioGroup = BaseMenu.RadioGroup;\n\nexport const MenubarRadioItem = forwardRef<ComponentRef<typeof BaseMenu.RadioItem>, BaseMenu.RadioItem.Props>(function MenubarRadioItem(props, ref) {\n\tconst { className, ...itemProps } = props;\n\treturn <BaseMenu.RadioItem ref={ref} className={withBaseClass<BaseMenu.RadioItem.State>(\"lyds-menubar__item\", className)} {...itemProps} />;\n});\n\nexport const MenubarRadioItemIndicator = forwardRef<ComponentRef<typeof BaseMenu.RadioItemIndicator>, BaseMenu.RadioItemIndicator.Props>(function MenubarRadioItemIndicator(props, ref) {\n\tconst { className, children, ...indicatorProps } = props;\n\treturn (\n\t\t<BaseMenu.RadioItemIndicator ref={ref} className={withBaseClass<BaseMenu.RadioItemIndicator.State>(\"lyds-menubar__indicator\", className)} {...indicatorProps}>\n\t\t\t{children ?? <CircleIcon aria-hidden=\"true\" weight=\"fill\" />}\n\t\t</BaseMenu.RadioItemIndicator>\n\t);\n});\n\nexport const MenubarGroup = BaseMenu.Group;\n\nexport const MenubarGroupLabel = forwardRef<ComponentRef<typeof BaseMenu.GroupLabel>, BaseMenu.GroupLabel.Props>(function MenubarGroupLabel(props, ref) {\n\tconst { className, ...labelProps } = props;\n\treturn <BaseMenu.GroupLabel ref={ref} className={withBaseClass<BaseMenu.GroupLabel.State>(\"lyds-menubar__group-label\", className)} {...labelProps} />;\n});\n\nexport const MenubarSeparator = forwardRef<ComponentRef<typeof BaseMenu.Separator>, BaseMenu.Separator.Props>(function MenubarSeparator(props, ref) {\n\tconst { className, ...separatorProps } = props;\n\treturn <BaseMenu.Separator ref={ref} className={withBaseClass<BaseMenu.Separator.State>(\"lyds-menubar__separator\", className)} {...separatorProps} />;\n});\n\nexport const MenubarSubmenu = BaseMenu.SubmenuRoot;\n\nexport const MenubarSubmenuTrigger = forwardRef<ComponentRef<typeof BaseMenu.SubmenuTrigger>, BaseMenu.SubmenuTrigger.Props>(function MenubarSubmenuTrigger(props, ref) {\n\tconst { className, ...triggerProps } = props;\n\treturn <BaseMenu.SubmenuTrigger ref={ref} className={withBaseClass<BaseMenu.SubmenuTrigger.State>(\"lyds-menubar__item\", className)} {...triggerProps} />;\n});\n\nexport const Toolbar = forwardRef<ComponentRef<typeof BaseToolbar.Root>, BaseToolbar.Root.Props>(function Toolbar(props, ref) {\n\tconst { className, ...toolbarProps } = props;\n\treturn <BaseToolbar.Root ref={ref} className={withBaseClass<BaseToolbar.Root.State>(\"lyds-toolbar\", className)} {...toolbarProps} />;\n});\n\nexport const ToolbarGroup = forwardRef<ComponentRef<typeof BaseToolbar.Group>, BaseToolbar.Group.Props>(function ToolbarGroup(props, ref) {\n\tconst { className, ...groupProps } = props;\n\treturn <BaseToolbar.Group ref={ref} className={withBaseClass<BaseToolbar.Group.State>(\"lyds-toolbar__group\", className)} {...groupProps} />;\n});\n\nexport const ToolbarButton = forwardRef<ComponentRef<typeof BaseToolbar.Button>, BaseToolbar.Button.Props>(function ToolbarButton(props, ref) {\n\tconst { className, ...buttonProps } = props;\n\treturn <BaseToolbar.Button ref={ref} className={withBaseClass<BaseToolbar.Button.State>(\"lyds-toolbar__button\", className)} {...buttonProps} />;\n});\n\nexport const ToolbarLink = forwardRef<ComponentRef<typeof BaseToolbar.Link>, BaseToolbar.Link.Props>(function ToolbarLink(props, ref) {\n\tconst { className, ...linkProps } = props;\n\treturn <BaseToolbar.Link ref={ref} className={withBaseClass<BaseToolbar.Link.State>(\"lyds-toolbar__button\", className)} {...linkProps} />;\n});\n\nexport const ToolbarInput = forwardRef<ComponentRef<typeof BaseToolbar.Input>, BaseToolbar.Input.Props>(function ToolbarInput(props, ref) {\n\tconst { className, ...inputProps } = props;\n\treturn <BaseToolbar.Input ref={ref} className={withBaseClass<BaseToolbar.Input.State>(\"lyds-toolbar__input\", className)} {...inputProps} />;\n});\n\nexport const ToolbarSeparator = forwardRef<ComponentRef<typeof BaseToolbar.Separator>, BaseToolbar.Separator.Props>(function ToolbarSeparator(props, ref) {\n\tconst { className, ...separatorProps } = props;\n\treturn <BaseToolbar.Separator ref={ref} className={withBaseClass<BaseToolbar.Separator.State>(\"lyds-toolbar__separator\", className)} {...separatorProps} />;\n});\n"],"mappings":"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"}

package/dist/components/navigation-data/navigation-menu.d.ts

@@ -0,0 +1,14 @@
+import { NavigationMenu as BaseNavigationMenu } from '@base-ui/react/navigation-menu';
+import { ReactElement, RefAttributes } from 'react';
+export declare const NavigationMenu: <Value = string>(props: BaseNavigationMenu.Root.Props<Value> & RefAttributes<HTMLElement>) => ReactElement;
+export declare const NavigationMenuList: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuListProps, "ref"> & RefAttributes<HTMLUListElement>>;
+export declare const NavigationMenuItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuItemProps, "ref"> & RefAttributes<HTMLLIElement>>;
+export declare const NavigationMenuTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuTriggerProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+export declare const NavigationMenuIcon: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuIconProps, "ref"> & RefAttributes<HTMLSpanElement>>;
+export declare const NavigationMenuLink: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuLinkProps, "ref"> & RefAttributes<HTMLAnchorElement>>;
+export declare const NavigationMenuContent: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const NavigationMenuPortal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuPortalProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const NavigationMenuPositioner: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuPositionerProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const NavigationMenuPopup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuPopupProps, "ref"> & RefAttributes<HTMLElement>>;
+export declare const NavigationMenuViewport: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuViewportProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const NavigationMenuArrow: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuArrowProps, "ref"> & RefAttributes<HTMLDivElement>>;

package/dist/components/navigation-data/navigation-menu.js

@@ -0,0 +1,87 @@
+import { withBaseClass as e } from "./utils.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { NavigationMenu as r } from "@base-ui/react/navigation-menu";
+import { CaretDownIcon as i } from "@phosphor-icons/react/dist/csr/CaretDown";
+//#region src/components/navigation-data/navigation-menu.tsx
+function a(t, i) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(r.Root, {
+		ref: i,
+		className: e("lyds-navigation-menu", a),
+		...o
+	});
+}
+var o = t(a), s = t(function(t, i) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(r.List, {
+		ref: i,
+		className: e("lyds-navigation-menu__list", a),
+		...o
+	});
+}), c = r.Item, l = t(function(t, i) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(r.Trigger, {
+		ref: i,
+		className: e("lyds-navigation-menu__trigger", a),
+		...o
+	});
+}), u = t(function(t, a) {
+	let { className: o, children: s, ...c } = t;
+	return /* @__PURE__ */ n(r.Icon, {
+		ref: a,
+		className: e("lyds-navigation-menu__icon", o),
+		...c,
+		children: s ?? /* @__PURE__ */ n(i, {
+			"aria-hidden": "true",
+			weight: "bold"
+		})
+	});
+}), d = t(function(t, i) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(r.Link, {
+		ref: i,
+		className: e("lyds-navigation-menu__link", a),
+		...o
+	});
+}), f = t(function(t, i) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(r.Content, {
+		ref: i,
+		className: e("lyds-navigation-menu__content", a),
+		...o
+	});
+}), p = r.Portal, m = t(function(t, i) {
+	let { className: a, sideOffset: o = 8, ...s } = t;
+	return /* @__PURE__ */ n(r.Positioner, {
+		ref: i,
+		className: e("lyds-navigation-menu__positioner", a),
+		sideOffset: o,
+		...s
+	});
+}), h = t(function(t, i) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(r.Popup, {
+		ref: i,
+		className: e("lyds-navigation-menu__popup", a),
+		...o
+	});
+}), g = t(function(t, i) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(r.Viewport, {
+		ref: i,
+		className: e("lyds-navigation-menu__viewport", a),
+		...o
+	});
+}), _ = t(function(t, i) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(r.Arrow, {
+		ref: i,
+		className: e("lyds-navigation-menu__arrow", a),
+		...o
+	});
+});
+//#endregion
+export { o as NavigationMenu, _ as NavigationMenuArrow, f as NavigationMenuContent, u as NavigationMenuIcon, c as NavigationMenuItem, d as NavigationMenuLink, s as NavigationMenuList, h as NavigationMenuPopup, p as NavigationMenuPortal, m as NavigationMenuPositioner, l as NavigationMenuTrigger, g as NavigationMenuViewport };
+
+//# sourceMappingURL=navigation-menu.js.map

package/dist/components/navigation-data/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","names":[],"sources":["../../../src/components/navigation-data/navigation-menu.tsx"],"sourcesContent":["import { NavigationMenu as BaseNavigationMenu } from \"@base-ui/react/navigation-menu\";\nimport { CaretDownIcon } from \"@phosphor-icons/react/dist/csr/CaretDown\";\nimport { forwardRef, type ComponentRef, type ForwardedRef, type ReactElement, type RefAttributes } from \"react\";\n\nimport { withBaseClass } from \"./utils.js\";\n\nfunction NavigationMenuInner<Value = string>(props: BaseNavigationMenu.Root.Props<Value>, ref: ForwardedRef<HTMLElement>) {\n\tconst { className, ...rootProps } = props;\n\treturn <BaseNavigationMenu.Root ref={ref} className={withBaseClass<BaseNavigationMenu.Root.State>(\"lyds-navigation-menu\", className)} {...rootProps} />;\n}\n\nexport const NavigationMenu = forwardRef(NavigationMenuInner) as <Value = string>(props: BaseNavigationMenu.Root.Props<Value> & RefAttributes<HTMLElement>) => ReactElement;\n\nexport const NavigationMenuList = forwardRef<ComponentRef<typeof BaseNavigationMenu.List>, BaseNavigationMenu.List.Props>(function NavigationMenuList(props, ref) {\n\tconst { className, ...listProps } = props;\n\treturn <BaseNavigationMenu.List ref={ref} className={withBaseClass<BaseNavigationMenu.List.State>(\"lyds-navigation-menu__list\", className)} {...listProps} />;\n});\n\nexport const NavigationMenuItem = BaseNavigationMenu.Item;\n\nexport const NavigationMenuTrigger = forwardRef<ComponentRef<typeof BaseNavigationMenu.Trigger>, BaseNavigationMenu.Trigger.Props>(function NavigationMenuTrigger(props, ref) {\n\tconst { className, ...triggerProps } = props;\n\treturn <BaseNavigationMenu.Trigger ref={ref} className={withBaseClass<BaseNavigationMenu.Trigger.State>(\"lyds-navigation-menu__trigger\", className)} {...triggerProps} />;\n});\n\nexport const NavigationMenuIcon = forwardRef<ComponentRef<typeof BaseNavigationMenu.Icon>, BaseNavigationMenu.Icon.Props>(function NavigationMenuIcon(props, ref) {\n\tconst { className, children, ...iconProps } = props;\n\treturn (\n\t\t<BaseNavigationMenu.Icon ref={ref} className={withBaseClass<BaseNavigationMenu.Icon.State>(\"lyds-navigation-menu__icon\", className)} {...iconProps}>\n\t\t\t{children ?? <CaretDownIcon aria-hidden=\"true\" weight=\"bold\" />}\n\t\t</BaseNavigationMenu.Icon>\n\t);\n});\n\nexport const NavigationMenuLink = forwardRef<ComponentRef<typeof BaseNavigationMenu.Link>, BaseNavigationMenu.Link.Props>(function NavigationMenuLink(props, ref) {\n\tconst { className, ...linkProps } = props;\n\treturn <BaseNavigationMenu.Link ref={ref} className={withBaseClass<BaseNavigationMenu.Link.State>(\"lyds-navigation-menu__link\", className)} {...linkProps} />;\n});\n\nexport const NavigationMenuContent = forwardRef<ComponentRef<typeof BaseNavigationMenu.Content>, BaseNavigationMenu.Content.Props>(function NavigationMenuContent(props, ref) {\n\tconst { className, ...contentProps } = props;\n\treturn <BaseNavigationMenu.Content ref={ref} className={withBaseClass<BaseNavigationMenu.Content.State>(\"lyds-navigation-menu__content\", className)} {...contentProps} />;\n});\n\nexport const NavigationMenuPortal = BaseNavigationMenu.Portal;\n\nexport const NavigationMenuPositioner = forwardRef<ComponentRef<typeof BaseNavigationMenu.Positioner>, BaseNavigationMenu.Positioner.Props>(function NavigationMenuPositioner(props, ref) {\n\tconst { className, sideOffset = 8, ...positionerProps } = props;\n\treturn (\n\t\t<BaseNavigationMenu.Positioner\n\t\t\tref={ref}\n\t\t\tclassName={withBaseClass<BaseNavigationMenu.Positioner.State>(\"lyds-navigation-menu__positioner\", className)}\n\t\t\tsideOffset={sideOffset}\n\t\t\t{...positionerProps}\n\t\t/>\n\t);\n});\n\nexport const NavigationMenuPopup = forwardRef<ComponentRef<typeof BaseNavigationMenu.Popup>, BaseNavigationMenu.Popup.Props>(function NavigationMenuPopup(props, ref) {\n\tconst { className, ...popupProps } = props;\n\treturn <BaseNavigationMenu.Popup ref={ref} className={withBaseClass<BaseNavigationMenu.Popup.State>(\"lyds-navigation-menu__popup\", className)} {...popupProps} />;\n});\n\nexport const NavigationMenuViewport = forwardRef<ComponentRef<typeof BaseNavigationMenu.Viewport>, BaseNavigationMenu.Viewport.Props>(function NavigationMenuViewport(props, ref) {\n\tconst { className, ...viewportProps } = props;\n\treturn <BaseNavigationMenu.Viewport ref={ref} className={withBaseClass<BaseNavigationMenu.Viewport.State>(\"lyds-navigation-menu__viewport\", className)} {...viewportProps} />;\n});\n\nexport const NavigationMenuArrow = forwardRef<ComponentRef<typeof BaseNavigationMenu.Arrow>, BaseNavigationMenu.Arrow.Props>(function NavigationMenuArrow(props, ref) {\n\tconst { className, ...arrowProps } = props;\n\treturn <BaseNavigationMenu.Arrow ref={ref} className={withBaseClass<BaseNavigationMenu.Arrow.State>(\"lyds-navigation-menu__arrow\", className)} {...arrowProps} />;\n});\n"],"mappings":";;;;;;AAMA,SAAS,EAAoC,GAA6C,GAAgC;CACzH,IAAM,EAAE,cAAW,GAAG,MAAc;CACpC,OAAO,kBAAC,EAAmB,MAApB;EAA8B;EAAK,WAAW,EAA6C,wBAAwB,CAAS;EAAG,GAAI;CAAY,CAAA;AACvJ;AAEA,IAAa,IAAiB,EAAW,CAAmB,GAE/C,IAAqB,EAAwF,SAA4B,GAAO,GAAK;CACjK,IAAM,EAAE,cAAW,GAAG,MAAc;CACpC,OAAO,kBAAC,EAAmB,MAApB;EAA8B;EAAK,WAAW,EAA6C,8BAA8B,CAAS;EAAG,GAAI;CAAY,CAAA;AAC7J,CAAC,GAEY,IAAqB,EAAmB,MAExC,IAAwB,EAA8F,SAA+B,GAAO,GAAK;CAC7K,IAAM,EAAE,cAAW,GAAG,MAAiB;CACvC,OAAO,kBAAC,EAAmB,SAApB;EAAiC;EAAK,WAAW,EAAgD,iCAAiC,CAAS;EAAG,GAAI;CAAe,CAAA;AACzK,CAAC,GAEY,IAAqB,EAAwF,SAA4B,GAAO,GAAK;CACjK,IAAM,EAAE,cAAW,aAAU,GAAG,MAAc;CAC9C,OACC,kBAAC,EAAmB,MAApB;EAA8B;EAAK,WAAW,EAA6C,8BAA8B,CAAS;EAAG,GAAI;EACvI,UAAA,KAAY,kBAAC,GAAD;GAAe,eAAY;GAAO,QAAO;EAAQ,CAAA;CACtC,CAAA;AAE3B,CAAC,GAEY,IAAqB,EAAwF,SAA4B,GAAO,GAAK;CACjK,IAAM,EAAE,cAAW,GAAG,MAAc;CACpC,OAAO,kBAAC,EAAmB,MAApB;EAA8B;EAAK,WAAW,EAA6C,8BAA8B,CAAS;EAAG,GAAI;CAAY,CAAA;AAC7J,CAAC,GAEY,IAAwB,EAA8F,SAA+B,GAAO,GAAK;CAC7K,IAAM,EAAE,cAAW,GAAG,MAAiB;CACvC,OAAO,kBAAC,EAAmB,SAApB;EAAiC;EAAK,WAAW,EAAgD,iCAAiC,CAAS;EAAG,GAAI;CAAe,CAAA;AACzK,CAAC,GAEY,IAAuB,EAAmB,QAE1C,IAA2B,EAAoG,SAAkC,GAAO,GAAK;CACzL,IAAM,EAAE,cAAW,gBAAa,GAAG,GAAG,MAAoB;CAC1D,OACC,kBAAC,EAAmB,YAApB;EACM;EACL,WAAW,EAAmD,oCAAoC,CAAS;EAC/F;EACZ,GAAI;CACJ,CAAA;AAEH,CAAC,GAEY,IAAsB,EAA0F,SAA6B,GAAO,GAAK;CACrK,IAAM,EAAE,cAAW,GAAG,MAAe;CACrC,OAAO,kBAAC,EAAmB,OAApB;EAA+B;EAAK,WAAW,EAA8C,+BAA+B,CAAS;EAAG,GAAI;CAAa,CAAA;AACjK,CAAC,GAEY,IAAyB,EAAgG,SAAgC,GAAO,GAAK;CACjL,IAAM,EAAE,cAAW,GAAG,MAAkB;CACxC,OAAO,kBAAC,EAAmB,UAApB;EAAkC;EAAK,WAAW,EAAiD,kCAAkC,CAAS;EAAG,GAAI;CAAgB,CAAA;AAC7K,CAAC,GAEY,IAAsB,EAA0F,SAA6B,GAAO,GAAK;CACrK,IAAM,EAAE,cAAW,GAAG,MAAe;CACrC,OAAO,kBAAC,EAAmB,OAApB;EAA+B;EAAK,WAAW,EAA8C,+BAA+B,CAAS;EAAG,GAAI;CAAa,CAAA;AACjK,CAAC"}

package/dist/components/navigation-data/scroll-area.d.ts

@@ -0,0 +1,6 @@
+export declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaViewport: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaViewportProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaContent: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaScrollbar: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaScrollbarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaThumb: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaThumbProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaCorner: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaCornerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/navigation-data/scroll-area.js

@@ -0,0 +1,52 @@
+import { withBaseClass as e } from "./utils.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { ScrollArea as r } from "@base-ui/react/scroll-area";
+//#region src/components/navigation-data/scroll-area.tsx
+var i = t(function(t, i) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(r.Root, {
+		ref: i,
+		className: e("lyds-scroll-area", a),
+		...o
+	});
+}), a = t(function(t, i) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(r.Viewport, {
+		ref: i,
+		className: e("lyds-scroll-area__viewport", a),
+		...o
+	});
+}), o = t(function(t, i) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(r.Content, {
+		ref: i,
+		className: e("lyds-scroll-area__content", a),
+		...o
+	});
+}), s = t(function(t, i) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(r.Scrollbar, {
+		ref: i,
+		className: e("lyds-scroll-area__scrollbar", a),
+		...o
+	});
+}), c = t(function(t, i) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(r.Thumb, {
+		ref: i,
+		className: e("lyds-scroll-area__thumb", a),
+		...o
+	});
+}), l = t(function(t, i) {
+	let { className: a, ...o } = t;
+	return /* @__PURE__ */ n(r.Corner, {
+		ref: i,
+		className: e("lyds-scroll-area__corner", a),
+		...o
+	});
+});
+//#endregion
+export { i as ScrollArea, o as ScrollAreaContent, l as ScrollAreaCorner, s as ScrollAreaScrollbar, c as ScrollAreaThumb, a as ScrollAreaViewport };
+
+//# sourceMappingURL=scroll-area.js.map

package/dist/components/navigation-data/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","names":[],"sources":["../../../src/components/navigation-data/scroll-area.tsx"],"sourcesContent":["import { ScrollArea as BaseScrollArea } from \"@base-ui/react/scroll-area\";\nimport { forwardRef, type ComponentRef } from \"react\";\n\nimport { withBaseClass } from \"./utils.js\";\n\nexport const ScrollArea = forwardRef<ComponentRef<typeof BaseScrollArea.Root>, BaseScrollArea.Root.Props>(function ScrollArea(props, ref) {\n\tconst { className, ...rootProps } = props;\n\treturn <BaseScrollArea.Root ref={ref} className={withBaseClass<BaseScrollArea.Root.State>(\"lyds-scroll-area\", className)} {...rootProps} />;\n});\n\nexport const ScrollAreaViewport = forwardRef<ComponentRef<typeof BaseScrollArea.Viewport>, BaseScrollArea.Viewport.Props>(function ScrollAreaViewport(props, ref) {\n\tconst { className, ...viewportProps } = props;\n\treturn <BaseScrollArea.Viewport ref={ref} className={withBaseClass<BaseScrollArea.Viewport.State>(\"lyds-scroll-area__viewport\", className)} {...viewportProps} />;\n});\n\nexport const ScrollAreaContent = forwardRef<ComponentRef<typeof BaseScrollArea.Content>, BaseScrollArea.Content.Props>(function ScrollAreaContent(props, ref) {\n\tconst { className, ...contentProps } = props;\n\treturn <BaseScrollArea.Content ref={ref} className={withBaseClass<BaseScrollArea.Content.State>(\"lyds-scroll-area__content\", className)} {...contentProps} />;\n});\n\nexport const ScrollAreaScrollbar = forwardRef<ComponentRef<typeof BaseScrollArea.Scrollbar>, BaseScrollArea.Scrollbar.Props>(function ScrollAreaScrollbar(props, ref) {\n\tconst { className, ...scrollbarProps } = props;\n\treturn <BaseScrollArea.Scrollbar ref={ref} className={withBaseClass<BaseScrollArea.Scrollbar.State>(\"lyds-scroll-area__scrollbar\", className)} {...scrollbarProps} />;\n});\n\nexport const ScrollAreaThumb = forwardRef<ComponentRef<typeof BaseScrollArea.Thumb>, BaseScrollArea.Thumb.Props>(function ScrollAreaThumb(props, ref) {\n\tconst { className, ...thumbProps } = props;\n\treturn <BaseScrollArea.Thumb ref={ref} className={withBaseClass<BaseScrollArea.Thumb.State>(\"lyds-scroll-area__thumb\", className)} {...thumbProps} />;\n});\n\nexport const ScrollAreaCorner = forwardRef<ComponentRef<typeof BaseScrollArea.Corner>, BaseScrollArea.Corner.Props>(function ScrollAreaCorner(props, ref) {\n\tconst { className, ...cornerProps } = props;\n\treturn <BaseScrollArea.Corner ref={ref} className={withBaseClass<BaseScrollArea.Corner.State>(\"lyds-scroll-area__corner\", className)} {...cornerProps} />;\n});\n"],"mappings":";;;;;AAKA,IAAa,IAAa,EAAgF,SAAoB,GAAO,GAAK;CACzI,IAAM,EAAE,cAAW,GAAG,MAAc;CACpC,OAAO,kBAAC,EAAe,MAAhB;EAA0B;EAAK,WAAW,EAAyC,oBAAoB,CAAS;EAAG,GAAI;CAAY,CAAA;AAC3I,CAAC,GAEY,IAAqB,EAAwF,SAA4B,GAAO,GAAK;CACjK,IAAM,EAAE,cAAW,GAAG,MAAkB;CACxC,OAAO,kBAAC,EAAe,UAAhB;EAA8B;EAAK,WAAW,EAA6C,8BAA8B,CAAS;EAAG,GAAI;CAAgB,CAAA;AACjK,CAAC,GAEY,IAAoB,EAAsF,SAA2B,GAAO,GAAK;CAC7J,IAAM,EAAE,cAAW,GAAG,MAAiB;CACvC,OAAO,kBAAC,EAAe,SAAhB;EAA6B;EAAK,WAAW,EAA4C,6BAA6B,CAAS;EAAG,GAAI;CAAe,CAAA;AAC7J,CAAC,GAEY,IAAsB,EAA0F,SAA6B,GAAO,GAAK;CACrK,IAAM,EAAE,cAAW,GAAG,MAAmB;CACzC,OAAO,kBAAC,EAAe,WAAhB;EAA+B;EAAK,WAAW,EAA8C,+BAA+B,CAAS;EAAG,GAAI;CAAiB,CAAA;AACrK,CAAC,GAEY,IAAkB,EAAkF,SAAyB,GAAO,GAAK;CACrJ,IAAM,EAAE,cAAW,GAAG,MAAe;CACrC,OAAO,kBAAC,EAAe,OAAhB;EAA2B;EAAK,WAAW,EAA0C,2BAA2B,CAAS;EAAG,GAAI;CAAa,CAAA;AACrJ,CAAC,GAEY,IAAmB,EAAoF,SAA0B,GAAO,GAAK;CACzJ,IAAM,EAAE,cAAW,GAAG,MAAgB;CACtC,OAAO,kBAAC,EAAe,QAAhB;EAA4B;EAAK,WAAW,EAA2C,4BAA4B,CAAS;EAAG,GAAI;CAAc,CAAA;AACzJ,CAAC"}

package/dist/components/navigation-data/table-collection.d.ts

@@ -0,0 +1,61 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, LiHTMLAttributes, OlHTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+export declare const TableFrame: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Table: import('react').ForwardRefExoticComponent<TableHTMLAttributes<HTMLTableElement> & import('react').RefAttributes<HTMLTableElement>>;
+export declare const TableCaption: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLTableCaptionElement> & import('react').RefAttributes<HTMLTableCaptionElement>>;
+export declare const TableHeader: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
+export declare const TableFooter: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
+export declare const TableRow: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & import('react').RefAttributes<HTMLTableRowElement>>;
+export interface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {
+    textAlign?: "start" | "center" | "end";
+}
+export declare const TableHead: import('react').ForwardRefExoticComponent<TableHeadProps & import('react').RefAttributes<HTMLTableCellElement>>;
+export interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    textAlign?: "start" | "center" | "end";
+    numeric?: boolean;
+}
+export declare const TableCell: import('react').ForwardRefExoticComponent<TableCellProps & import('react').RefAttributes<HTMLTableCellElement>>;
+/** 純呈現用結構。資料擷取、排序、篩選與分頁由使用端負責。 */
+export declare const DataTable: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import('react').RefAttributes<HTMLElement>>;
+export declare const DataTableHeader: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const DataTableTitle: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import('react').RefAttributes<HTMLHeadingElement>>;
+export declare const DataTableDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+export declare const DataTableControls: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export interface DataTableRegionProps extends HTMLAttributes<HTMLDivElement> {
+    label?: string;
+}
+export declare const DataTableRegion: import('react').ForwardRefExoticComponent<DataTableRegionProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const DataTableStatus: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export interface CollectionProps extends HTMLAttributes<HTMLUListElement> {
+    density?: "comfortable" | "compact";
+}
+export declare const Collection: import('react').ForwardRefExoticComponent<CollectionProps & import('react').RefAttributes<HTMLUListElement>>;
+export interface OrderedCollectionProps extends OlHTMLAttributes<HTMLOListElement> {
+    density?: "comfortable" | "compact";
+}
+export declare const OrderedCollection: import('react').ForwardRefExoticComponent<OrderedCollectionProps & import('react').RefAttributes<HTMLOListElement>>;
+export type CollectionItemProps = LiHTMLAttributes<HTMLLIElement>;
+export declare const CollectionItem: import('react').ForwardRefExoticComponent<CollectionItemProps & import('react').RefAttributes<HTMLLIElement>>;
+export declare const CollectionContent: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CollectionHeading: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import('react').RefAttributes<HTMLHeadingElement>>;
+export declare const CollectionDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+export declare const CollectionMeta: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CollectionActions: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export interface CollectionLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    selected?: boolean;
+}
+export declare const CollectionLink: import('react').ForwardRefExoticComponent<CollectionLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export interface CollectionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    selected?: boolean;
+}
+export declare const CollectionButton: import('react').ForwardRefExoticComponent<CollectionButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const List: import('react').ForwardRefExoticComponent<CollectionProps & import('react').RefAttributes<HTMLUListElement>>;
+export declare const OrderedList: import('react').ForwardRefExoticComponent<OrderedCollectionProps & import('react').RefAttributes<HTMLOListElement>>;
+export declare const ListItem: import('react').ForwardRefExoticComponent<CollectionItemProps & import('react').RefAttributes<HTMLLIElement>>;
+export declare const ListContent: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ListHeading: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import('react').RefAttributes<HTMLHeadingElement>>;
+export declare const ListDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+export declare const ListMeta: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ListActions: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ListLink: import('react').ForwardRefExoticComponent<CollectionLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export declare const ListButton: import('react').ForwardRefExoticComponent<CollectionButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/navigation-data/table-collection.js

@@ -0,0 +1,181 @@
+import { cx as e } from "./utils.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/navigation-data/table-collection.tsx
+var r = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("div", {
+		ref: i,
+		className: e("lyds-table-frame", t),
+		...r
+	});
+}), i = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("table", {
+		ref: i,
+		className: e("lyds-table", t),
+		...r
+	});
+}), a = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("caption", {
+		ref: i,
+		className: e("lyds-table__caption", t),
+		...r
+	});
+}), o = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("thead", {
+		ref: i,
+		className: e("lyds-table__header", t),
+		...r
+	});
+}), s = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("tbody", {
+		ref: i,
+		className: e("lyds-table__body", t),
+		...r
+	});
+}), c = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("tfoot", {
+		ref: i,
+		className: e("lyds-table__footer", t),
+		...r
+	});
+}), l = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("tr", {
+		ref: i,
+		className: e("lyds-table__row", t),
+		...r
+	});
+}), u = t(function({ className: t, scope: r = "col", textAlign: i = "start", ...a }, o) {
+	return /* @__PURE__ */ n("th", {
+		ref: o,
+		className: e("lyds-table__head", t),
+		"data-align": i,
+		scope: r,
+		...a
+	});
+}), d = t(function({ className: t, textAlign: r = "start", numeric: i = !1, ...a }, o) {
+	return /* @__PURE__ */ n("td", {
+		ref: o,
+		className: e("lyds-table__cell", t),
+		"data-align": r,
+		"data-numeric": i ? "" : void 0,
+		...a
+	});
+}), f = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("section", {
+		ref: i,
+		className: e("lyds-data-table", t),
+		...r
+	});
+}), p = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("div", {
+		ref: i,
+		className: e("lyds-data-table__header", t),
+		...r
+	});
+}), m = t(function({ children: t, className: r, ...i }, a) {
+	return /* @__PURE__ */ n("h2", {
+		ref: a,
+		className: e("lyds-data-table__title", r),
+		...i,
+		children: t
+	});
+}), h = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("p", {
+		ref: i,
+		className: e("lyds-data-table__description", t),
+		...r
+	});
+}), g = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("div", {
+		ref: i,
+		className: e("lyds-data-table__controls", t),
+		...r
+	});
+}), _ = t(function({ className: t, label: r, ...i }, a) {
+	return /* @__PURE__ */ n("div", {
+		ref: a,
+		"aria-label": r,
+		className: e("lyds-data-table__region", t),
+		role: r ? "region" : void 0,
+		...i
+	});
+}), v = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("div", {
+		ref: i,
+		className: e("lyds-data-table__status", t),
+		...r
+	});
+}), y = t(function({ className: t, density: r = "comfortable", ...i }, a) {
+	return /* @__PURE__ */ n("ul", {
+		ref: a,
+		className: e("lyds-collection", t),
+		"data-density": r,
+		...i
+	});
+}), b = t(function({ className: t, density: r = "comfortable", ...i }, a) {
+	return /* @__PURE__ */ n("ol", {
+		ref: a,
+		className: e("lyds-collection", t),
+		"data-density": r,
+		...i
+	});
+}), x = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("li", {
+		ref: i,
+		className: e("lyds-collection__item", t),
+		...r
+	});
+}), S = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("div", {
+		ref: i,
+		className: e("lyds-collection__content", t),
+		...r
+	});
+}), C = t(function({ children: t, className: r, ...i }, a) {
+	return /* @__PURE__ */ n("h3", {
+		ref: a,
+		className: e("lyds-collection__heading", r),
+		...i,
+		children: t
+	});
+}), w = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("p", {
+		ref: i,
+		className: e("lyds-collection__description", t),
+		...r
+	});
+}), T = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("div", {
+		ref: i,
+		className: e("lyds-collection__meta", t),
+		...r
+	});
+}), E = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("div", {
+		ref: i,
+		className: e("lyds-collection__actions", t),
+		...r
+	});
+}), D = t(function({ children: t, className: r, selected: i = !1, ...a }, o) {
+	return /* @__PURE__ */ n("a", {
+		ref: o,
+		"aria-current": i ? "page" : void 0,
+		className: e("lyds-collection__interactive", r),
+		"data-selected": i ? "" : void 0,
+		...a,
+		children: t
+	});
+}), O = t(function({ className: t, selected: r = !1, type: i = "button", ...a }, o) {
+	return /* @__PURE__ */ n("button", {
+		ref: o,
+		"aria-pressed": r,
+		className: e("lyds-collection__interactive", t),
+		"data-selected": r ? "" : void 0,
+		type: i,
+		...a
+	});
+}), k = y, A = b, j = x, M = S, N = C, P = w, F = T, I = E, L = D, R = O;
+//#endregion
+export { y as Collection, E as CollectionActions, O as CollectionButton, S as CollectionContent, w as CollectionDescription, C as CollectionHeading, x as CollectionItem, D as CollectionLink, T as CollectionMeta, f as DataTable, g as DataTableControls, h as DataTableDescription, p as DataTableHeader, _ as DataTableRegion, v as DataTableStatus, m as DataTableTitle, k as List, I as ListActions, R as ListButton, M as ListContent, P as ListDescription, N as ListHeading, j as ListItem, L as ListLink, F as ListMeta, b as OrderedCollection, A as OrderedList, i as Table, s as TableBody, a as TableCaption, d as TableCell, c as TableFooter, r as TableFrame, u as TableHead, o as TableHeader, l as TableRow };
+
+//# sourceMappingURL=table-collection.js.map