@d4gger/design-system 4.0.0 → 4.0.1

package/dist/brand-effects.css

@@ -16,10 +16,12 @@
 
 .dsx-brand-ambient {
   background-color: var(--dsx-color-background);
+  /* The three washes are multiples of the theme-aware ambient strength (G-16, 2026-10-05): at the dark value of 10% they are the
+     22% / 12% / 8% they always were, and light, which is raised, gets the same proportions. */
   background-image:
-    radial-gradient(ellipse 900px 500px at 15% -5%, color-mix(in srgb, var(--dsx-color-primary) 22%, transparent), transparent 55%),
-    radial-gradient(ellipse 700px 400px at 88% 8%, color-mix(in srgb, var(--dsx-color-secondary) 12%, transparent), transparent 50%),
-    radial-gradient(ellipse 600px 300px at 50% 100%, color-mix(in srgb, var(--dsx-color-primary) 8%, transparent), transparent 60%),
+    radial-gradient(ellipse 900px 500px at 15% -5%, color-mix(in srgb, var(--dsx-color-primary) calc(var(--dsx-effect-ambient-strength) * 2.2), transparent), transparent 55%),
+    radial-gradient(ellipse 700px 400px at 88% 8%, color-mix(in srgb, var(--dsx-color-secondary) calc(var(--dsx-effect-ambient-strength) * 1.2), transparent), transparent 50%),
+    radial-gradient(ellipse 600px 300px at 50% 100%, color-mix(in srgb, var(--dsx-color-primary) calc(var(--dsx-effect-ambient-strength) * 0.8), transparent), transparent 60%),
     linear-gradient(180deg, var(--dsx-color-surface) 0%, var(--dsx-color-background) 50%);
   background-repeat: no-repeat;
 }

package/dist/components/alert/Alert.cjs

@@ -46,6 +46,11 @@ const AlertAction = React.forwardRef(
   ({ className, ...props }, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...props, ref: forwardedRef, className: (0, import_classnames.default)("dsx-alert__action", className) })
 );
 AlertAction.displayName = "AlertAction";
+const isAlertAction = (node) => React.isValidElement(node) && node.type === AlertAction;
+function splitAlertChildren(children) {
+  const nodes = React.Children.toArray(children);
+  return { actions: nodes.filter(isAlertAction), body: nodes.filter((node) => !isAlertAction(node)) };
+}
 const AlertRoot = React.forwardRef((props, forwardedRef) => {
   const {
     asChild,
@@ -62,9 +67,13 @@ const AlertRoot = React.forwardRef((props, forwardedRef) => {
   const Comp = asChild ? import_react_slot.Slot : "div";
   const fallbackIcon = variant === "success" ? "check-circle" : variant === "default" ? "info" : "alert-triangle";
   const child = asChild ? React.Children.only(children) : null;
+  const { actions, body } = splitAlertChildren(child ? child.props.children : children);
   const content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     icon === null ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", className: "dsx-alert__icon", children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: fallbackIcon, size: "md", strokeWidth: "var(--dsx-icon-stroke-width-strong, 2.25)" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-alert__content", children: child ? child.props.children : children })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-alert__main", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-alert__content", children: body }),
+      actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-alert__actions", children: actions }) : null
+    ] })
   ] });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     Comp,
@@ -88,16 +97,21 @@ const AlertTitle = React.forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...titleProps, ref: forwardedRef, className: (0, import_classnames.default)("dsx-alert__title", className) });
 });
 AlertTitle.displayName = "AlertTitle";
+const isLineClamp = (value) => typeof value === "number" && Number.isInteger(value) && value >= 1;
 const AlertDescription = React.forwardRef(
   (props, forwardedRef) => {
-    const { asChild, className, ...descriptionProps } = (0, import_extractProps.extractProps)(props, import_alert.alertDescriptionPropDefs);
+    const { lineClamp, style, ...ownProps } = props;
+    const { asChild, className, ...descriptionProps } = (0, import_extractProps.extractProps)(ownProps, import_alert.alertDescriptionPropDefs);
     const Comp = asChild ? import_react_slot.Slot : "p";
+    const clamp = isLineClamp(lineClamp) ? lineClamp : void 0;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Comp,
       {
         ...descriptionProps,
         ref: forwardedRef,
-        className: (0, import_classnames.default)("dsx-alert__description", className)
+        className: (0, import_classnames.default)("dsx-alert__description", className),
+        "data-line-clamp": clamp,
+        style: clamp ? { ...style, "--dsx-alert-line-clamp": clamp } : style
       }
     );
   }

package/dist/components/alert/Alert.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/alert/Alert.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { alertDescriptionPropDefs, alertPropDefs, alertTitlePropDefs } from './alert.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype AlertActionElement = React.ComponentRef<'div'>\n\nconst AlertAction = React.forwardRef<AlertActionElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, forwardedRef) => (\n    <div {...props} ref={forwardedRef} className={classNames('dsx-alert__action', className)} />\n  ),\n)\nAlertAction.displayName = 'AlertAction'\n\ntype AlertElement = React.ComponentRef<'div'>\ntype AlertOwnProps = GetPropDefTypes<typeof alertPropDefs> & {\n  icon?: React.ReactNode\n}\n\ninterface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color'>, AlertOwnProps {}\n\nconst AlertRoot = React.forwardRef<AlertElement, AlertProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    color,\n    highContrast = false,\n    icon,\n    children,\n    role,\n    size = 'md',\n    variant = 'default',\n    ...alertProps\n  } = extractProps(props, alertPropDefs)\n  const Comp = asChild ? Slot : 'div'\n  const fallbackIcon = variant === 'success' ? 'check-circle' : variant === 'default' ? 'info' : 'alert-triangle'\n  const child = asChild ? React.Children.only(children) as React.ReactElement<{ children?: React.ReactNode }> : null\n  const content = <>\n    {icon === null ? null : (\n      <span aria-hidden=\"true\" className=\"dsx-alert__icon\">\n        {icon ?? <Icon name={fallbackIcon} size=\"md\" strokeWidth=\"var(--dsx-icon-stroke-width-strong, 2.25)\" />}\n      </span>\n    )}\n    <div className=\"dsx-alert__content\">{child ? child.props.children : children}</div>\n  </>\n\n  return (\n    <Comp\n      {...alertProps}\n      ref={forwardedRef}\n      role={role ?? 'alert'}\n      className={classNames('dsx-alert', className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-size={size}\n      data-variant={variant}\n    >\n      {child ? React.cloneElement(child, undefined, content) : content}\n    </Comp>\n  )\n})\nAlertRoot.displayName = 'Alert'\n\ntype AlertTitleElement = React.ComponentRef<'h5'>\ntype AlertTitleOwnProps = GetPropDefTypes<typeof alertTitlePropDefs>\n\ninterface AlertTitleProps extends React.ComponentPropsWithoutRef<'h5'>, AlertTitleOwnProps {}\n\nconst AlertTitle = React.forwardRef<AlertTitleElement, AlertTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, alertTitlePropDefs)\n  const Comp = asChild ? Slot : 'h5'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-alert__title', className)} />\n})\nAlertTitle.displayName = 'AlertTitle'\n\ntype AlertDescriptionElement = React.ComponentRef<'p'>\ntype AlertDescriptionOwnProps = GetPropDefTypes<typeof alertDescriptionPropDefs>\n\ninterface AlertDescriptionProps\n  extends React.ComponentPropsWithoutRef<'p'>,\n    AlertDescriptionOwnProps {}\n\nconst AlertDescription = React.forwardRef<AlertDescriptionElement, AlertDescriptionProps>(\n  (props, forwardedRef) => {\n    const { asChild, className, ...descriptionProps } = extractProps(props, alertDescriptionPropDefs)\n    const Comp = asChild ? Slot : 'p'\n\n    return (\n      <Comp\n        {...descriptionProps}\n        ref={forwardedRef}\n        className={classNames('dsx-alert__description', className)}\n      />\n    )\n  },\n)\nAlertDescription.displayName = 'AlertDescription'\n\nconst Alert: typeof AlertRoot & {\n  Title: typeof AlertTitle\n  Description: typeof AlertDescription\n  Action: typeof AlertAction\n} = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Action: AlertAction,\n})\n\nexport { Alert, AlertAction, AlertDescription, AlertRoot, AlertTitle }\nexport type { AlertDescriptionProps, AlertProps, AlertTitleProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,kBAAqB;AACrB,mBAA4E;AAQxE;AAFJ,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBACxB,4CAAC,SAAK,GAAG,OAAO,KAAK,cAAc,eAAW,kBAAAA,SAAW,qBAAqB,SAAS,GAAG;AAE9F;AACA,YAAY,cAAc;AAS1B,MAAM,YAAY,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AACpF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,QAAI,kCAAa,OAAO,0BAAa;AACrC,QAAM,OAAO,UAAU,yBAAO;AAC9B,QAAM,eAAe,YAAY,YAAY,iBAAiB,YAAY,YAAY,SAAS;AAC/F,QAAM,QAAQ,UAAU,MAAM,SAAS,KAAK,QAAQ,IAA0D;AAC9G,QAAM,UAAU,4EACb;AAAA,aAAS,OAAO,OACf,4CAAC,UAAK,eAAY,QAAO,WAAU,mBAChC,kBAAQ,4CAAC,oBAAK,MAAM,cAAc,MAAK,MAAK,aAAY,6CAA4C,GACvG;AAAA,IAEF,4CAAC,SAAI,WAAU,sBAAsB,kBAAQ,MAAM,MAAM,WAAW,UAAS;AAAA,KAC/E;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,MAAM,QAAQ;AAAA,MACd,eAAW,kBAAAA,SAAW,aAAa,SAAS;AAAA,MAC5C,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb,kBAAQ,MAAM,aAAa,OAAO,QAAW,OAAO,IAAI;AAAA;AAAA,EAC3D;AAEJ,CAAC;AACD,UAAU,cAAc;AAOxB,MAAM,aAAa,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AAC/F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,+BAAkB;AACpF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,YAAY,KAAK,cAAc,eAAW,kBAAAA,SAAW,oBAAoB,SAAS,GAAG;AACxG,CAAC;AACD,WAAW,cAAc;AASzB,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,QAAI,kCAAa,OAAO,qCAAwB;AAChG,UAAM,OAAO,UAAU,yBAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,0BAA0B,SAAS;AAAA;AAAA,IAC3D;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,QAIF,OAAO,OAAO,WAAW;AAAA,EAC3B,OAAO;AAAA,EACP,aAAa;AAAA,EACb,QAAQ;AACV,CAAC;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { alertDescriptionPropDefs, alertPropDefs, alertTitlePropDefs } from './alert.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype AlertActionElement = React.ComponentRef<'div'>\n\nconst AlertAction = React.forwardRef<AlertActionElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, forwardedRef) => (\n    <div {...props} ref={forwardedRef} className={classNames('dsx-alert__action', className)} />\n  ),\n)\nAlertAction.displayName = 'AlertAction'\n\nconst isAlertAction = (node: React.ReactNode): boolean => React.isValidElement(node) && node.type === AlertAction\n\n// An `Alert.Action` that is a direct child sits beside the content, not inside it, in one `.dsx-alert__actions` group: the\n// group trails the row, and wraps below the text as a whole when it is narrow, under the text and not under the icon (the\n// icon is one column, the text and the group are the other: `.dsx-alert__main`). A consumer who nests an action in their own\n// wrapper keeps it in the content.\nfunction splitAlertChildren(children: React.ReactNode): { actions: React.ReactNode[]; body: React.ReactNode[] } {\n  const nodes = React.Children.toArray(children)\n  return { actions: nodes.filter(isAlertAction), body: nodes.filter((node) => !isAlertAction(node)) }\n}\n\ntype AlertElement = React.ComponentRef<'div'>\ntype AlertOwnProps = GetPropDefTypes<typeof alertPropDefs> & {\n  icon?: React.ReactNode\n}\n\ninterface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color'>, AlertOwnProps {}\n\nconst AlertRoot = React.forwardRef<AlertElement, AlertProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    color,\n    highContrast = false,\n    icon,\n    children,\n    role,\n    size = 'md',\n    variant = 'default',\n    ...alertProps\n  } = extractProps(props, alertPropDefs)\n  const Comp = asChild ? Slot : 'div'\n  const fallbackIcon = variant === 'success' ? 'check-circle' : variant === 'default' ? 'info' : 'alert-triangle'\n  const child = asChild ? React.Children.only(children) as React.ReactElement<{ children?: React.ReactNode }> : null\n  const { actions, body } = splitAlertChildren(child ? child.props.children : children)\n  const content = <>\n    {icon === null ? null : (\n      <span aria-hidden=\"true\" className=\"dsx-alert__icon\">\n        {icon ?? <Icon name={fallbackIcon} size=\"md\" strokeWidth=\"var(--dsx-icon-stroke-width-strong, 2.25)\" />}\n      </span>\n    )}\n    <div className=\"dsx-alert__main\">\n      <div className=\"dsx-alert__content\">{body}</div>\n      {actions.length > 0 ? <div className=\"dsx-alert__actions\">{actions}</div> : null}\n    </div>\n  </>\n\n  return (\n    <Comp\n      {...alertProps}\n      ref={forwardedRef}\n      role={role ?? 'alert'}\n      className={classNames('dsx-alert', className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-size={size}\n      data-variant={variant}\n    >\n      {child ? React.cloneElement(child, undefined, content) : content}\n    </Comp>\n  )\n})\nAlertRoot.displayName = 'Alert'\n\ntype AlertTitleElement = React.ComponentRef<'h5'>\ntype AlertTitleOwnProps = GetPropDefTypes<typeof alertTitlePropDefs>\n\ninterface AlertTitleProps extends React.ComponentPropsWithoutRef<'h5'>, AlertTitleOwnProps {}\n\nconst AlertTitle = React.forwardRef<AlertTitleElement, AlertTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, alertTitlePropDefs)\n  const Comp = asChild ? Slot : 'h5'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-alert__title', className)} />\n})\nAlertTitle.displayName = 'AlertTitle'\n\ntype AlertDescriptionElement = React.ComponentRef<'p'>\ntype AlertDescriptionOwnProps = GetPropDefTypes<typeof alertDescriptionPropDefs>\n\ninterface AlertDescriptionProps\n  extends React.ComponentPropsWithoutRef<'p'>,\n    AlertDescriptionOwnProps {\n  /**\n   * Clamp the text to this many lines (a whole number of 1 or more); the rest is clipped with an ellipsis. Anything else\n   * leaves the text unclamped. Whether the text is clipped, and how to reveal it, is the consumer's: it can measure the\n   * element (`scrollHeight > clientHeight`) and drop the prop to show everything.\n   */\n  lineClamp?: number\n}\n\nconst isLineClamp = (value: unknown): value is number =>\n  typeof value === 'number' && Number.isInteger(value) && value >= 1\n\nconst AlertDescription = React.forwardRef<AlertDescriptionElement, AlertDescriptionProps>(\n  (props, forwardedRef) => {\n    // `lineClamp` is behaviour-only, so it stays out of extractProps (it has no class mapping and would leak to the DOM).\n    const { lineClamp, style, ...ownProps } = props\n    const { asChild, className, ...descriptionProps } = extractProps(ownProps, alertDescriptionPropDefs)\n    const Comp = asChild ? Slot : 'p'\n    const clamp = isLineClamp(lineClamp) ? lineClamp : undefined\n\n    return (\n      <Comp\n        {...descriptionProps}\n        ref={forwardedRef}\n        className={classNames('dsx-alert__description', className)}\n        data-line-clamp={clamp}\n        style={clamp ? ({ ...style, '--dsx-alert-line-clamp': clamp } as React.CSSProperties) : style}\n      />\n    )\n  },\n)\nAlertDescription.displayName = 'AlertDescription'\n\nconst Alert: typeof AlertRoot & {\n  Title: typeof AlertTitle\n  Description: typeof AlertDescription\n  Action: typeof AlertAction\n} = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Action: AlertAction,\n})\n\nexport { Alert, AlertAction, AlertDescription, AlertRoot, AlertTitle }\nexport type { AlertDescriptionProps, AlertProps, AlertTitleProps }\n"],
+  "mappings": "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",
   "names": ["classNames"]
 }

package/dist/components/alert/Alert.d.cts

@@ -14,6 +14,12 @@ interface AlertTitleProps extends React.ComponentPropsWithoutRef<'h5'>, AlertTit
 declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLHeadingElement>>;
 type AlertDescriptionOwnProps = GetPropDefTypes<typeof alertDescriptionPropDefs>;
 interface AlertDescriptionProps extends React.ComponentPropsWithoutRef<'p'>, AlertDescriptionOwnProps {
+    /**
+     * Clamp the text to this many lines (a whole number of 1 or more); the rest is clipped with an ellipsis. Anything else
+     * leaves the text unclamped. Whether the text is clipped, and how to reveal it, is the consumer's: it can measure the
+     * element (`scrollHeight > clientHeight`) and drop the prop to show everything.
+     */
+    lineClamp?: number;
 }
 declare const AlertDescription: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
 declare const Alert: typeof AlertRoot & {

package/dist/components/alert/Alert.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.cts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAIpE,QAAA,MAAM,WAAW,mKAIhB,CAAA;AAID,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa;CAAG;AAEnG,QAAA,MAAM,SAAS,mFAuCb,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,kBAAkB;CAAG;AAE7F,QAAA,MAAM,UAAU,4FAKd,CAAA;AAIF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,wBAAwB;CAAG;AAE/B,QAAA,MAAM,gBAAgB,oGAarB,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;CAK1B,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AACtE,YAAY,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"Alert.d.cts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAIpE,QAAA,MAAM,WAAW,mKAIhB,CAAA;AAeD,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa;CAAG;AAEnG,QAAA,MAAM,SAAS,mFA2Cb,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,kBAAkB;CAAG;AAE7F,QAAA,MAAM,UAAU,4FAKd,CAAA;AAIF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,wBAAwB;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAKD,QAAA,MAAM,gBAAgB,oGAkBrB,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;CAK1B,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AACtE,YAAY,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/alert/Alert.d.mts

@@ -14,6 +14,12 @@ interface AlertTitleProps extends React.ComponentPropsWithoutRef<'h5'>, AlertTit
 declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLHeadingElement>>;
 type AlertDescriptionOwnProps = GetPropDefTypes<typeof alertDescriptionPropDefs>;
 interface AlertDescriptionProps extends React.ComponentPropsWithoutRef<'p'>, AlertDescriptionOwnProps {
+    /**
+     * Clamp the text to this many lines (a whole number of 1 or more); the rest is clipped with an ellipsis. Anything else
+     * leaves the text unclamped. Whether the text is clipped, and how to reveal it, is the consumer's: it can measure the
+     * element (`scrollHeight > clientHeight`) and drop the prop to show everything.
+     */
+    lineClamp?: number;
 }
 declare const AlertDescription: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
 declare const Alert: typeof AlertRoot & {

package/dist/components/alert/Alert.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.mts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAIpE,QAAA,MAAM,WAAW,mKAIhB,CAAA;AAID,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa;CAAG;AAEnG,QAAA,MAAM,SAAS,mFAuCb,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,kBAAkB;CAAG;AAE7F,QAAA,MAAM,UAAU,4FAKd,CAAA;AAIF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,wBAAwB;CAAG;AAE/B,QAAA,MAAM,gBAAgB,oGAarB,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;CAK1B,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AACtE,YAAY,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"Alert.d.mts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAIpE,QAAA,MAAM,WAAW,mKAIhB,CAAA;AAeD,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa;CAAG;AAEnG,QAAA,MAAM,SAAS,mFA2Cb,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,kBAAkB;CAAG;AAE7F,QAAA,MAAM,UAAU,4FAKd,CAAA;AAIF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,wBAAwB;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAKD,QAAA,MAAM,gBAAgB,oGAkBrB,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;CAK1B,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AACtE,YAAY,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/alert/Alert.d.ts

@@ -14,6 +14,12 @@ interface AlertTitleProps extends React.ComponentPropsWithoutRef<'h5'>, AlertTit
 declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLHeadingElement>>;
 type AlertDescriptionOwnProps = GetPropDefTypes<typeof alertDescriptionPropDefs>;
 interface AlertDescriptionProps extends React.ComponentPropsWithoutRef<'p'>, AlertDescriptionOwnProps {
+    /**
+     * Clamp the text to this many lines (a whole number of 1 or more); the rest is clipped with an ellipsis. Anything else
+     * leaves the text unclamped. Whether the text is clipped, and how to reveal it, is the consumer's: it can measure the
+     * element (`scrollHeight > clientHeight`) and drop the prop to show everything.
+     */
+    lineClamp?: number;
 }
 declare const AlertDescription: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
 declare const Alert: typeof AlertRoot & {

package/dist/components/alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAIpE,QAAA,MAAM,WAAW,mKAIhB,CAAA;AAID,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa;CAAG;AAEnG,QAAA,MAAM,SAAS,mFAuCb,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,kBAAkB;CAAG;AAE7F,QAAA,MAAM,UAAU,4FAKd,CAAA;AAIF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,wBAAwB;CAAG;AAE/B,QAAA,MAAM,gBAAgB,oGAarB,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;CAK1B,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AACtE,YAAY,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAIpE,QAAA,MAAM,WAAW,mKAIhB,CAAA;AAeD,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa;CAAG;AAEnG,QAAA,MAAM,SAAS,mFA2Cb,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,kBAAkB;CAAG;AAE7F,QAAA,MAAM,UAAU,4FAKd,CAAA;AAIF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,wBAAwB;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAKD,QAAA,MAAM,gBAAgB,oGAkBrB,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;CAK1B,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AACtE,YAAY,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/alert/Alert.js

@@ -9,6 +9,11 @@ const AlertAction = React.forwardRef(
   ({ className, ...props }, forwardedRef) => /* @__PURE__ */ jsx("div", { ...props, ref: forwardedRef, className: classNames("dsx-alert__action", className) })
 );
 AlertAction.displayName = "AlertAction";
+const isAlertAction = (node) => React.isValidElement(node) && node.type === AlertAction;
+function splitAlertChildren(children) {
+  const nodes = React.Children.toArray(children);
+  return { actions: nodes.filter(isAlertAction), body: nodes.filter((node) => !isAlertAction(node)) };
+}
 const AlertRoot = React.forwardRef((props, forwardedRef) => {
   const {
     asChild,
@@ -25,9 +30,13 @@ const AlertRoot = React.forwardRef((props, forwardedRef) => {
   const Comp = asChild ? Slot : "div";
   const fallbackIcon = variant === "success" ? "check-circle" : variant === "default" ? "info" : "alert-triangle";
   const child = asChild ? React.Children.only(children) : null;
+  const { actions, body } = splitAlertChildren(child ? child.props.children : children);
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     icon === null ? null : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "dsx-alert__icon", children: icon ?? /* @__PURE__ */ jsx(Icon, { name: fallbackIcon, size: "md", strokeWidth: "var(--dsx-icon-stroke-width-strong, 2.25)" }) }),
-    /* @__PURE__ */ jsx("div", { className: "dsx-alert__content", children: child ? child.props.children : children })
+    /* @__PURE__ */ jsxs("div", { className: "dsx-alert__main", children: [
+      /* @__PURE__ */ jsx("div", { className: "dsx-alert__content", children: body }),
+      actions.length > 0 ? /* @__PURE__ */ jsx("div", { className: "dsx-alert__actions", children: actions }) : null
+    ] })
   ] });
   return /* @__PURE__ */ jsx(
     Comp,
@@ -51,16 +60,21 @@ const AlertTitle = React.forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsx(Comp, { ...titleProps, ref: forwardedRef, className: classNames("dsx-alert__title", className) });
 });
 AlertTitle.displayName = "AlertTitle";
+const isLineClamp = (value) => typeof value === "number" && Number.isInteger(value) && value >= 1;
 const AlertDescription = React.forwardRef(
   (props, forwardedRef) => {
-    const { asChild, className, ...descriptionProps } = extractProps(props, alertDescriptionPropDefs);
+    const { lineClamp, style, ...ownProps } = props;
+    const { asChild, className, ...descriptionProps } = extractProps(ownProps, alertDescriptionPropDefs);
     const Comp = asChild ? Slot : "p";
+    const clamp = isLineClamp(lineClamp) ? lineClamp : void 0;
     return /* @__PURE__ */ jsx(
       Comp,
       {
         ...descriptionProps,
         ref: forwardedRef,
-        className: classNames("dsx-alert__description", className)
+        className: classNames("dsx-alert__description", className),
+        "data-line-clamp": clamp,
+        style: clamp ? { ...style, "--dsx-alert-line-clamp": clamp } : style
       }
     );
   }

package/dist/components/alert/Alert.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/alert/Alert.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { alertDescriptionPropDefs, alertPropDefs, alertTitlePropDefs } from './alert.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype AlertActionElement = React.ComponentRef<'div'>\n\nconst AlertAction = React.forwardRef<AlertActionElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, forwardedRef) => (\n    <div {...props} ref={forwardedRef} className={classNames('dsx-alert__action', className)} />\n  ),\n)\nAlertAction.displayName = 'AlertAction'\n\ntype AlertElement = React.ComponentRef<'div'>\ntype AlertOwnProps = GetPropDefTypes<typeof alertPropDefs> & {\n  icon?: React.ReactNode\n}\n\ninterface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color'>, AlertOwnProps {}\n\nconst AlertRoot = React.forwardRef<AlertElement, AlertProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    color,\n    highContrast = false,\n    icon,\n    children,\n    role,\n    size = 'md',\n    variant = 'default',\n    ...alertProps\n  } = extractProps(props, alertPropDefs)\n  const Comp = asChild ? Slot : 'div'\n  const fallbackIcon = variant === 'success' ? 'check-circle' : variant === 'default' ? 'info' : 'alert-triangle'\n  const child = asChild ? React.Children.only(children) as React.ReactElement<{ children?: React.ReactNode }> : null\n  const content = <>\n    {icon === null ? null : (\n      <span aria-hidden=\"true\" className=\"dsx-alert__icon\">\n        {icon ?? <Icon name={fallbackIcon} size=\"md\" strokeWidth=\"var(--dsx-icon-stroke-width-strong, 2.25)\" />}\n      </span>\n    )}\n    <div className=\"dsx-alert__content\">{child ? child.props.children : children}</div>\n  </>\n\n  return (\n    <Comp\n      {...alertProps}\n      ref={forwardedRef}\n      role={role ?? 'alert'}\n      className={classNames('dsx-alert', className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-size={size}\n      data-variant={variant}\n    >\n      {child ? React.cloneElement(child, undefined, content) : content}\n    </Comp>\n  )\n})\nAlertRoot.displayName = 'Alert'\n\ntype AlertTitleElement = React.ComponentRef<'h5'>\ntype AlertTitleOwnProps = GetPropDefTypes<typeof alertTitlePropDefs>\n\ninterface AlertTitleProps extends React.ComponentPropsWithoutRef<'h5'>, AlertTitleOwnProps {}\n\nconst AlertTitle = React.forwardRef<AlertTitleElement, AlertTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, alertTitlePropDefs)\n  const Comp = asChild ? Slot : 'h5'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-alert__title', className)} />\n})\nAlertTitle.displayName = 'AlertTitle'\n\ntype AlertDescriptionElement = React.ComponentRef<'p'>\ntype AlertDescriptionOwnProps = GetPropDefTypes<typeof alertDescriptionPropDefs>\n\ninterface AlertDescriptionProps\n  extends React.ComponentPropsWithoutRef<'p'>,\n    AlertDescriptionOwnProps {}\n\nconst AlertDescription = React.forwardRef<AlertDescriptionElement, AlertDescriptionProps>(\n  (props, forwardedRef) => {\n    const { asChild, className, ...descriptionProps } = extractProps(props, alertDescriptionPropDefs)\n    const Comp = asChild ? Slot : 'p'\n\n    return (\n      <Comp\n        {...descriptionProps}\n        ref={forwardedRef}\n        className={classNames('dsx-alert__description', className)}\n      />\n    )\n  },\n)\nAlertDescription.displayName = 'AlertDescription'\n\nconst Alert: typeof AlertRoot & {\n  Title: typeof AlertTitle\n  Description: typeof AlertDescription\n  Action: typeof AlertAction\n} = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Action: AlertAction,\n})\n\nexport { Alert, AlertAction, AlertDescription, AlertRoot, AlertTitle }\nexport type { AlertDescriptionProps, AlertProps, AlertTitleProps }\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,0BAA0B,eAAe,0BAA0B;AAQxE,SA4Bc,UA5Bd,KA4Bc,YA5Bd;AAFJ,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBACxB,oBAAC,SAAK,GAAG,OAAO,KAAK,cAAc,WAAW,WAAW,qBAAqB,SAAS,GAAG;AAE9F;AACA,YAAY,cAAc;AAS1B,MAAM,YAAY,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AACpF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,aAAa;AACrC,QAAM,OAAO,UAAU,OAAO;AAC9B,QAAM,eAAe,YAAY,YAAY,iBAAiB,YAAY,YAAY,SAAS;AAC/F,QAAM,QAAQ,UAAU,MAAM,SAAS,KAAK,QAAQ,IAA0D;AAC9G,QAAM,UAAU,iCACb;AAAA,aAAS,OAAO,OACf,oBAAC,UAAK,eAAY,QAAO,WAAU,mBAChC,kBAAQ,oBAAC,QAAK,MAAM,cAAc,MAAK,MAAK,aAAY,6CAA4C,GACvG;AAAA,IAEF,oBAAC,SAAI,WAAU,sBAAsB,kBAAQ,MAAM,MAAM,WAAW,UAAS;AAAA,KAC/E;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,MAAM,QAAQ;AAAA,MACd,WAAW,WAAW,aAAa,SAAS;AAAA,MAC5C,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb,kBAAQ,MAAM,aAAa,OAAO,QAAW,OAAO,IAAI;AAAA;AAAA,EAC3D;AAEJ,CAAC;AACD,UAAU,cAAc;AAOxB,MAAM,aAAa,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AAC/F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,kBAAkB;AACpF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,YAAY,KAAK,cAAc,WAAW,WAAW,oBAAoB,SAAS,GAAG;AACxG,CAAC;AACD,WAAW,cAAc;AASzB,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,IAAI,aAAa,OAAO,wBAAwB;AAChG,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,0BAA0B,SAAS;AAAA;AAAA,IAC3D;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,QAIF,OAAO,OAAO,WAAW;AAAA,EAC3B,OAAO;AAAA,EACP,aAAa;AAAA,EACb,QAAQ;AACV,CAAC;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { alertDescriptionPropDefs, alertPropDefs, alertTitlePropDefs } from './alert.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype AlertActionElement = React.ComponentRef<'div'>\n\nconst AlertAction = React.forwardRef<AlertActionElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, forwardedRef) => (\n    <div {...props} ref={forwardedRef} className={classNames('dsx-alert__action', className)} />\n  ),\n)\nAlertAction.displayName = 'AlertAction'\n\nconst isAlertAction = (node: React.ReactNode): boolean => React.isValidElement(node) && node.type === AlertAction\n\n// An `Alert.Action` that is a direct child sits beside the content, not inside it, in one `.dsx-alert__actions` group: the\n// group trails the row, and wraps below the text as a whole when it is narrow, under the text and not under the icon (the\n// icon is one column, the text and the group are the other: `.dsx-alert__main`). A consumer who nests an action in their own\n// wrapper keeps it in the content.\nfunction splitAlertChildren(children: React.ReactNode): { actions: React.ReactNode[]; body: React.ReactNode[] } {\n  const nodes = React.Children.toArray(children)\n  return { actions: nodes.filter(isAlertAction), body: nodes.filter((node) => !isAlertAction(node)) }\n}\n\ntype AlertElement = React.ComponentRef<'div'>\ntype AlertOwnProps = GetPropDefTypes<typeof alertPropDefs> & {\n  icon?: React.ReactNode\n}\n\ninterface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'color'>, AlertOwnProps {}\n\nconst AlertRoot = React.forwardRef<AlertElement, AlertProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    color,\n    highContrast = false,\n    icon,\n    children,\n    role,\n    size = 'md',\n    variant = 'default',\n    ...alertProps\n  } = extractProps(props, alertPropDefs)\n  const Comp = asChild ? Slot : 'div'\n  const fallbackIcon = variant === 'success' ? 'check-circle' : variant === 'default' ? 'info' : 'alert-triangle'\n  const child = asChild ? React.Children.only(children) as React.ReactElement<{ children?: React.ReactNode }> : null\n  const { actions, body } = splitAlertChildren(child ? child.props.children : children)\n  const content = <>\n    {icon === null ? null : (\n      <span aria-hidden=\"true\" className=\"dsx-alert__icon\">\n        {icon ?? <Icon name={fallbackIcon} size=\"md\" strokeWidth=\"var(--dsx-icon-stroke-width-strong, 2.25)\" />}\n      </span>\n    )}\n    <div className=\"dsx-alert__main\">\n      <div className=\"dsx-alert__content\">{body}</div>\n      {actions.length > 0 ? <div className=\"dsx-alert__actions\">{actions}</div> : null}\n    </div>\n  </>\n\n  return (\n    <Comp\n      {...alertProps}\n      ref={forwardedRef}\n      role={role ?? 'alert'}\n      className={classNames('dsx-alert', className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-size={size}\n      data-variant={variant}\n    >\n      {child ? React.cloneElement(child, undefined, content) : content}\n    </Comp>\n  )\n})\nAlertRoot.displayName = 'Alert'\n\ntype AlertTitleElement = React.ComponentRef<'h5'>\ntype AlertTitleOwnProps = GetPropDefTypes<typeof alertTitlePropDefs>\n\ninterface AlertTitleProps extends React.ComponentPropsWithoutRef<'h5'>, AlertTitleOwnProps {}\n\nconst AlertTitle = React.forwardRef<AlertTitleElement, AlertTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, alertTitlePropDefs)\n  const Comp = asChild ? Slot : 'h5'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-alert__title', className)} />\n})\nAlertTitle.displayName = 'AlertTitle'\n\ntype AlertDescriptionElement = React.ComponentRef<'p'>\ntype AlertDescriptionOwnProps = GetPropDefTypes<typeof alertDescriptionPropDefs>\n\ninterface AlertDescriptionProps\n  extends React.ComponentPropsWithoutRef<'p'>,\n    AlertDescriptionOwnProps {\n  /**\n   * Clamp the text to this many lines (a whole number of 1 or more); the rest is clipped with an ellipsis. Anything else\n   * leaves the text unclamped. Whether the text is clipped, and how to reveal it, is the consumer's: it can measure the\n   * element (`scrollHeight > clientHeight`) and drop the prop to show everything.\n   */\n  lineClamp?: number\n}\n\nconst isLineClamp = (value: unknown): value is number =>\n  typeof value === 'number' && Number.isInteger(value) && value >= 1\n\nconst AlertDescription = React.forwardRef<AlertDescriptionElement, AlertDescriptionProps>(\n  (props, forwardedRef) => {\n    // `lineClamp` is behaviour-only, so it stays out of extractProps (it has no class mapping and would leak to the DOM).\n    const { lineClamp, style, ...ownProps } = props\n    const { asChild, className, ...descriptionProps } = extractProps(ownProps, alertDescriptionPropDefs)\n    const Comp = asChild ? Slot : 'p'\n    const clamp = isLineClamp(lineClamp) ? lineClamp : undefined\n\n    return (\n      <Comp\n        {...descriptionProps}\n        ref={forwardedRef}\n        className={classNames('dsx-alert__description', className)}\n        data-line-clamp={clamp}\n        style={clamp ? ({ ...style, '--dsx-alert-line-clamp': clamp } as React.CSSProperties) : style}\n      />\n    )\n  },\n)\nAlertDescription.displayName = 'AlertDescription'\n\nconst Alert: typeof AlertRoot & {\n  Title: typeof AlertTitle\n  Description: typeof AlertDescription\n  Action: typeof AlertAction\n} = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Action: AlertAction,\n})\n\nexport { Alert, AlertAction, AlertDescription, AlertRoot, AlertTitle }\nexport type { AlertDescriptionProps, AlertProps, AlertTitleProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,0BAA0B,eAAe,0BAA0B;AAQxE,SAwCc,UAxCd,KA8CA,YA9CA;AAFJ,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBACxB,oBAAC,SAAK,GAAG,OAAO,KAAK,cAAc,WAAW,WAAW,qBAAqB,SAAS,GAAG;AAE9F;AACA,YAAY,cAAc;AAE1B,MAAM,gBAAgB,CAAC,SAAmC,MAAM,eAAe,IAAI,KAAK,KAAK,SAAS;AAMtG,SAAS,mBAAmB,UAAoF;AAC9G,QAAM,QAAQ,MAAM,SAAS,QAAQ,QAAQ;AAC7C,SAAO,EAAE,SAAS,MAAM,OAAO,aAAa,GAAG,MAAM,MAAM,OAAO,CAAC,SAAS,CAAC,cAAc,IAAI,CAAC,EAAE;AACpG;AASA,MAAM,YAAY,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AACpF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,aAAa;AACrC,QAAM,OAAO,UAAU,OAAO;AAC9B,QAAM,eAAe,YAAY,YAAY,iBAAiB,YAAY,YAAY,SAAS;AAC/F,QAAM,QAAQ,UAAU,MAAM,SAAS,KAAK,QAAQ,IAA0D;AAC9G,QAAM,EAAE,SAAS,KAAK,IAAI,mBAAmB,QAAQ,MAAM,MAAM,WAAW,QAAQ;AACpF,QAAM,UAAU,iCACb;AAAA,aAAS,OAAO,OACf,oBAAC,UAAK,eAAY,QAAO,WAAU,mBAChC,kBAAQ,oBAAC,QAAK,MAAM,cAAc,MAAK,MAAK,aAAY,6CAA4C,GACvG;AAAA,IAEF,qBAAC,SAAI,WAAU,mBACb;AAAA,0BAAC,SAAI,WAAU,sBAAsB,gBAAK;AAAA,MACzC,QAAQ,SAAS,IAAI,oBAAC,SAAI,WAAU,sBAAsB,mBAAQ,IAAS;AAAA,OAC9E;AAAA,KACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,MAAM,QAAQ;AAAA,MACd,WAAW,WAAW,aAAa,SAAS;AAAA,MAC5C,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb,kBAAQ,MAAM,aAAa,OAAO,QAAW,OAAO,IAAI;AAAA;AAAA,EAC3D;AAEJ,CAAC;AACD,UAAU,cAAc;AAOxB,MAAM,aAAa,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AAC/F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,kBAAkB;AACpF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,YAAY,KAAK,cAAc,WAAW,WAAW,oBAAoB,SAAS,GAAG;AACxG,CAAC;AACD,WAAW,cAAc;AAgBzB,MAAM,cAAc,CAAC,UACnB,OAAO,UAAU,YAAY,OAAO,UAAU,KAAK,KAAK,SAAS;AAEnE,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AAEvB,UAAM,EAAE,WAAW,OAAO,GAAG,SAAS,IAAI;AAC1C,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,IAAI,aAAa,UAAU,wBAAwB;AACnG,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,QAAQ,YAAY,SAAS,IAAI,YAAY;AAEnD,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,0BAA0B,SAAS;AAAA,QACzD,mBAAiB;AAAA,QACjB,OAAO,QAAS,EAAE,GAAG,OAAO,0BAA0B,MAAM,IAA4B;AAAA;AAAA,IAC1F;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,QAIF,OAAO,OAAO,WAAW;AAAA,EAC3B,OAAO;AAAA,EACP,aAAa;AAAA,EACb,QAAQ;AACV,CAAC;",
   "names": []
 }

package/dist/components/alert.css

@@ -26,21 +26,46 @@
 
 .dsx-alert__icon { flex-shrink: 0; }
 
-.dsx-alert__action {
-  align-self: center;
-  justify-content: flex-start;
+/* The icon is one column; the text and the actions are the other. Only this column wraps, so actions that drop below the text
+   start under the text and not under the icon (G-15, 2026-10-05). The gap is the alert's own, per size. */
+.dsx-alert__main {
+  display: flex;
+  flex: 1 1 0;
   flex-wrap: wrap;
-  gap: var(--dsx-space-sm);
+  align-items: flex-start;
+  gap: inherit;
+  min-width: 0;
 }
 
+/* The basis is the width the text needs to read before the actions wrap below it; min() keeps it from overflowing a column
+   narrower than that. */
 .dsx-alert__content {
   display: grid;
   gap: var(--dsx-space-xs);
-  flex: 1;
+  flex: 1 1 min(calc(var(--dsx-size-xl) * 5), 100%);
   min-width: 0;
   overflow-wrap: anywhere;
 }
 
+/* The direct-child Alert.Actions are one group. The content grows to push the group to the end of the row, and when the text
+   would drop under its readable width the group wraps below it as a whole, at the start of the column. It has no auto margin:
+   that would push a wrapped group to the far edge. Its own buttons wrap inside it when even the group is too wide. */
+.dsx-alert__actions {
+  display: flex;
+  flex: 0 0 auto;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  gap: var(--dsx-space-sm);
+  max-width: 100%;
+}
+
+.dsx-alert__action {
+  align-self: flex-start;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  gap: var(--dsx-space-sm);
+}
+
 .dsx-alert[data-variant='warning'] { border-color: var(--dsx-color-warning); }
 .dsx-alert[data-variant='success'] { border-color: var(--dsx-color-success); }
 .dsx-alert[data-variant='destructive'] { border-color: var(--dsx-color-error); }
@@ -85,3 +110,35 @@
   min-width: var(--dsx-size-lg);
   min-height: var(--dsx-size-lg);
 }
+
+/* With a trailing action, the icon, the first line of text and the action share one centre at any width: all
+   three get a control-height row, and the first line's box is that tall (`::first-line`). Alerts without an
+   action are untouched. Kept last so it wins over the size rules above. */
+:where(.dsx-alert:has(> .dsx-alert__main > .dsx-alert__actions)) :is(.dsx-alert__icon, .dsx-alert__action) {
+  min-height: var(--dsx-size-lg);
+}
+
+:where(.dsx-alert:has(> .dsx-alert__main > .dsx-alert__actions)) .dsx-alert__content > :where(:first-child)::first-line {
+  line-height: var(--dsx-size-lg);
+}
+
+/* `lineClamp` on Alert.Description: the text stops after that many lines with an ellipsis. */
+.dsx-alert__description[data-line-clamp] {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--dsx-alert-line-clamp);
+  overflow: hidden;
+}
+
+/* Whether `::first-line` reaches into a clamped description depends on the engine (Chromium draws it as a block
+   container, WebKit and Gecko as a legacy flexbox), so the control-height first line above is switched off for it and
+   the same centring is done with padding in every engine: the first line sits on the middle of the control row (`lh`
+   is the element's own line height). */
+:where(.dsx-alert:has(> .dsx-alert__main > .dsx-alert__actions)) .dsx-alert__description[data-line-clamp] {
+  padding-block-start: calc((var(--dsx-size-lg) - 1lh) / 2);
+}
+
+/* Same specificity as the first-line rule it switches off (0,1,1), so source order decides: this one comes last. */
+:where(.dsx-alert:has(> .dsx-alert__main > .dsx-alert__actions)) .dsx-alert__description:where([data-line-clamp])::first-line {
+  line-height: inherit;
+}

package/dist/components/bottom-dock.css

@@ -70,6 +70,14 @@
   padding: var(--dsx-space-xs) var(--dsx-space-sm);
 }
 
+/* labels="none": icon-only items share the width. The label stays in the accessible name; the active
+   item is carried by its container fill and aria-current. For widths where five labels do not fit. */
+.dsx-bottom-dock:where([data-labels='none']) .dsx-bottom-dock__item {
+  flex: 1 1 0;
+  gap: 0;
+  padding: 0;
+}
+
 .dsx-bottom-dock__icon {
   position: relative;
   display: inline-flex;

package/dist/components/bottomDock/BottomDock.cjs

@@ -68,7 +68,7 @@ const BottomDockItem = React.forwardRef(({ children, ...props }, forwardedRef) =
   const { isActive = false, type = "button", ...restProps } = props;
   const { asChild, className, ...itemProps } = (0, import_extractProps.extractProps)(restProps, import_bottomDock.bottomDockItemPropDefs);
   const { labels } = React.useContext(BottomDockContext);
-  const labelHidden = labels === "active" && !isActive;
+  const labelHidden = labels === "none" || labels === "active" && !isActive;
   const Comp = asChild ? import_react_slot.Slot : "button";
   const itemContext = React.useMemo(() => ({ labelHidden }), [labelHidden]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomDockItemContext.Provider, { value: itemContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/components/bottomDock/BottomDock.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/bottomDock/BottomDock.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\nimport { bottomDockItemPropDefs, bottomDockPropDefs } from './bottomDock.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype BottomDockOwnProps = GetPropDefTypes<typeof bottomDockPropDefs>\ntype BottomDockItemOwnProps = GetPropDefTypes<typeof bottomDockItemPropDefs>\n\ninterface BottomDockProps extends React.HTMLAttributes<HTMLElement>, BottomDockOwnProps {}\ninterface BottomDockItemProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>,\n    BottomDockItemOwnProps {\n  type?: 'button' | 'submit' | 'reset'\n}\ntype BottomDockPartProps = React.HTMLAttributes<HTMLSpanElement>\n\ntype BottomDockContextValue = { labels: 'active' | 'always' }\ntype BottomDockItemContextValue = { labelHidden: boolean }\n\nconst BottomDockContext = React.createContext<BottomDockContextValue>({ labels: 'active' })\nconst BottomDockItemContext = React.createContext<BottomDockItemContextValue>({ labelHidden: false })\n\nconst BottomDock = React.forwardRef<HTMLElement, BottomDockProps>(({ children, ...props }, forwardedRef) => {\n  const { placement = 'fixed', labels = 'active', ...restProps } = props\n  const { asChild, className, ...dockProps } = extractProps(restProps, bottomDockPropDefs)\n  const Comp = asChild ? Slot : 'nav'\n  const context = React.useMemo<BottomDockContextValue>(() => ({ labels }), [labels])\n\n  return (\n    <BottomDockContext.Provider value={context}>\n      <Comp\n        aria-label=\"Bottom navigation\"\n        {...dockProps}\n        ref={forwardedRef}\n        className={classNames('dsx-bottom-dock', className)}\n        data-slot=\"bottom-dock\"\n        data-placement={placement}\n        data-labels={labels}\n      >\n        {children}\n      </Comp>\n    </BottomDockContext.Provider>\n  )\n})\nBottomDock.displayName = 'BottomDock'\n\nconst BottomDockItem = React.forwardRef<HTMLButtonElement, BottomDockItemProps>(({ children, ...props }, forwardedRef) => {\n  const { isActive = false, type = 'button', ...restProps } = props\n  const { asChild, className, ...itemProps } = extractProps(restProps, bottomDockItemPropDefs)\n  const { labels } = React.useContext(BottomDockContext)\n  const labelHidden = labels === 'active' && !isActive\n  const Comp = asChild ? Slot : 'button'\n  const itemContext = React.useMemo<BottomDockItemContextValue>(() => ({ labelHidden }), [labelHidden])\n\n  return (\n    <BottomDockItemContext.Provider value={itemContext}>\n      <Comp\n        aria-current={isActive ? 'page' : undefined}\n        {...itemProps}\n        {...(asChild ? {} : { type })}\n        ref={forwardedRef}\n        className={classNames('dsx-bottom-dock__item', className)}\n        data-slot=\"bottom-dock-item\"\n        data-active={isActive ? 'true' : undefined}\n        data-label={labelHidden ? 'hidden' : 'visible'}\n      >\n        {children}\n      </Comp>\n    </BottomDockItemContext.Provider>\n  )\n})\nBottomDockItem.displayName = 'BottomDockItem'\n\nconst BottomDockIcon = React.forwardRef<HTMLSpanElement, BottomDockPartProps>(\n  ({ children, className, ...props }, forwardedRef) => (\n    <span\n      {...props}\n      ref={forwardedRef}\n      aria-hidden=\"true\"\n      className={classNames('dsx-bottom-dock__icon', className)}\n      data-slot=\"bottom-dock-icon\"\n    >\n      {children}\n    </span>\n  ),\n)\nBottomDockIcon.displayName = 'BottomDockIcon'\n\nconst BottomDockLabel = React.forwardRef<HTMLSpanElement, BottomDockPartProps>(\n  ({ children, className, ...props }, forwardedRef) => {\n    const { labelHidden } = React.useContext(BottomDockItemContext)\n    const label = (\n      <span\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-bottom-dock__label', className)}\n        data-slot=\"bottom-dock-label\"\n      >\n        {children}\n      </span>\n    )\n\n    return labelHidden ? <VisuallyHidden asChild>{label}</VisuallyHidden> : label\n  },\n)\nBottomDockLabel.displayName = 'BottomDockLabel'\n\nconst BottomDockBadge = React.forwardRef<HTMLSpanElement, BottomDockPartProps>(\n  ({ children, className, ...props }, forwardedRef) => (\n    <span\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-bottom-dock__badge', className)}\n      data-slot=\"bottom-dock-badge\"\n    >\n      {children}\n    </span>\n  ),\n)\nBottomDockBadge.displayName = 'BottomDockBadge'\n\nconst BottomDockRoot: typeof BottomDock & {\n  Item: typeof BottomDockItem\n  Icon: typeof BottomDockIcon\n  Label: typeof BottomDockLabel\n  Badge: typeof BottomDockBadge\n} = Object.assign(BottomDock, {\n  Item: BottomDockItem,\n  Icon: BottomDockIcon,\n  Label: BottomDockLabel,\n  Badge: BottomDockBadge,\n})\n\nexport {\n  BottomDockRoot as BottomDock,\n  BottomDockBadge,\n  BottomDockIcon,\n  BottomDockItem,\n  BottomDockLabel,\n}\nexport type {\n  BottomDockItemProps,\n  BottomDockPartProps,\n  BottomDockProps,\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,4BAA+B;AAC/B,wBAA2D;AA6BrD;AAXN,MAAM,oBAAoB,MAAM,cAAsC,EAAE,QAAQ,SAAS,CAAC;AAC1F,MAAM,wBAAwB,MAAM,cAA0C,EAAE,aAAa,MAAM,CAAC;AAEpG,MAAM,aAAa,MAAM,WAAyC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AAC1G,QAAM,EAAE,YAAY,SAAS,SAAS,UAAU,GAAG,UAAU,IAAI;AACjE,QAAM,EAAE,SAAS,WAAW,GAAG,UAAU,QAAI,kCAAa,WAAW,oCAAkB;AACvF,QAAM,OAAO,UAAU,yBAAO;AAC9B,QAAM,UAAU,MAAM,QAAgC,OAAO,EAAE,OAAO,IAAI,CAAC,MAAM,CAAC;AAElF,SACE,4CAAC,kBAAkB,UAAlB,EAA2B,OAAO,SACjC;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACV,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,mBAAmB,SAAS;AAAA,MAClD,aAAU;AAAA,MACV,kBAAgB;AAAA,MAChB,eAAa;AAAA,MAEZ;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AACD,WAAW,cAAc;AAEzB,MAAM,iBAAiB,MAAM,WAAmD,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxH,QAAM,EAAE,WAAW,OAAO,OAAO,UAAU,GAAG,UAAU,IAAI;AAC5D,QAAM,EAAE,SAAS,WAAW,GAAG,UAAU,QAAI,kCAAa,WAAW,wCAAsB;AAC3F,QAAM,EAAE,OAAO,IAAI,MAAM,WAAW,iBAAiB;AACrD,QAAM,cAAc,WAAW,YAAY,CAAC;AAC5C,QAAM,OAAO,UAAU,yBAAO;AAC9B,QAAM,cAAc,MAAM,QAAoC,OAAO,EAAE,YAAY,IAAI,CAAC,WAAW,CAAC;AAEpG,SACE,4CAAC,sBAAsB,UAAtB,EAA+B,OAAO,aACrC;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc,WAAW,SAAS;AAAA,MACjC,GAAG;AAAA,MACH,GAAI,UAAU,CAAC,IAAI,EAAE,KAAK;AAAA,MAC3B,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,yBAAyB,SAAS;AAAA,MACxD,aAAU;AAAA,MACV,eAAa,WAAW,SAAS;AAAA,MACjC,cAAY,cAAc,WAAW;AAAA,MAEpC;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AACD,eAAe,cAAc;AAE7B,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,iBAClC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAY;AAAA,MACZ,eAAW,kBAAAA,SAAW,yBAAyB,SAAS;AAAA,MACxD,aAAU;AAAA,MAET;AAAA;AAAA,EACH;AAEJ;AACA,eAAe,cAAc;AAE7B,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,iBAAiB;AACnD,UAAM,EAAE,YAAY,IAAI,MAAM,WAAW,qBAAqB;AAC9D,UAAM,QACJ;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,0BAA0B,SAAS;AAAA,QACzD,aAAU;AAAA,QAET;AAAA;AAAA,IACH;AAGF,WAAO,cAAc,4CAAC,wCAAe,SAAO,MAAE,iBAAM,IAAoB;AAAA,EAC1E;AACF;AACA,gBAAgB,cAAc;AAE9B,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,iBAClC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,0BAA0B,SAAS;AAAA,MACzD,aAAU;AAAA,MAET;AAAA;AAAA,EACH;AAEJ;AACA,gBAAgB,cAAc;AAE9B,MAAM,iBAKF,OAAO,OAAO,YAAY;AAAA,EAC5B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT,CAAC;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\nimport { bottomDockItemPropDefs, bottomDockPropDefs } from './bottomDock.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype BottomDockOwnProps = GetPropDefTypes<typeof bottomDockPropDefs>\ntype BottomDockItemOwnProps = GetPropDefTypes<typeof bottomDockItemPropDefs>\n\ninterface BottomDockProps extends React.HTMLAttributes<HTMLElement>, BottomDockOwnProps {}\ninterface BottomDockItemProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>,\n    BottomDockItemOwnProps {\n  type?: 'button' | 'submit' | 'reset'\n}\ntype BottomDockPartProps = React.HTMLAttributes<HTMLSpanElement>\n\ntype BottomDockContextValue = { labels: 'active' | 'always' | 'none' }\ntype BottomDockItemContextValue = { labelHidden: boolean }\n\nconst BottomDockContext = React.createContext<BottomDockContextValue>({ labels: 'active' })\nconst BottomDockItemContext = React.createContext<BottomDockItemContextValue>({ labelHidden: false })\n\nconst BottomDock = React.forwardRef<HTMLElement, BottomDockProps>(({ children, ...props }, forwardedRef) => {\n  const { placement = 'fixed', labels = 'active', ...restProps } = props\n  const { asChild, className, ...dockProps } = extractProps(restProps, bottomDockPropDefs)\n  const Comp = asChild ? Slot : 'nav'\n  const context = React.useMemo<BottomDockContextValue>(() => ({ labels }), [labels])\n\n  return (\n    <BottomDockContext.Provider value={context}>\n      <Comp\n        aria-label=\"Bottom navigation\"\n        {...dockProps}\n        ref={forwardedRef}\n        className={classNames('dsx-bottom-dock', className)}\n        data-slot=\"bottom-dock\"\n        data-placement={placement}\n        data-labels={labels}\n      >\n        {children}\n      </Comp>\n    </BottomDockContext.Provider>\n  )\n})\nBottomDock.displayName = 'BottomDock'\n\nconst BottomDockItem = React.forwardRef<HTMLButtonElement, BottomDockItemProps>(({ children, ...props }, forwardedRef) => {\n  const { isActive = false, type = 'button', ...restProps } = props\n  const { asChild, className, ...itemProps } = extractProps(restProps, bottomDockItemPropDefs)\n  const { labels } = React.useContext(BottomDockContext)\n  const labelHidden = labels === 'none' || (labels === 'active' && !isActive)\n  const Comp = asChild ? Slot : 'button'\n  const itemContext = React.useMemo<BottomDockItemContextValue>(() => ({ labelHidden }), [labelHidden])\n\n  return (\n    <BottomDockItemContext.Provider value={itemContext}>\n      <Comp\n        aria-current={isActive ? 'page' : undefined}\n        {...itemProps}\n        {...(asChild ? {} : { type })}\n        ref={forwardedRef}\n        className={classNames('dsx-bottom-dock__item', className)}\n        data-slot=\"bottom-dock-item\"\n        data-active={isActive ? 'true' : undefined}\n        data-label={labelHidden ? 'hidden' : 'visible'}\n      >\n        {children}\n      </Comp>\n    </BottomDockItemContext.Provider>\n  )\n})\nBottomDockItem.displayName = 'BottomDockItem'\n\nconst BottomDockIcon = React.forwardRef<HTMLSpanElement, BottomDockPartProps>(\n  ({ children, className, ...props }, forwardedRef) => (\n    <span\n      {...props}\n      ref={forwardedRef}\n      aria-hidden=\"true\"\n      className={classNames('dsx-bottom-dock__icon', className)}\n      data-slot=\"bottom-dock-icon\"\n    >\n      {children}\n    </span>\n  ),\n)\nBottomDockIcon.displayName = 'BottomDockIcon'\n\nconst BottomDockLabel = React.forwardRef<HTMLSpanElement, BottomDockPartProps>(\n  ({ children, className, ...props }, forwardedRef) => {\n    const { labelHidden } = React.useContext(BottomDockItemContext)\n    const label = (\n      <span\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-bottom-dock__label', className)}\n        data-slot=\"bottom-dock-label\"\n      >\n        {children}\n      </span>\n    )\n\n    return labelHidden ? <VisuallyHidden asChild>{label}</VisuallyHidden> : label\n  },\n)\nBottomDockLabel.displayName = 'BottomDockLabel'\n\nconst BottomDockBadge = React.forwardRef<HTMLSpanElement, BottomDockPartProps>(\n  ({ children, className, ...props }, forwardedRef) => (\n    <span\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-bottom-dock__badge', className)}\n      data-slot=\"bottom-dock-badge\"\n    >\n      {children}\n    </span>\n  ),\n)\nBottomDockBadge.displayName = 'BottomDockBadge'\n\nconst BottomDockRoot: typeof BottomDock & {\n  Item: typeof BottomDockItem\n  Icon: typeof BottomDockIcon\n  Label: typeof BottomDockLabel\n  Badge: typeof BottomDockBadge\n} = Object.assign(BottomDock, {\n  Item: BottomDockItem,\n  Icon: BottomDockIcon,\n  Label: BottomDockLabel,\n  Badge: BottomDockBadge,\n})\n\nexport {\n  BottomDockRoot as BottomDock,\n  BottomDockBadge,\n  BottomDockIcon,\n  BottomDockItem,\n  BottomDockLabel,\n}\nexport type {\n  BottomDockItemProps,\n  BottomDockPartProps,\n  BottomDockProps,\n}\n"],
+  "mappings": "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",
   "names": ["classNames"]
 }

package/dist/components/bottomDock/BottomDock.js

@@ -31,7 +31,7 @@ const BottomDockItem = React.forwardRef(({ children, ...props }, forwardedRef) =
   const { isActive = false, type = "button", ...restProps } = props;
   const { asChild, className, ...itemProps } = extractProps(restProps, bottomDockItemPropDefs);
   const { labels } = React.useContext(BottomDockContext);
-  const labelHidden = labels === "active" && !isActive;
+  const labelHidden = labels === "none" || labels === "active" && !isActive;
   const Comp = asChild ? Slot : "button";
   const itemContext = React.useMemo(() => ({ labelHidden }), [labelHidden]);
   return /* @__PURE__ */ jsx(BottomDockItemContext.Provider, { value: itemContext, children: /* @__PURE__ */ jsx(

package/dist/components/bottomDock/BottomDock.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/bottomDock/BottomDock.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\nimport { bottomDockItemPropDefs, bottomDockPropDefs } from './bottomDock.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype BottomDockOwnProps = GetPropDefTypes<typeof bottomDockPropDefs>\ntype BottomDockItemOwnProps = GetPropDefTypes<typeof bottomDockItemPropDefs>\n\ninterface BottomDockProps extends React.HTMLAttributes<HTMLElement>, BottomDockOwnProps {}\ninterface BottomDockItemProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>,\n    BottomDockItemOwnProps {\n  type?: 'button' | 'submit' | 'reset'\n}\ntype BottomDockPartProps = React.HTMLAttributes<HTMLSpanElement>\n\ntype BottomDockContextValue = { labels: 'active' | 'always' }\ntype BottomDockItemContextValue = { labelHidden: boolean }\n\nconst BottomDockContext = React.createContext<BottomDockContextValue>({ labels: 'active' })\nconst BottomDockItemContext = React.createContext<BottomDockItemContextValue>({ labelHidden: false })\n\nconst BottomDock = React.forwardRef<HTMLElement, BottomDockProps>(({ children, ...props }, forwardedRef) => {\n  const { placement = 'fixed', labels = 'active', ...restProps } = props\n  const { asChild, className, ...dockProps } = extractProps(restProps, bottomDockPropDefs)\n  const Comp = asChild ? Slot : 'nav'\n  const context = React.useMemo<BottomDockContextValue>(() => ({ labels }), [labels])\n\n  return (\n    <BottomDockContext.Provider value={context}>\n      <Comp\n        aria-label=\"Bottom navigation\"\n        {...dockProps}\n        ref={forwardedRef}\n        className={classNames('dsx-bottom-dock', className)}\n        data-slot=\"bottom-dock\"\n        data-placement={placement}\n        data-labels={labels}\n      >\n        {children}\n      </Comp>\n    </BottomDockContext.Provider>\n  )\n})\nBottomDock.displayName = 'BottomDock'\n\nconst BottomDockItem = React.forwardRef<HTMLButtonElement, BottomDockItemProps>(({ children, ...props }, forwardedRef) => {\n  const { isActive = false, type = 'button', ...restProps } = props\n  const { asChild, className, ...itemProps } = extractProps(restProps, bottomDockItemPropDefs)\n  const { labels } = React.useContext(BottomDockContext)\n  const labelHidden = labels === 'active' && !isActive\n  const Comp = asChild ? Slot : 'button'\n  const itemContext = React.useMemo<BottomDockItemContextValue>(() => ({ labelHidden }), [labelHidden])\n\n  return (\n    <BottomDockItemContext.Provider value={itemContext}>\n      <Comp\n        aria-current={isActive ? 'page' : undefined}\n        {...itemProps}\n        {...(asChild ? {} : { type })}\n        ref={forwardedRef}\n        className={classNames('dsx-bottom-dock__item', className)}\n        data-slot=\"bottom-dock-item\"\n        data-active={isActive ? 'true' : undefined}\n        data-label={labelHidden ? 'hidden' : 'visible'}\n      >\n        {children}\n      </Comp>\n    </BottomDockItemContext.Provider>\n  )\n})\nBottomDockItem.displayName = 'BottomDockItem'\n\nconst BottomDockIcon = React.forwardRef<HTMLSpanElement, BottomDockPartProps>(\n  ({ children, className, ...props }, forwardedRef) => (\n    <span\n      {...props}\n      ref={forwardedRef}\n      aria-hidden=\"true\"\n      className={classNames('dsx-bottom-dock__icon', className)}\n      data-slot=\"bottom-dock-icon\"\n    >\n      {children}\n    </span>\n  ),\n)\nBottomDockIcon.displayName = 'BottomDockIcon'\n\nconst BottomDockLabel = React.forwardRef<HTMLSpanElement, BottomDockPartProps>(\n  ({ children, className, ...props }, forwardedRef) => {\n    const { labelHidden } = React.useContext(BottomDockItemContext)\n    const label = (\n      <span\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-bottom-dock__label', className)}\n        data-slot=\"bottom-dock-label\"\n      >\n        {children}\n      </span>\n    )\n\n    return labelHidden ? <VisuallyHidden asChild>{label}</VisuallyHidden> : label\n  },\n)\nBottomDockLabel.displayName = 'BottomDockLabel'\n\nconst BottomDockBadge = React.forwardRef<HTMLSpanElement, BottomDockPartProps>(\n  ({ children, className, ...props }, forwardedRef) => (\n    <span\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-bottom-dock__badge', className)}\n      data-slot=\"bottom-dock-badge\"\n    >\n      {children}\n    </span>\n  ),\n)\nBottomDockBadge.displayName = 'BottomDockBadge'\n\nconst BottomDockRoot: typeof BottomDock & {\n  Item: typeof BottomDockItem\n  Icon: typeof BottomDockIcon\n  Label: typeof BottomDockLabel\n  Badge: typeof BottomDockBadge\n} = Object.assign(BottomDock, {\n  Item: BottomDockItem,\n  Icon: BottomDockIcon,\n  Label: BottomDockLabel,\n  Badge: BottomDockBadge,\n})\n\nexport {\n  BottomDockRoot as BottomDock,\n  BottomDockBadge,\n  BottomDockIcon,\n  BottomDockItem,\n  BottomDockLabel,\n}\nexport type {\n  BottomDockItemProps,\n  BottomDockPartProps,\n  BottomDockProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\nimport { bottomDockItemPropDefs, bottomDockPropDefs } from './bottomDock.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype BottomDockOwnProps = GetPropDefTypes<typeof bottomDockPropDefs>\ntype BottomDockItemOwnProps = GetPropDefTypes<typeof bottomDockItemPropDefs>\n\ninterface BottomDockProps extends React.HTMLAttributes<HTMLElement>, BottomDockOwnProps {}\ninterface BottomDockItemProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>,\n    BottomDockItemOwnProps {\n  type?: 'button' | 'submit' | 'reset'\n}\ntype BottomDockPartProps = React.HTMLAttributes<HTMLSpanElement>\n\ntype BottomDockContextValue = { labels: 'active' | 'always' | 'none' }\ntype BottomDockItemContextValue = { labelHidden: boolean }\n\nconst BottomDockContext = React.createContext<BottomDockContextValue>({ labels: 'active' })\nconst BottomDockItemContext = React.createContext<BottomDockItemContextValue>({ labelHidden: false })\n\nconst BottomDock = React.forwardRef<HTMLElement, BottomDockProps>(({ children, ...props }, forwardedRef) => {\n  const { placement = 'fixed', labels = 'active', ...restProps } = props\n  const { asChild, className, ...dockProps } = extractProps(restProps, bottomDockPropDefs)\n  const Comp = asChild ? Slot : 'nav'\n  const context = React.useMemo<BottomDockContextValue>(() => ({ labels }), [labels])\n\n  return (\n    <BottomDockContext.Provider value={context}>\n      <Comp\n        aria-label=\"Bottom navigation\"\n        {...dockProps}\n        ref={forwardedRef}\n        className={classNames('dsx-bottom-dock', className)}\n        data-slot=\"bottom-dock\"\n        data-placement={placement}\n        data-labels={labels}\n      >\n        {children}\n      </Comp>\n    </BottomDockContext.Provider>\n  )\n})\nBottomDock.displayName = 'BottomDock'\n\nconst BottomDockItem = React.forwardRef<HTMLButtonElement, BottomDockItemProps>(({ children, ...props }, forwardedRef) => {\n  const { isActive = false, type = 'button', ...restProps } = props\n  const { asChild, className, ...itemProps } = extractProps(restProps, bottomDockItemPropDefs)\n  const { labels } = React.useContext(BottomDockContext)\n  const labelHidden = labels === 'none' || (labels === 'active' && !isActive)\n  const Comp = asChild ? Slot : 'button'\n  const itemContext = React.useMemo<BottomDockItemContextValue>(() => ({ labelHidden }), [labelHidden])\n\n  return (\n    <BottomDockItemContext.Provider value={itemContext}>\n      <Comp\n        aria-current={isActive ? 'page' : undefined}\n        {...itemProps}\n        {...(asChild ? {} : { type })}\n        ref={forwardedRef}\n        className={classNames('dsx-bottom-dock__item', className)}\n        data-slot=\"bottom-dock-item\"\n        data-active={isActive ? 'true' : undefined}\n        data-label={labelHidden ? 'hidden' : 'visible'}\n      >\n        {children}\n      </Comp>\n    </BottomDockItemContext.Provider>\n  )\n})\nBottomDockItem.displayName = 'BottomDockItem'\n\nconst BottomDockIcon = React.forwardRef<HTMLSpanElement, BottomDockPartProps>(\n  ({ children, className, ...props }, forwardedRef) => (\n    <span\n      {...props}\n      ref={forwardedRef}\n      aria-hidden=\"true\"\n      className={classNames('dsx-bottom-dock__icon', className)}\n      data-slot=\"bottom-dock-icon\"\n    >\n      {children}\n    </span>\n  ),\n)\nBottomDockIcon.displayName = 'BottomDockIcon'\n\nconst BottomDockLabel = React.forwardRef<HTMLSpanElement, BottomDockPartProps>(\n  ({ children, className, ...props }, forwardedRef) => {\n    const { labelHidden } = React.useContext(BottomDockItemContext)\n    const label = (\n      <span\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-bottom-dock__label', className)}\n        data-slot=\"bottom-dock-label\"\n      >\n        {children}\n      </span>\n    )\n\n    return labelHidden ? <VisuallyHidden asChild>{label}</VisuallyHidden> : label\n  },\n)\nBottomDockLabel.displayName = 'BottomDockLabel'\n\nconst BottomDockBadge = React.forwardRef<HTMLSpanElement, BottomDockPartProps>(\n  ({ children, className, ...props }, forwardedRef) => (\n    <span\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-bottom-dock__badge', className)}\n      data-slot=\"bottom-dock-badge\"\n    >\n      {children}\n    </span>\n  ),\n)\nBottomDockBadge.displayName = 'BottomDockBadge'\n\nconst BottomDockRoot: typeof BottomDock & {\n  Item: typeof BottomDockItem\n  Icon: typeof BottomDockIcon\n  Label: typeof BottomDockLabel\n  Badge: typeof BottomDockBadge\n} = Object.assign(BottomDock, {\n  Item: BottomDockItem,\n  Icon: BottomDockIcon,\n  Label: BottomDockLabel,\n  Badge: BottomDockBadge,\n})\n\nexport {\n  BottomDockRoot as BottomDock,\n  BottomDockBadge,\n  BottomDockIcon,\n  BottomDockItem,\n  BottomDockLabel,\n}\nexport type {\n  BottomDockItemProps,\n  BottomDockPartProps,\n  BottomDockProps,\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/bottomDock/bottomDock.props.cjs

@@ -26,7 +26,7 @@ __export(bottomDock_props_exports, {
 module.exports = __toCommonJS(bottomDock_props_exports);
 var import_asChild = require("../../_internal/props/asChild.prop");
 const bottomDockPlacements = ["fixed", "contained"];
-const bottomDockLabelModes = ["active", "always"];
+const bottomDockLabelModes = ["active", "always", "none"];
 const bottomDockPropDefs = {
   ...import_asChild.asChildPropDef,
   placement: {

package/dist/components/bottomDock/bottomDock.props.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/bottomDock/bottomDock.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst bottomDockPlacements = ['fixed', 'contained'] as const\nconst bottomDockLabelModes = ['active', 'always'] as const\n\nconst bottomDockPropDefs = {\n  ...asChildPropDef,\n  placement: {\n    type: 'enum',\n    values: bottomDockPlacements,\n    default: 'fixed',\n  },\n  labels: {\n    type: 'enum',\n    values: bottomDockLabelModes,\n    default: 'active',\n  },\n} satisfies {\n  asChild: PropDef\n  placement: PropDef<(typeof bottomDockPlacements)[number]>\n  labels: PropDef<(typeof bottomDockLabelModes)[number]>\n}\n\nconst bottomDockItemPropDefs = {\n  ...asChildPropDef,\n  isActive: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef\n  isActive: PropDef\n}\n\nexport { bottomDockItemPropDefs, bottomDockLabelModes, bottomDockPlacements, bottomDockPropDefs }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,uBAAuB,CAAC,SAAS,WAAW;AAClD,MAAM,uBAAuB,CAAC,UAAU,QAAQ;AAEhD,MAAM,qBAAqB;AAAA,EACzB,GAAG;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAMA,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst bottomDockPlacements = ['fixed', 'contained'] as const\nconst bottomDockLabelModes = ['active', 'always', 'none'] as const\n\nconst bottomDockPropDefs = {\n  ...asChildPropDef,\n  placement: {\n    type: 'enum',\n    values: bottomDockPlacements,\n    default: 'fixed',\n  },\n  labels: {\n    type: 'enum',\n    values: bottomDockLabelModes,\n    default: 'active',\n  },\n} satisfies {\n  asChild: PropDef\n  placement: PropDef<(typeof bottomDockPlacements)[number]>\n  labels: PropDef<(typeof bottomDockLabelModes)[number]>\n}\n\nconst bottomDockItemPropDefs = {\n  ...asChildPropDef,\n  isActive: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef\n  isActive: PropDef\n}\n\nexport { bottomDockItemPropDefs, bottomDockLabelModes, bottomDockPlacements, bottomDockPropDefs }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,uBAAuB,CAAC,SAAS,WAAW;AAClD,MAAM,uBAAuB,CAAC,UAAU,UAAU,MAAM;AAExD,MAAM,qBAAqB;AAAA,EACzB,GAAG;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAMA,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AACF;",
   "names": []
 }

package/dist/components/bottomDock/bottomDock.props.d.cts

@@ -1,5 +1,5 @@
 declare const bottomDockPlacements: readonly ["fixed", "contained"];
-declare const bottomDockLabelModes: readonly ["active", "always"];
+declare const bottomDockLabelModes: readonly ["active", "always", "none"];
 declare const bottomDockPropDefs: {
     placement: {
         type: "enum";
@@ -8,7 +8,7 @@ declare const bottomDockPropDefs: {
     };
     labels: {
         type: "enum";
-        values: readonly ["active", "always"];
+        values: readonly ["active", "always", "none"];
         default: "active";
     };
     asChild: {

package/dist/components/bottomDock/bottomDock.props.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"bottomDock.props.d.cts","sourceRoot":"","sources":["../../../src/components/bottomDock/bottomDock.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,oBAAoB,iCAAkC,CAAA;AAC5D,QAAA,MAAM,oBAAoB,+BAAgC,CAAA;AAE1D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;CAgBvB,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;;;;CAQ3B,CAAA;AAED,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"bottomDock.props.d.cts","sourceRoot":"","sources":["../../../src/components/bottomDock/bottomDock.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,oBAAoB,iCAAkC,CAAA;AAC5D,QAAA,MAAM,oBAAoB,uCAAwC,CAAA;AAElE,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;CAgBvB,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;;;;CAQ3B,CAAA;AAED,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/bottomDock/bottomDock.props.d.mts

@@ -1,5 +1,5 @@
 declare const bottomDockPlacements: readonly ["fixed", "contained"];
-declare const bottomDockLabelModes: readonly ["active", "always"];
+declare const bottomDockLabelModes: readonly ["active", "always", "none"];
 declare const bottomDockPropDefs: {
     placement: {
         type: "enum";
@@ -8,7 +8,7 @@ declare const bottomDockPropDefs: {
     };
     labels: {
         type: "enum";
-        values: readonly ["active", "always"];
+        values: readonly ["active", "always", "none"];
         default: "active";
     };
     asChild: {

package/dist/components/bottomDock/bottomDock.props.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"bottomDock.props.d.mts","sourceRoot":"","sources":["../../../src/components/bottomDock/bottomDock.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,oBAAoB,iCAAkC,CAAA;AAC5D,QAAA,MAAM,oBAAoB,+BAAgC,CAAA;AAE1D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;CAgBvB,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;;;;CAQ3B,CAAA;AAED,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"bottomDock.props.d.mts","sourceRoot":"","sources":["../../../src/components/bottomDock/bottomDock.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,oBAAoB,iCAAkC,CAAA;AAC5D,QAAA,MAAM,oBAAoB,uCAAwC,CAAA;AAElE,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;CAgBvB,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;;;;CAQ3B,CAAA;AAED,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/bottomDock/bottomDock.props.d.ts

@@ -1,5 +1,5 @@
 declare const bottomDockPlacements: readonly ["fixed", "contained"];
-declare const bottomDockLabelModes: readonly ["active", "always"];
+declare const bottomDockLabelModes: readonly ["active", "always", "none"];
 declare const bottomDockPropDefs: {
     placement: {
         type: "enum";
@@ -8,7 +8,7 @@ declare const bottomDockPropDefs: {
     };
     labels: {
         type: "enum";
-        values: readonly ["active", "always"];
+        values: readonly ["active", "always", "none"];
         default: "active";
     };
     asChild: {

package/dist/components/bottomDock/bottomDock.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottomDock.props.d.ts","sourceRoot":"","sources":["../../../src/components/bottomDock/bottomDock.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,oBAAoB,iCAAkC,CAAA;AAC5D,QAAA,MAAM,oBAAoB,+BAAgC,CAAA;AAE1D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;CAgBvB,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;;;;CAQ3B,CAAA;AAED,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"bottomDock.props.d.ts","sourceRoot":"","sources":["../../../src/components/bottomDock/bottomDock.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,oBAAoB,iCAAkC,CAAA;AAC5D,QAAA,MAAM,oBAAoB,uCAAwC,CAAA;AAElE,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;CAgBvB,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;;;;CAQ3B,CAAA;AAED,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/bottomDock/bottomDock.props.js

@@ -1,6 +1,6 @@
 import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
 const bottomDockPlacements = ["fixed", "contained"];
-const bottomDockLabelModes = ["active", "always"];
+const bottomDockLabelModes = ["active", "always", "none"];
 const bottomDockPropDefs = {
   ...asChildPropDef,
   placement: {