@linyao.tw/ui 1.0.0 → 1.1.0

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

@@ -1 +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"}
+{"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 { withStateClassName } from \"@/internal\";\nfunction NavigationMenuInner<Value = string>(props: BaseNavigationMenu.Root.Props<Value>, ref: ForwardedRef<HTMLElement>) {\n\tconst { className, ...rootProps } = props;\n\treturn <BaseNavigationMenu.Root ref={ref} className={withStateClassName<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={withStateClassName<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={withStateClassName<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={withStateClassName<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={withStateClassName<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={withStateClassName<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={withStateClassName<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={withStateClassName<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={withStateClassName<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={withStateClassName<BaseNavigationMenu.Arrow.State>(\"lyds-navigation-menu__arrow\", className)} {...arrowProps} />;\n});\n"],"mappings":";;;;;;AAKA,SAAS,EAAoC,GAA6C,GAAgC;CACzH,IAAM,EAAE,cAAW,GAAG,MAAc;CACpC,OAAO,kBAAC,EAAmB,MAApB;EAA8B;EAAK,WAAW,EAAkD,wBAAwB,CAAS;EAAG,GAAI;CAAY,CAAA;AAC5J;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,EAAkD,8BAA8B,CAAS;EAAG,GAAI;CAAY,CAAA;AAClK,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,EAAqD,iCAAiC,CAAS;EAAG,GAAI;CAAe,CAAA;AAC9K,CAAC,GAEY,IAAqB,EAAwF,SAA4B,GAAO,GAAK;CACjK,IAAM,EAAE,cAAW,aAAU,GAAG,MAAc;CAC9C,OACC,kBAAC,EAAmB,MAApB;EAA8B;EAAK,WAAW,EAAkD,8BAA8B,CAAS;EAAG,GAAI;EAC5I,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,EAAkD,8BAA8B,CAAS;EAAG,GAAI;CAAY,CAAA;AAClK,CAAC,GAEY,IAAwB,EAA8F,SAA+B,GAAO,GAAK;CAC7K,IAAM,EAAE,cAAW,GAAG,MAAiB;CACvC,OAAO,kBAAC,EAAmB,SAApB;EAAiC;EAAK,WAAW,EAAqD,iCAAiC,CAAS;EAAG,GAAI;CAAe,CAAA;AAC9K,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,EAAwD,oCAAoC,CAAS;EACpG;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,EAAmD,+BAA+B,CAAS;EAAG,GAAI;CAAa,CAAA;AACtK,CAAC,GAEY,IAAyB,EAAgG,SAAgC,GAAO,GAAK;CACjL,IAAM,EAAE,cAAW,GAAG,MAAkB;CACxC,OAAO,kBAAC,EAAmB,UAApB;EAAkC;EAAK,WAAW,EAAsD,kCAAkC,CAAS;EAAG,GAAI;CAAgB,CAAA;AAClL,CAAC,GAEY,IAAsB,EAA0F,SAA6B,GAAO,GAAK;CACrK,IAAM,EAAE,cAAW,GAAG,MAAe;CACrC,OAAO,kBAAC,EAAmB,OAApB;EAA+B;EAAK,WAAW,EAAmD,+BAA+B,CAAS;EAAG,GAAI;CAAa,CAAA;AACtK,CAAC"}

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

@@ -1,4 +1,4 @@
-import { withBaseClass as e } from "./utils.js";
+import { withStateClassName as e } from "../../internal/class-names.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";

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

@@ -1 +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"}
+{"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 { withStateClassName } from \"@/internal\";\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={withStateClassName<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={withStateClassName<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={withStateClassName<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={withStateClassName<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={withStateClassName<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={withStateClassName<BaseScrollArea.Corner.State>(\"lyds-scroll-area__corner\", className)} {...cornerProps} />;\n});\n"],"mappings":";;;;;AAIA,IAAa,IAAa,EAAgF,SAAoB,GAAO,GAAK;CACzI,IAAM,EAAE,cAAW,GAAG,MAAc;CACpC,OAAO,kBAAC,EAAe,MAAhB;EAA0B;EAAK,WAAW,EAA8C,oBAAoB,CAAS;EAAG,GAAI;CAAY,CAAA;AAChJ,CAAC,GAEY,IAAqB,EAAwF,SAA4B,GAAO,GAAK;CACjK,IAAM,EAAE,cAAW,GAAG,MAAkB;CACxC,OAAO,kBAAC,EAAe,UAAhB;EAA8B;EAAK,WAAW,EAAkD,8BAA8B,CAAS;EAAG,GAAI;CAAgB,CAAA;AACtK,CAAC,GAEY,IAAoB,EAAsF,SAA2B,GAAO,GAAK;CAC7J,IAAM,EAAE,cAAW,GAAG,MAAiB;CACvC,OAAO,kBAAC,EAAe,SAAhB;EAA6B;EAAK,WAAW,EAAiD,6BAA6B,CAAS;EAAG,GAAI;CAAe,CAAA;AAClK,CAAC,GAEY,IAAsB,EAA0F,SAA6B,GAAO,GAAK;CACrK,IAAM,EAAE,cAAW,GAAG,MAAmB;CACzC,OAAO,kBAAC,EAAe,WAAhB;EAA+B;EAAK,WAAW,EAAmD,+BAA+B,CAAS;EAAG,GAAI;CAAiB,CAAA;AAC1K,CAAC,GAEY,IAAkB,EAAkF,SAAyB,GAAO,GAAK;CACrJ,IAAM,EAAE,cAAW,GAAG,MAAe;CACrC,OAAO,kBAAC,EAAe,OAAhB;EAA2B;EAAK,WAAW,EAA+C,2BAA2B,CAAS;EAAG,GAAI;CAAa,CAAA;AAC1J,CAAC,GAEY,IAAmB,EAAoF,SAA0B,GAAO,GAAK;CACzJ,IAAM,EAAE,cAAW,GAAG,MAAgB;CACtC,OAAO,kBAAC,EAAe,QAAhB;EAA4B;EAAK,WAAW,EAAgD,4BAA4B,CAAS;EAAG,GAAI;CAAc,CAAA;AAC9J,CAAC"}

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

@@ -1,4 +1,5 @@
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, LiHTMLAttributes, OlHTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+import { HeadingLevel } from '../foundations/section-heading.js';
 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>>;
@@ -18,7 +19,11 @@ export declare const TableCell: import('react').ForwardRefExoticComponent<TableC
 /** 純呈現用結構。資料擷取、排序、篩選與分頁由使用端負責。 */
 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 interface DataTableTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    /** Heading level for the surrounding document outline. */
+    level?: HeadingLevel;
+}
+export declare const DataTableTitle: import('react').ForwardRefExoticComponent<DataTableTitleProps & 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> {
@@ -37,7 +42,11 @@ export declare const OrderedCollection: import('react').ForwardRefExoticComponen
 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 interface CollectionHeadingProps extends HTMLAttributes<HTMLHeadingElement> {
+    /** Heading level for the surrounding document outline. */
+    level?: HeadingLevel;
+}
+export declare const CollectionHeading: import('react').ForwardRefExoticComponent<CollectionHeadingProps & 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>>;
@@ -53,7 +62,7 @@ export declare const List: import('react').ForwardRefExoticComponent<CollectionP
 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 ListHeading: import('react').ForwardRefExoticComponent<CollectionHeadingProps & 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>>;

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

@@ -1,4 +1,4 @@
-import { cx as e } from "./utils.js";
+import { cx as e } from "../../internal/class-names.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/navigation-data/table-collection.tsx
@@ -72,11 +72,12 @@ var r = t(function({ className: t, ...r }, i) {
 		className: e("lyds-data-table__header", t),
 		...r
 	});
-}), m = t(function({ children: t, className: r, ...i }, a) {
-	return /* @__PURE__ */ n("h2", {
-		ref: a,
+}), m = t(function({ children: t, className: r, level: i = 2, ...a }, o) {
+	let s = `h${i}`;
+	return /* @__PURE__ */ n(s, {
+		ref: o,
 		className: e("lyds-data-table__title", r),
-		...i,
+		...a,
 		children: t
 	});
 }), h = t(function({ className: t, ...r }, i) {
@@ -131,11 +132,12 @@ var r = t(function({ className: t, ...r }, i) {
 		className: e("lyds-collection__content", t),
 		...r
 	});
-}), C = t(function({ children: t, className: r, ...i }, a) {
-	return /* @__PURE__ */ n("h3", {
-		ref: a,
+}), C = t(function({ children: t, className: r, level: i = 3, ...a }, o) {
+	let s = `h${i}`;
+	return /* @__PURE__ */ n(s, {
+		ref: o,
 		className: e("lyds-collection__heading", r),
-		...i,
+		...a,
 		children: t
 	});
 }), w = t(function({ className: t, ...r }, i) {

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

@@ -1 +1 @@
-{"version":3,"file":"table-collection.js","names":[],"sources":["../../../src/components/navigation-data/table-collection.tsx"],"sourcesContent":["import {\n\tforwardRef,\n\ttype AnchorHTMLAttributes,\n\ttype ButtonHTMLAttributes,\n\ttype HTMLAttributes,\n\ttype LiHTMLAttributes,\n\ttype OlHTMLAttributes,\n\ttype TableHTMLAttributes,\n\ttype TdHTMLAttributes,\n\ttype ThHTMLAttributes\n} from \"react\";\n\nimport { cx } from \"./utils.js\";\n\nexport const TableFrame = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function TableFrame({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-table-frame\", className)} {...props} />;\n});\n\nexport const Table = forwardRef<HTMLTableElement, TableHTMLAttributes<HTMLTableElement>>(function Table({ className, ...props }, ref) {\n\treturn <table ref={ref} className={cx(\"lyds-table\", className)} {...props} />;\n});\n\nexport const TableCaption = forwardRef<HTMLTableCaptionElement, HTMLAttributes<HTMLTableCaptionElement>>(function TableCaption({ className, ...props }, ref) {\n\treturn <caption ref={ref} className={cx(\"lyds-table__caption\", className)} {...props} />;\n});\n\nexport const TableHeader = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(function TableHeader({ className, ...props }, ref) {\n\treturn <thead ref={ref} className={cx(\"lyds-table__header\", className)} {...props} />;\n});\n\nexport const TableBody = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(function TableBody({ className, ...props }, ref) {\n\treturn <tbody ref={ref} className={cx(\"lyds-table__body\", className)} {...props} />;\n});\n\nexport const TableFooter = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(function TableFooter({ className, ...props }, ref) {\n\treturn <tfoot ref={ref} className={cx(\"lyds-table__footer\", className)} {...props} />;\n});\n\nexport const TableRow = forwardRef<HTMLTableRowElement, HTMLAttributes<HTMLTableRowElement>>(function TableRow({ className, ...props }, ref) {\n\treturn <tr ref={ref} className={cx(\"lyds-table__row\", className)} {...props} />;\n});\n\nexport interface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {\n\ttextAlign?: \"start\" | \"center\" | \"end\";\n}\n\nexport const TableHead = forwardRef<HTMLTableCellElement, TableHeadProps>(function TableHead({ className, scope = \"col\", textAlign = \"start\", ...props }, ref) {\n\treturn <th ref={ref} className={cx(\"lyds-table__head\", className)} data-align={textAlign} scope={scope} {...props} />;\n});\n\nexport interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\n\ttextAlign?: \"start\" | \"center\" | \"end\";\n\tnumeric?: boolean;\n}\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell({ className, textAlign = \"start\", numeric = false, ...props }, ref) {\n\treturn <td ref={ref} className={cx(\"lyds-table__cell\", className)} data-align={textAlign} data-numeric={numeric ? \"\" : undefined} {...props} />;\n});\n\n/** 純呈現用結構。資料擷取、排序、篩選與分頁由使用端負責。 */\nexport const DataTable = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(function DataTable({ className, ...props }, ref) {\n\treturn <section ref={ref} className={cx(\"lyds-data-table\", className)} {...props} />;\n});\n\nexport const DataTableHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function DataTableHeader({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-data-table__header\", className)} {...props} />;\n});\n\nexport const DataTableTitle = forwardRef<HTMLHeadingElement, HTMLAttributes<HTMLHeadingElement>>(function DataTableTitle({ children, className, ...props }, ref) {\n\treturn (\n\t\t<h2 ref={ref} className={cx(\"lyds-data-table__title\", className)} {...props}>\n\t\t\t{children}\n\t\t</h2>\n\t);\n});\n\nexport const DataTableDescription = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(function DataTableDescription({ className, ...props }, ref) {\n\treturn <p ref={ref} className={cx(\"lyds-data-table__description\", className)} {...props} />;\n});\n\nexport const DataTableControls = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function DataTableControls({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-data-table__controls\", className)} {...props} />;\n});\n\nexport interface DataTableRegionProps extends HTMLAttributes<HTMLDivElement> {\n\tlabel?: string;\n}\n\nexport const DataTableRegion = forwardRef<HTMLDivElement, DataTableRegionProps>(function DataTableRegion({ className, label, ...props }, ref) {\n\treturn <div ref={ref} aria-label={label} className={cx(\"lyds-data-table__region\", className)} role={label ? \"region\" : undefined} {...props} />;\n});\n\nexport const DataTableStatus = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function DataTableStatus({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-data-table__status\", className)} {...props} />;\n});\n\nexport interface CollectionProps extends HTMLAttributes<HTMLUListElement> {\n\tdensity?: \"comfortable\" | \"compact\";\n}\n\nexport const Collection = forwardRef<HTMLUListElement, CollectionProps>(function Collection({ className, density = \"comfortable\", ...props }, ref) {\n\treturn <ul ref={ref} className={cx(\"lyds-collection\", className)} data-density={density} {...props} />;\n});\n\nexport interface OrderedCollectionProps extends OlHTMLAttributes<HTMLOListElement> {\n\tdensity?: \"comfortable\" | \"compact\";\n}\n\nexport const OrderedCollection = forwardRef<HTMLOListElement, OrderedCollectionProps>(function OrderedCollection({ className, density = \"comfortable\", ...props }, ref) {\n\treturn <ol ref={ref} className={cx(\"lyds-collection\", className)} data-density={density} {...props} />;\n});\n\nexport type CollectionItemProps = LiHTMLAttributes<HTMLLIElement>;\n\nexport const CollectionItem = forwardRef<HTMLLIElement, CollectionItemProps>(function CollectionItem({ className, ...props }, ref) {\n\treturn <li ref={ref} className={cx(\"lyds-collection__item\", className)} {...props} />;\n});\n\nexport const CollectionContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function CollectionContent({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-collection__content\", className)} {...props} />;\n});\n\nexport const CollectionHeading = forwardRef<HTMLHeadingElement, HTMLAttributes<HTMLHeadingElement>>(function CollectionHeading({ children, className, ...props }, ref) {\n\treturn (\n\t\t<h3 ref={ref} className={cx(\"lyds-collection__heading\", className)} {...props}>\n\t\t\t{children}\n\t\t</h3>\n\t);\n});\n\nexport const CollectionDescription = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(function CollectionDescription({ className, ...props }, ref) {\n\treturn <p ref={ref} className={cx(\"lyds-collection__description\", className)} {...props} />;\n});\n\nexport const CollectionMeta = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function CollectionMeta({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-collection__meta\", className)} {...props} />;\n});\n\nexport const CollectionActions = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function CollectionActions({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-collection__actions\", className)} {...props} />;\n});\n\nexport interface CollectionLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n\tselected?: boolean;\n}\n\nexport const CollectionLink = forwardRef<HTMLAnchorElement, CollectionLinkProps>(function CollectionLink({ children, className, selected = false, ...props }, ref) {\n\treturn (\n\t\t<a ref={ref} aria-current={selected ? \"page\" : undefined} className={cx(\"lyds-collection__interactive\", className)} data-selected={selected ? \"\" : undefined} {...props}>\n\t\t\t{children}\n\t\t</a>\n\t);\n});\n\nexport interface CollectionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n\tselected?: boolean;\n}\n\nexport const CollectionButton = forwardRef<HTMLButtonElement, CollectionButtonProps>(function CollectionButton({ className, selected = false, type = \"button\", ...props }, ref) {\n\treturn <button ref={ref} aria-pressed={selected} className={cx(\"lyds-collection__interactive\", className)} data-selected={selected ? \"\" : undefined} type={type} {...props} />;\n});\n\nexport const List = Collection;\nexport const OrderedList = OrderedCollection;\nexport const ListItem = CollectionItem;\nexport const ListContent = CollectionContent;\nexport const ListHeading = CollectionHeading;\nexport const ListDescription = CollectionDescription;\nexport const ListMeta = CollectionMeta;\nexport const ListActions = CollectionActions;\nexport const ListLink = CollectionLink;\nexport const ListButton = CollectionButton;\n"],"mappings":"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"}
+{"version":3,"file":"table-collection.js","names":[],"sources":["../../../src/components/navigation-data/table-collection.tsx"],"sourcesContent":["import {\n\tforwardRef,\n\ttype AnchorHTMLAttributes,\n\ttype ButtonHTMLAttributes,\n\ttype HTMLAttributes,\n\ttype LiHTMLAttributes,\n\ttype OlHTMLAttributes,\n\ttype TableHTMLAttributes,\n\ttype TdHTMLAttributes,\n\ttype ThHTMLAttributes\n} from \"react\";\n\nimport type { HeadingLevel } from \"@/components/foundations/section-heading\";\nimport { cx } from \"@/internal\";\nexport const TableFrame = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function TableFrame({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-table-frame\", className)} {...props} />;\n});\n\nexport const Table = forwardRef<HTMLTableElement, TableHTMLAttributes<HTMLTableElement>>(function Table({ className, ...props }, ref) {\n\treturn <table ref={ref} className={cx(\"lyds-table\", className)} {...props} />;\n});\n\nexport const TableCaption = forwardRef<HTMLTableCaptionElement, HTMLAttributes<HTMLTableCaptionElement>>(function TableCaption({ className, ...props }, ref) {\n\treturn <caption ref={ref} className={cx(\"lyds-table__caption\", className)} {...props} />;\n});\n\nexport const TableHeader = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(function TableHeader({ className, ...props }, ref) {\n\treturn <thead ref={ref} className={cx(\"lyds-table__header\", className)} {...props} />;\n});\n\nexport const TableBody = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(function TableBody({ className, ...props }, ref) {\n\treturn <tbody ref={ref} className={cx(\"lyds-table__body\", className)} {...props} />;\n});\n\nexport const TableFooter = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(function TableFooter({ className, ...props }, ref) {\n\treturn <tfoot ref={ref} className={cx(\"lyds-table__footer\", className)} {...props} />;\n});\n\nexport const TableRow = forwardRef<HTMLTableRowElement, HTMLAttributes<HTMLTableRowElement>>(function TableRow({ className, ...props }, ref) {\n\treturn <tr ref={ref} className={cx(\"lyds-table__row\", className)} {...props} />;\n});\n\nexport interface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {\n\ttextAlign?: \"start\" | \"center\" | \"end\";\n}\n\nexport const TableHead = forwardRef<HTMLTableCellElement, TableHeadProps>(function TableHead({ className, scope = \"col\", textAlign = \"start\", ...props }, ref) {\n\treturn <th ref={ref} className={cx(\"lyds-table__head\", className)} data-align={textAlign} scope={scope} {...props} />;\n});\n\nexport interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\n\ttextAlign?: \"start\" | \"center\" | \"end\";\n\tnumeric?: boolean;\n}\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell({ className, textAlign = \"start\", numeric = false, ...props }, ref) {\n\treturn <td ref={ref} className={cx(\"lyds-table__cell\", className)} data-align={textAlign} data-numeric={numeric ? \"\" : undefined} {...props} />;\n});\n\n/** 純呈現用結構。資料擷取、排序、篩選與分頁由使用端負責。 */\nexport const DataTable = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(function DataTable({ className, ...props }, ref) {\n\treturn <section ref={ref} className={cx(\"lyds-data-table\", className)} {...props} />;\n});\n\nexport const DataTableHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function DataTableHeader({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-data-table__header\", className)} {...props} />;\n});\n\nexport interface DataTableTitleProps extends HTMLAttributes<HTMLHeadingElement> {\n\t/** Heading level for the surrounding document outline. */\n\tlevel?: HeadingLevel;\n}\n\nexport const DataTableTitle = forwardRef<HTMLHeadingElement, DataTableTitleProps>(function DataTableTitle({ children, className, level = 2, ...props }, ref) {\n\tconst Heading = `h${level}` as const;\n\treturn (\n\t\t<Heading ref={ref} className={cx(\"lyds-data-table__title\", className)} {...props}>\n\t\t\t{children}\n\t\t</Heading>\n\t);\n});\n\nexport const DataTableDescription = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(function DataTableDescription({ className, ...props }, ref) {\n\treturn <p ref={ref} className={cx(\"lyds-data-table__description\", className)} {...props} />;\n});\n\nexport const DataTableControls = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function DataTableControls({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-data-table__controls\", className)} {...props} />;\n});\n\nexport interface DataTableRegionProps extends HTMLAttributes<HTMLDivElement> {\n\tlabel?: string;\n}\n\nexport const DataTableRegion = forwardRef<HTMLDivElement, DataTableRegionProps>(function DataTableRegion({ className, label, ...props }, ref) {\n\treturn <div ref={ref} aria-label={label} className={cx(\"lyds-data-table__region\", className)} role={label ? \"region\" : undefined} {...props} />;\n});\n\nexport const DataTableStatus = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function DataTableStatus({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-data-table__status\", className)} {...props} />;\n});\n\nexport interface CollectionProps extends HTMLAttributes<HTMLUListElement> {\n\tdensity?: \"comfortable\" | \"compact\";\n}\n\nexport const Collection = forwardRef<HTMLUListElement, CollectionProps>(function Collection({ className, density = \"comfortable\", ...props }, ref) {\n\treturn <ul ref={ref} className={cx(\"lyds-collection\", className)} data-density={density} {...props} />;\n});\n\nexport interface OrderedCollectionProps extends OlHTMLAttributes<HTMLOListElement> {\n\tdensity?: \"comfortable\" | \"compact\";\n}\n\nexport const OrderedCollection = forwardRef<HTMLOListElement, OrderedCollectionProps>(function OrderedCollection({ className, density = \"comfortable\", ...props }, ref) {\n\treturn <ol ref={ref} className={cx(\"lyds-collection\", className)} data-density={density} {...props} />;\n});\n\nexport type CollectionItemProps = LiHTMLAttributes<HTMLLIElement>;\n\nexport const CollectionItem = forwardRef<HTMLLIElement, CollectionItemProps>(function CollectionItem({ className, ...props }, ref) {\n\treturn <li ref={ref} className={cx(\"lyds-collection__item\", className)} {...props} />;\n});\n\nexport const CollectionContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function CollectionContent({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-collection__content\", className)} {...props} />;\n});\n\nexport interface CollectionHeadingProps extends HTMLAttributes<HTMLHeadingElement> {\n\t/** Heading level for the surrounding document outline. */\n\tlevel?: HeadingLevel;\n}\n\nexport const CollectionHeading = forwardRef<HTMLHeadingElement, CollectionHeadingProps>(function CollectionHeading({ children, className, level = 3, ...props }, ref) {\n\tconst Heading = `h${level}` as const;\n\treturn (\n\t\t<Heading ref={ref} className={cx(\"lyds-collection__heading\", className)} {...props}>\n\t\t\t{children}\n\t\t</Heading>\n\t);\n});\n\nexport const CollectionDescription = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(function CollectionDescription({ className, ...props }, ref) {\n\treturn <p ref={ref} className={cx(\"lyds-collection__description\", className)} {...props} />;\n});\n\nexport const CollectionMeta = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function CollectionMeta({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-collection__meta\", className)} {...props} />;\n});\n\nexport const CollectionActions = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function CollectionActions({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-collection__actions\", className)} {...props} />;\n});\n\nexport interface CollectionLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n\tselected?: boolean;\n}\n\nexport const CollectionLink = forwardRef<HTMLAnchorElement, CollectionLinkProps>(function CollectionLink({ children, className, selected = false, ...props }, ref) {\n\treturn (\n\t\t<a ref={ref} aria-current={selected ? \"page\" : undefined} className={cx(\"lyds-collection__interactive\", className)} data-selected={selected ? \"\" : undefined} {...props}>\n\t\t\t{children}\n\t\t</a>\n\t);\n});\n\nexport interface CollectionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n\tselected?: boolean;\n}\n\nexport const CollectionButton = forwardRef<HTMLButtonElement, CollectionButtonProps>(function CollectionButton({ className, selected = false, type = \"button\", ...props }, ref) {\n\treturn <button ref={ref} aria-pressed={selected} className={cx(\"lyds-collection__interactive\", className)} data-selected={selected ? \"\" : undefined} type={type} {...props} />;\n});\n\nexport const List = Collection;\nexport const OrderedList = OrderedCollection;\nexport const ListItem = CollectionItem;\nexport const ListContent = CollectionContent;\nexport const ListHeading = CollectionHeading;\nexport const ListDescription = CollectionDescription;\nexport const ListMeta = CollectionMeta;\nexport const ListActions = CollectionActions;\nexport const ListLink = CollectionLink;\nexport const ListButton = CollectionButton;\n"],"mappings":"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"}

package/dist/components/overlays/dialog.d.ts

@@ -13,7 +13,11 @@ export interface DialogPopupProps extends BaseDialogPopupProps {
     closeLabel?: string;
     /** 傳給內建關閉控制項的屬性。 */
     closeProps?: Omit<DialogCloseProps, "children">;
-    /** 僅在彈出內容另有可存取的 Dialog.Close 時設定。 */
+    /** Renders the built-in corner close control. */
+    closeButton?: boolean;
+    /**
+     * @deprecated Pass `closeButton={false}` instead. Kept so existing call sites keep working.
+     */
     hasCustomClose?: boolean;
 }
 export declare const DialogPopup: import('react').ForwardRefExoticComponent<Omit<DialogPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
@@ -70,7 +74,14 @@ export interface AlertDialogPopupProps extends BaseDialogPopupProps {
     closeLabel?: string;
     /** 傳給內建取消／關閉控制項的屬性。 */
     closeProps?: Omit<DialogCloseProps, "children">;
-    /** 僅在彈出內容另有可存取的 AlertDialog.Close 時設定。 */
+    /**
+     * Renders the built-in corner close control. An alert dialog asks for a deliberate choice, so
+     * this defaults to `false` and the popup should carry its own confirm and cancel actions.
+     */
+    closeButton?: boolean;
+    /**
+     * @deprecated Pass `closeButton` instead. Kept so existing call sites keep working.
+     */
     hasCustomClose?: boolean;
 }
 export declare const AlertDialogPopup: import('react').ForwardRefExoticComponent<Omit<AlertDialogPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;

package/dist/components/overlays/dialog.js

@@ -1,158 +1,163 @@
-import { mergeClassName as e } from "./class-names.js";
-import { forwardRef as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { XIcon as i } from "@phosphor-icons/react/dist/csr/X";
-import { Dialog as a } from "@base-ui/react/dialog";
-import { AlertDialog as o } from "@base-ui/react/alert-dialog";
+import { cx as e, withStateClassName as t } from "../../internal/class-names.js";
+import { useMessages as n } from "../../intl/provider.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { XIcon as o } from "@phosphor-icons/react/dist/csr/X";
+import { Dialog as s } from "@base-ui/react/dialog";
+import { AlertDialog as c } from "@base-ui/react/alert-dialog";
 //#region src/components/overlays/dialog.tsx
-function s() {
-	return /* @__PURE__ */ n(i, {
+function l() {
+	return /* @__PURE__ */ i(o, {
 		"aria-hidden": "true",
 		className: "lyds-overlayClose__glyph",
 		weight: "bold"
 	});
 }
-function c(e) {
-	return /* @__PURE__ */ n(a.Root, { ...e });
+function u(e) {
+	return /* @__PURE__ */ i(s.Root, { ...e });
 }
-function l({ className: t, ...r }) {
-	return /* @__PURE__ */ n(a.Trigger, {
-		...r,
-		className: e("lyds-dialog__trigger", t)
+function d({ className: e, ...n }) {
+	return /* @__PURE__ */ i(s.Trigger, {
+		...n,
+		className: t("lyds-dialog__trigger", e)
 	});
 }
-var u = t(function(e, t) {
-	return /* @__PURE__ */ n(a.Portal, {
+var f = r(function(e, t) {
+	return /* @__PURE__ */ i(s.Portal, {
 		...e,
 		ref: t
 	});
-}), d = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n(a.Backdrop, {
-		...r,
-		ref: i,
-		className: e("lyds-dialog__backdrop", t)
-	});
-}), f = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n(a.Viewport, {
-		...r,
-		ref: i,
-		className: e("lyds-dialog__viewport", t)
-	});
-}), p = t(function({ children: t, className: i, closeLabel: o = "關閉對話框", closeProps: s, hasCustomClose: c = !1, ...l }, u) {
-	return /* @__PURE__ */ r(a.Popup, {
-		...l,
-		ref: u,
-		className: e("lyds-dialog__popup", i),
-		children: [t, c ? null : /* @__PURE__ */ n(g, {
-			...s,
-			"aria-label": o
-		})]
-	});
-}), m = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n(a.Title, {
-		...r,
-		ref: i,
-		className: e("lyds-dialog__title", t)
-	});
-}), h = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n(a.Description, {
-		...r,
-		ref: i,
-		className: e("lyds-dialog__description", t)
-	});
-}), g = t(function({ "aria-label": t, children: r, className: i, variant: o = r == null ? "icon" : "action", ...c }, l) {
-	return /* @__PURE__ */ n(a.Close, {
+}), p = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ i(s.Backdrop, {
+		...n,
+		ref: r,
+		className: t("lyds-dialog__backdrop", e)
+	});
+}), m = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ i(s.Viewport, {
+		...n,
+		ref: r,
+		className: t("lyds-dialog__viewport", e)
+	});
+}), h = r(function({ children: e, className: r, closeButton: o, closeLabel: c, closeProps: l, hasCustomClose: u = !1, ...d }, f) {
+	let p = n(), m = o ?? !u;
+	return /* @__PURE__ */ a(s.Popup, {
+		...d,
+		ref: f,
+		className: t("lyds-dialog__popup", r),
+		children: [m ? /* @__PURE__ */ i(v, {
+			...l,
+			"aria-label": c ?? p.dialogClose
+		}) : null, e]
+	});
+}), g = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ i(s.Title, {
+		...n,
+		ref: r,
+		className: t("lyds-dialog__title", e)
+	});
+}), _ = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ i(s.Description, {
+		...n,
+		ref: r,
+		className: t("lyds-dialog__description", e)
+	});
+}), v = r(function({ "aria-label": e, children: r, className: a, variant: o = r == null ? "icon" : "action", ...c }, u) {
+	let d = n();
+	return /* @__PURE__ */ i(s.Close, {
 		...c,
-		ref: l,
-		"aria-label": t ?? (r == null ? "關閉對話框" : void 0),
-		className: e(o === "icon" ? "lyds-overlayClose" : "lyds-overlayCloseAction", i),
-		children: r ?? /* @__PURE__ */ n(s, {})
-	});
-}), _ = t(function({ className: e, ...t }, r) {
-	return /* @__PURE__ */ n("div", {
-		...t,
+		ref: u,
+		"aria-label": e ?? (r == null ? d.dialogClose : void 0),
+		className: t(o === "icon" ? "lyds-overlayClose" : "lyds-overlayCloseAction", a),
+		children: r ?? /* @__PURE__ */ i(l, {})
+	});
+}), y = r(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ i("div", {
+		...n,
 		ref: r,
-		className: e ? `lyds-dialog__header ${e}` : "lyds-dialog__header"
+		className: e("lyds-dialog__header", t)
 	});
-}), v = t(function({ className: e, ...t }, r) {
-	return /* @__PURE__ */ n("div", {
-		...t,
+}), b = r(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ i("div", {
+		...n,
 		ref: r,
-		className: e ? `lyds-dialog__body ${e}` : "lyds-dialog__body"
+		className: e("lyds-dialog__body", t)
 	});
-}), y = t(function({ className: e, ...t }, r) {
-	return /* @__PURE__ */ n("div", {
-		...t,
+}), x = r(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ i("div", {
+		...n,
 		ref: r,
-		className: e ? `lyds-dialog__footer ${e}` : "lyds-dialog__footer"
-	});
-}), b = {
-	Root: c,
-	Trigger: l,
-	Portal: u,
-	Backdrop: d,
-	Viewport: f,
-	Popup: p,
-	Header: _,
-	Body: v,
-	Footer: y,
-	Title: m,
-	Description: h,
-	Close: g,
-	createHandle: a.createHandle,
-	Handle: a.Handle
-}, x = b;
-function S(e) {
-	return /* @__PURE__ */ n(o.Root, { ...e });
+		className: e("lyds-dialog__footer", t)
+	});
+}), S = {
+	Root: u,
+	Trigger: d,
+	Portal: f,
+	Backdrop: p,
+	Viewport: m,
+	Popup: h,
+	Header: y,
+	Body: b,
+	Footer: x,
+	Title: g,
+	Description: _,
+	Close: v,
+	createHandle: s.createHandle,
+	Handle: s.Handle
+}, C = S;
+function w(e) {
+	return /* @__PURE__ */ i(c.Root, { ...e });
 }
-function C({ className: t, ...r }) {
-	return /* @__PURE__ */ n(o.Trigger, {
-		...r,
-		className: e("lyds-alertDialog__trigger", t)
+function T({ className: e, ...n }) {
+	return /* @__PURE__ */ i(c.Trigger, {
+		...n,
+		className: t("lyds-alertDialog__trigger", e)
 	});
 }
-var w = t(function({ children: t, className: i, closeLabel: a = "取消並關閉警示", closeProps: s, hasCustomClose: c = !1, ...l }, u) {
-	return /* @__PURE__ */ r(o.Popup, {
-		...l,
+var E = r(function({ children: e, className: r, closeButton: o, closeLabel: s, closeProps: l, hasCustomClose: u, ...d }, f) {
+	let p = n(), m = o ?? u === !1;
+	return /* @__PURE__ */ a(c.Popup, {
+		...d,
+		ref: f,
+		className: t("lyds-dialog__popup lyds-alertDialog__popup", r),
+		children: [m ? /* @__PURE__ */ i(D, {
+			...l,
+			"aria-label": s ?? p.alertDialogClose
+		}) : null, e]
+	});
+}), D = r(function({ "aria-label": e, children: r, className: a, variant: o = r == null ? "icon" : "action", ...s }, u) {
+	let d = n();
+	return /* @__PURE__ */ i(c.Close, {
+		...s,
 		ref: u,
-		className: e("lyds-dialog__popup lyds-alertDialog__popup", i),
-		children: [t, c ? null : /* @__PURE__ */ n(T, {
-			...s,
-			"aria-label": a
-		})]
-	});
-}), T = t(function({ "aria-label": t, children: r, className: i, variant: a = r == null ? "icon" : "action", ...c }, l) {
-	return /* @__PURE__ */ n(o.Close, {
-		...c,
-		ref: l,
-		"aria-label": t ?? (r == null ? "取消並關閉警示" : void 0),
-		className: e(a === "icon" ? "lyds-overlayClose" : "lyds-overlayCloseAction", i),
-		children: r ?? /* @__PURE__ */ n(s, {})
-	});
-}), E = t(function({ className: e, ...t }, r) {
-	return /* @__PURE__ */ n("div", {
-		...t,
+		"aria-label": e ?? (r == null ? d.alertDialogClose : void 0),
+		className: t(o === "icon" ? "lyds-overlayClose" : "lyds-overlayCloseAction", a),
+		children: r ?? /* @__PURE__ */ i(l, {})
+	});
+}), O = r(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ i("div", {
+		...n,
 		ref: r,
-		className: e ? `lyds-dialog__footer lyds-alertDialog__actions ${e}` : "lyds-dialog__footer lyds-alertDialog__actions"
-	});
-}), D = {
-	Root: S,
-	Trigger: C,
-	Portal: u,
-	Backdrop: d,
-	Viewport: f,
-	Popup: w,
-	Header: _,
-	Body: v,
-	Footer: y,
-	Actions: E,
-	Title: m,
-	Description: h,
-	Close: T,
-	createHandle: o.createHandle,
-	Handle: o.Handle
+		className: e("lyds-dialog__footer lyds-alertDialog__actions", t)
+	});
+}), k = {
+	Root: w,
+	Trigger: T,
+	Portal: f,
+	Backdrop: p,
+	Viewport: m,
+	Popup: E,
+	Header: y,
+	Body: b,
+	Footer: x,
+	Actions: O,
+	Title: g,
+	Description: _,
+	Close: D,
+	createHandle: c.createHandle,
+	Handle: c.Handle
 };
 //#endregion
-export { D as AlertDialog, E as AlertDialogActions, T as AlertDialogClose, w as AlertDialogPopup, S as AlertDialogRoot, C as AlertDialogTrigger, b as Dialog, d as DialogBackdrop, v as DialogBody, g as DialogClose, h as DialogDescription, y as DialogFooter, _ as DialogHeader, p as DialogPopup, u as DialogPortal, c as DialogRoot, m as DialogTitle, l as DialogTrigger, f as DialogViewport, x as Modal };
+export { k as AlertDialog, O as AlertDialogActions, D as AlertDialogClose, E as AlertDialogPopup, w as AlertDialogRoot, T as AlertDialogTrigger, S as Dialog, p as DialogBackdrop, b as DialogBody, v as DialogClose, _ as DialogDescription, x as DialogFooter, y as DialogHeader, h as DialogPopup, f as DialogPortal, u as DialogRoot, g as DialogTitle, d as DialogTrigger, m as DialogViewport, C as Modal };
 
 //# sourceMappingURL=dialog.js.map

package/dist/components/overlays/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/components/overlays/dialog.tsx"],"sourcesContent":["import { AlertDialog as BaseAlertDialog, type AlertDialogRootProps, type AlertDialogTriggerProps } from \"@base-ui/react/alert-dialog\";\nimport {\n\tDialog as BaseDialog,\n\ttype DialogCloseProps as BaseDialogCloseProps,\n\ttype DialogPopupProps as BaseDialogPopupProps,\n\ttype DialogBackdropProps,\n\ttype DialogDescriptionProps,\n\ttype DialogPortalProps,\n\ttype DialogRootProps,\n\ttype DialogTitleProps,\n\ttype DialogTriggerProps,\n\ttype DialogViewportProps\n} from \"@base-ui/react/dialog\";\nimport { XIcon } from \"@phosphor-icons/react/dist/csr/X\";\nimport { forwardRef, type HTMLAttributes, type JSX, type ReactNode, type RefAttributes } from \"react\";\n\nimport { mergeClassName } from \"./class-names\";\n\nexport type { AlertDialogRootChangeEventDetails } from \"@base-ui/react/alert-dialog\";\nexport type { DialogRootChangeEventDetails } from \"@base-ui/react/dialog\";\n\nfunction CloseGlyph(): JSX.Element {\n\treturn <XIcon aria-hidden=\"true\" className=\"lyds-overlayClose__glyph\" weight=\"bold\" />;\n}\n\nexport function DialogRoot<Payload = unknown>(props: DialogRootProps<Payload>): JSX.Element {\n\treturn <BaseDialog.Root {...props} />;\n}\n\nexport function DialogTrigger<Payload = unknown>({ className, ...props }: DialogTriggerProps<Payload> & RefAttributes<HTMLElement>): JSX.Element {\n\treturn <BaseDialog.Trigger {...props} className={mergeClassName(\"lyds-dialog__trigger\", className)} />;\n}\n\nexport const DialogPortal = forwardRef<HTMLDivElement, DialogPortalProps>(function DialogPortal(props, ref) {\n\treturn <BaseDialog.Portal {...props} ref={ref} />;\n});\n\nexport const DialogBackdrop = forwardRef<HTMLDivElement, DialogBackdropProps>(function DialogBackdrop({ className, ...props }, ref) {\n\treturn <BaseDialog.Backdrop {...props} ref={ref} className={mergeClassName(\"lyds-dialog__backdrop\", className)} />;\n});\n\nexport const DialogViewport = forwardRef<HTMLDivElement, DialogViewportProps>(function DialogViewport({ className, ...props }, ref) {\n\treturn <BaseDialog.Viewport {...props} ref={ref} className={mergeClassName(\"lyds-dialog__viewport\", className)} />;\n});\n\nexport interface DialogPopupProps extends BaseDialogPopupProps {\n\t/** 內建關閉控制項的無障礙標籤。 */\n\tcloseLabel?: string;\n\t/** 傳給內建關閉控制項的屬性。 */\n\tcloseProps?: Omit<DialogCloseProps, \"children\">;\n\t/** 僅在彈出內容另有可存取的 Dialog.Close 時設定。 */\n\thasCustomClose?: boolean;\n}\n\nexport const DialogPopup = forwardRef<HTMLDivElement, DialogPopupProps>(function DialogPopup({ children, className, closeLabel = \"關閉對話框\", closeProps, hasCustomClose = false, ...props }, ref) {\n\treturn (\n\t\t<BaseDialog.Popup {...props} ref={ref} className={mergeClassName(\"lyds-dialog__popup\", className)}>\n\t\t\t{children}\n\t\t\t{hasCustomClose ? null : <DialogClose {...closeProps} aria-label={closeLabel} />}\n\t\t</BaseDialog.Popup>\n\t);\n});\n\nexport const DialogTitle = forwardRef<HTMLHeadingElement, DialogTitleProps>(function DialogTitle({ className, ...props }, ref) {\n\treturn <BaseDialog.Title {...props} ref={ref} className={mergeClassName(\"lyds-dialog__title\", className)} />;\n});\n\nexport const DialogDescription = forwardRef<HTMLParagraphElement, DialogDescriptionProps>(function DialogDescription({ className, ...props }, ref) {\n\treturn <BaseDialog.Description {...props} ref={ref} className={mergeClassName(\"lyds-dialog__description\", className)} />;\n});\n\nexport interface DialogCloseProps extends BaseDialogCloseProps {\n\t/** 圖示控制項位於面板角落；動作控制項則參與內容排版。 */\n\tvariant?: \"icon\" | \"action\";\n}\n\nexport const DialogClose = forwardRef<HTMLButtonElement, DialogCloseProps>(function DialogClose(\n\t{ \"aria-label\": ariaLabel, children, className, variant = children == null ? \"icon\" : \"action\", ...props },\n\tref\n) {\n\treturn (\n\t\t<BaseDialog.Close\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\taria-label={ariaLabel ?? (children == null ? \"關閉對話框\" : undefined)}\n\t\t\tclassName={mergeClassName(variant === \"icon\" ? \"lyds-overlayClose\" : \"lyds-overlayCloseAction\", className)}\n\t\t>\n\t\t\t{children ?? <CloseGlyph />}\n\t\t</BaseDialog.Close>\n\t);\n});\n\nexport type DialogHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(function DialogHeader({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={className ? `lyds-dialog__header ${className}` : \"lyds-dialog__header\"} />;\n});\n\nexport type DialogBodyProps = HTMLAttributes<HTMLDivElement>;\n\nexport const DialogBody = forwardRef<HTMLDivElement, DialogBodyProps>(function DialogBody({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={className ? `lyds-dialog__body ${className}` : \"lyds-dialog__body\"} />;\n});\n\nexport type DialogFooterProps = HTMLAttributes<HTMLDivElement>;\n\nexport const DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(function DialogFooter({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={className ? `lyds-dialog__footer ${className}` : \"lyds-dialog__footer\"} />;\n});\n\nexport const Dialog = {\n\tRoot: DialogRoot,\n\tTrigger: DialogTrigger,\n\tPortal: DialogPortal,\n\tBackdrop: DialogBackdrop,\n\tViewport: DialogViewport,\n\tPopup: DialogPopup,\n\tHeader: DialogHeader,\n\tBody: DialogBody,\n\tFooter: DialogFooter,\n\tTitle: DialogTitle,\n\tDescription: DialogDescription,\n\tClose: DialogClose,\n\tcreateHandle: BaseDialog.createHandle,\n\tHandle: BaseDialog.Handle\n} as const;\n\n/** Base UI 的 Dialog 預設為強制回應；Modal 是用途明確的別名。 */\nexport const Modal = Dialog;\n\nexport function AlertDialogRoot<Payload = unknown>(props: AlertDialogRootProps<Payload>): JSX.Element {\n\treturn <BaseAlertDialog.Root {...props} />;\n}\n\nexport function AlertDialogTrigger<Payload = unknown>({ className, ...props }: AlertDialogTriggerProps<Payload> & RefAttributes<HTMLElement>): JSX.Element {\n\treturn <BaseAlertDialog.Trigger {...props} className={mergeClassName(\"lyds-alertDialog__trigger\", className)} />;\n}\n\nexport interface AlertDialogPopupProps extends BaseDialogPopupProps {\n\t/** 內建取消／關閉控制項的無障礙標籤。 */\n\tcloseLabel?: string;\n\t/** 傳給內建取消／關閉控制項的屬性。 */\n\tcloseProps?: Omit<DialogCloseProps, \"children\">;\n\t/** 僅在彈出內容另有可存取的 AlertDialog.Close 時設定。 */\n\thasCustomClose?: boolean;\n}\n\nexport const AlertDialogPopup = forwardRef<HTMLDivElement, AlertDialogPopupProps>(function AlertDialogPopup(\n\t{ children, className, closeLabel = \"取消並關閉警示\", closeProps, hasCustomClose = false, ...props },\n\tref\n) {\n\treturn (\n\t\t<BaseAlertDialog.Popup {...props} ref={ref} className={mergeClassName(\"lyds-dialog__popup lyds-alertDialog__popup\", className)}>\n\t\t\t{children}\n\t\t\t{hasCustomClose ? null : <AlertDialogClose {...closeProps} aria-label={closeLabel} />}\n\t\t</BaseAlertDialog.Popup>\n\t);\n});\n\nexport const AlertDialogClose = forwardRef<HTMLButtonElement, DialogCloseProps>(function AlertDialogClose(\n\t{ \"aria-label\": ariaLabel, children, className, variant = children == null ? \"icon\" : \"action\", ...props },\n\tref\n) {\n\treturn (\n\t\t<BaseAlertDialog.Close\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\taria-label={ariaLabel ?? (children == null ? \"取消並關閉警示\" : undefined)}\n\t\t\tclassName={mergeClassName(variant === \"icon\" ? \"lyds-overlayClose\" : \"lyds-overlayCloseAction\", className)}\n\t\t>\n\t\t\t{children ?? <CloseGlyph />}\n\t\t</BaseAlertDialog.Close>\n\t);\n});\n\nexport interface AlertDialogActionsProps extends HTMLAttributes<HTMLDivElement> {\n\tchildren?: ReactNode;\n}\n\nexport const AlertDialogActions = forwardRef<HTMLDivElement, AlertDialogActionsProps>(function AlertDialogActions({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={className ? `lyds-dialog__footer lyds-alertDialog__actions ${className}` : \"lyds-dialog__footer lyds-alertDialog__actions\"} />;\n});\n\nexport const AlertDialog = {\n\tRoot: AlertDialogRoot,\n\tTrigger: AlertDialogTrigger,\n\tPortal: DialogPortal,\n\tBackdrop: DialogBackdrop,\n\tViewport: DialogViewport,\n\tPopup: AlertDialogPopup,\n\tHeader: DialogHeader,\n\tBody: DialogBody,\n\tFooter: DialogFooter,\n\tActions: AlertDialogActions,\n\tTitle: DialogTitle,\n\tDescription: DialogDescription,\n\tClose: AlertDialogClose,\n\tcreateHandle: BaseAlertDialog.createHandle,\n\tHandle: BaseAlertDialog.Handle\n} as const;\n"],"mappings":"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"}
+{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/components/overlays/dialog.tsx"],"sourcesContent":["import { AlertDialog as BaseAlertDialog, type AlertDialogRootProps, type AlertDialogTriggerProps } from \"@base-ui/react/alert-dialog\";\nimport {\n\tDialog as BaseDialog,\n\ttype DialogCloseProps as BaseDialogCloseProps,\n\ttype DialogPopupProps as BaseDialogPopupProps,\n\ttype DialogBackdropProps,\n\ttype DialogDescriptionProps,\n\ttype DialogPortalProps,\n\ttype DialogRootProps,\n\ttype DialogTitleProps,\n\ttype DialogTriggerProps,\n\ttype DialogViewportProps\n} from \"@base-ui/react/dialog\";\nimport { XIcon } from \"@phosphor-icons/react/dist/csr/X\";\nimport { forwardRef, type HTMLAttributes, type JSX, type ReactNode, type RefAttributes } from \"react\";\n\nimport { cx, withStateClassName } from \"@/internal\";\nimport { useMessages } from \"@/intl\";\nexport type { AlertDialogRootChangeEventDetails } from \"@base-ui/react/alert-dialog\";\nexport type { DialogRootChangeEventDetails } from \"@base-ui/react/dialog\";\n\nfunction CloseGlyph(): JSX.Element {\n\treturn <XIcon aria-hidden=\"true\" className=\"lyds-overlayClose__glyph\" weight=\"bold\" />;\n}\n\nexport function DialogRoot<Payload = unknown>(props: DialogRootProps<Payload>): JSX.Element {\n\treturn <BaseDialog.Root {...props} />;\n}\n\nexport function DialogTrigger<Payload = unknown>({ className, ...props }: DialogTriggerProps<Payload> & RefAttributes<HTMLElement>): JSX.Element {\n\treturn <BaseDialog.Trigger {...props} className={withStateClassName(\"lyds-dialog__trigger\", className)} />;\n}\n\nexport const DialogPortal = forwardRef<HTMLDivElement, DialogPortalProps>(function DialogPortal(props, ref) {\n\treturn <BaseDialog.Portal {...props} ref={ref} />;\n});\n\nexport const DialogBackdrop = forwardRef<HTMLDivElement, DialogBackdropProps>(function DialogBackdrop({ className, ...props }, ref) {\n\treturn <BaseDialog.Backdrop {...props} ref={ref} className={withStateClassName(\"lyds-dialog__backdrop\", className)} />;\n});\n\nexport const DialogViewport = forwardRef<HTMLDivElement, DialogViewportProps>(function DialogViewport({ className, ...props }, ref) {\n\treturn <BaseDialog.Viewport {...props} ref={ref} className={withStateClassName(\"lyds-dialog__viewport\", className)} />;\n});\n\nexport interface DialogPopupProps extends BaseDialogPopupProps {\n\t/** 內建關閉控制項的無障礙標籤。 */\n\tcloseLabel?: string;\n\t/** 傳給內建關閉控制項的屬性。 */\n\tcloseProps?: Omit<DialogCloseProps, \"children\">;\n\t/** Renders the built-in corner close control. */\n\tcloseButton?: boolean;\n\t/**\n\t * @deprecated Pass `closeButton={false}` instead. Kept so existing call sites keep working.\n\t */\n\thasCustomClose?: boolean;\n}\n\nexport const DialogPopup = forwardRef<HTMLDivElement, DialogPopupProps>(function DialogPopup({ children, className, closeButton, closeLabel, closeProps, hasCustomClose = false, ...props }, ref) {\n\tconst messages = useMessages();\n\tconst showCloseButton = closeButton ?? !hasCustomClose;\n\n\treturn (\n\t\t<BaseDialog.Popup {...props} ref={ref} className={withStateClassName(\"lyds-dialog__popup\", className)}>\n\t\t\t{showCloseButton ? <DialogClose {...closeProps} aria-label={closeLabel ?? messages.dialogClose} /> : null}\n\t\t\t{children}\n\t\t</BaseDialog.Popup>\n\t);\n});\n\nexport const DialogTitle = forwardRef<HTMLHeadingElement, DialogTitleProps>(function DialogTitle({ className, ...props }, ref) {\n\treturn <BaseDialog.Title {...props} ref={ref} className={withStateClassName(\"lyds-dialog__title\", className)} />;\n});\n\nexport const DialogDescription = forwardRef<HTMLParagraphElement, DialogDescriptionProps>(function DialogDescription({ className, ...props }, ref) {\n\treturn <BaseDialog.Description {...props} ref={ref} className={withStateClassName(\"lyds-dialog__description\", className)} />;\n});\n\nexport interface DialogCloseProps extends BaseDialogCloseProps {\n\t/** 圖示控制項位於面板角落；動作控制項則參與內容排版。 */\n\tvariant?: \"icon\" | \"action\";\n}\n\nexport const DialogClose = forwardRef<HTMLButtonElement, DialogCloseProps>(function DialogClose(\n\t{ \"aria-label\": ariaLabel, children, className, variant = children == null ? \"icon\" : \"action\", ...props },\n\tref\n) {\n\tconst messages = useMessages();\n\n\treturn (\n\t\t<BaseDialog.Close\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\taria-label={ariaLabel ?? (children == null ? messages.dialogClose : undefined)}\n\t\t\tclassName={withStateClassName(variant === \"icon\" ? \"lyds-overlayClose\" : \"lyds-overlayCloseAction\", className)}\n\t\t>\n\t\t\t{children ?? <CloseGlyph />}\n\t\t</BaseDialog.Close>\n\t);\n});\n\nexport type DialogHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(function DialogHeader({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={cx(\"lyds-dialog__header\", className)} />;\n});\n\nexport type DialogBodyProps = HTMLAttributes<HTMLDivElement>;\n\nexport const DialogBody = forwardRef<HTMLDivElement, DialogBodyProps>(function DialogBody({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={cx(\"lyds-dialog__body\", className)} />;\n});\n\nexport type DialogFooterProps = HTMLAttributes<HTMLDivElement>;\n\nexport const DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(function DialogFooter({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={cx(\"lyds-dialog__footer\", className)} />;\n});\n\nexport const Dialog = {\n\tRoot: DialogRoot,\n\tTrigger: DialogTrigger,\n\tPortal: DialogPortal,\n\tBackdrop: DialogBackdrop,\n\tViewport: DialogViewport,\n\tPopup: DialogPopup,\n\tHeader: DialogHeader,\n\tBody: DialogBody,\n\tFooter: DialogFooter,\n\tTitle: DialogTitle,\n\tDescription: DialogDescription,\n\tClose: DialogClose,\n\tcreateHandle: BaseDialog.createHandle,\n\tHandle: BaseDialog.Handle\n} as const;\n\n/** Base UI 的 Dialog 預設為強制回應；Modal 是用途明確的別名。 */\nexport const Modal = Dialog;\n\nexport function AlertDialogRoot<Payload = unknown>(props: AlertDialogRootProps<Payload>): JSX.Element {\n\treturn <BaseAlertDialog.Root {...props} />;\n}\n\nexport function AlertDialogTrigger<Payload = unknown>({ className, ...props }: AlertDialogTriggerProps<Payload> & RefAttributes<HTMLElement>): JSX.Element {\n\treturn <BaseAlertDialog.Trigger {...props} className={withStateClassName(\"lyds-alertDialog__trigger\", className)} />;\n}\n\nexport interface AlertDialogPopupProps extends BaseDialogPopupProps {\n\t/** 內建取消／關閉控制項的無障礙標籤。 */\n\tcloseLabel?: string;\n\t/** 傳給內建取消／關閉控制項的屬性。 */\n\tcloseProps?: Omit<DialogCloseProps, \"children\">;\n\t/**\n\t * Renders the built-in corner close control. An alert dialog asks for a deliberate choice, so\n\t * this defaults to `false` and the popup should carry its own confirm and cancel actions.\n\t */\n\tcloseButton?: boolean;\n\t/**\n\t * @deprecated Pass `closeButton` instead. Kept so existing call sites keep working.\n\t */\n\thasCustomClose?: boolean;\n}\n\nexport const AlertDialogPopup = forwardRef<HTMLDivElement, AlertDialogPopupProps>(function AlertDialogPopup(\n\t{ children, className, closeButton, closeLabel, closeProps, hasCustomClose, ...props },\n\tref\n) {\n\tconst messages = useMessages();\n\t// The historic default injected a dismiss control; only an explicit hasCustomClose={false} still asks for one.\n\tconst showCloseButton = closeButton ?? hasCustomClose === false;\n\n\treturn (\n\t\t<BaseAlertDialog.Popup {...props} ref={ref} className={withStateClassName(\"lyds-dialog__popup lyds-alertDialog__popup\", className)}>\n\t\t\t{showCloseButton ? <AlertDialogClose {...closeProps} aria-label={closeLabel ?? messages.alertDialogClose} /> : null}\n\t\t\t{children}\n\t\t</BaseAlertDialog.Popup>\n\t);\n});\n\nexport const AlertDialogClose = forwardRef<HTMLButtonElement, DialogCloseProps>(function AlertDialogClose(\n\t{ \"aria-label\": ariaLabel, children, className, variant = children == null ? \"icon\" : \"action\", ...props },\n\tref\n) {\n\tconst messages = useMessages();\n\n\treturn (\n\t\t<BaseAlertDialog.Close\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\taria-label={ariaLabel ?? (children == null ? messages.alertDialogClose : undefined)}\n\t\t\tclassName={withStateClassName(variant === \"icon\" ? \"lyds-overlayClose\" : \"lyds-overlayCloseAction\", className)}\n\t\t>\n\t\t\t{children ?? <CloseGlyph />}\n\t\t</BaseAlertDialog.Close>\n\t);\n});\n\nexport interface AlertDialogActionsProps extends HTMLAttributes<HTMLDivElement> {\n\tchildren?: ReactNode;\n}\n\nexport const AlertDialogActions = forwardRef<HTMLDivElement, AlertDialogActionsProps>(function AlertDialogActions({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={cx(\"lyds-dialog__footer lyds-alertDialog__actions\", className)} />;\n});\n\nexport const AlertDialog = {\n\tRoot: AlertDialogRoot,\n\tTrigger: AlertDialogTrigger,\n\tPortal: DialogPortal,\n\tBackdrop: DialogBackdrop,\n\tViewport: DialogViewport,\n\tPopup: AlertDialogPopup,\n\tHeader: DialogHeader,\n\tBody: DialogBody,\n\tFooter: DialogFooter,\n\tActions: AlertDialogActions,\n\tTitle: DialogTitle,\n\tDescription: DialogDescription,\n\tClose: AlertDialogClose,\n\tcreateHandle: BaseAlertDialog.createHandle,\n\tHandle: BaseAlertDialog.Handle\n} as const;\n"],"mappings":"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"}

package/dist/components/overlays/disclosure.js

@@ -1,4 +1,4 @@
-import { mergeClassName as e } from "./class-names.js";
+import { withStateClassName as e } from "../../internal/class-names.js";
 import { forwardRef as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { CaretDownIcon as i } from "@phosphor-icons/react/dist/csr/CaretDown";