@d4gger/design-system 3.0.1 → 4.0.1

package/dist/components/blockquote.css

@@ -3,10 +3,13 @@
 .dsx-blockquote {
   box-sizing: border-box;
   margin: 0;
-  padding-left: var(--dsx-space-lg);
-  border-left: var(--dsx-border-width-xl) solid var(--dsx-color-primary);
+  padding-inline-start: var(--dsx-space-lg);
+  border-inline-start: var(--dsx-boundary-divider-width) solid var(--dsx-color-accent-border);
   font-family: var(--dsx-typography-body-large-font-family), sans-serif;
   font-size: var(--dsx-typography-body-large-font-size);
+  font-weight: var(--dsx-typography-body-large-font-weight);
+  letter-spacing: var(--dsx-typography-body-large-letter-spacing);
+  font-variation-settings: var(--dsx-typography-body-large-font-variation-settings);
   font-style: italic;
   line-height: var(--dsx-typography-body-large-line-height);
   color: var(--dsx-color-on-surface-variant);
@@ -14,10 +17,10 @@
 
 .dsx-blockquote--muted {
   color: var(--dsx-color-on-surface-variant);
-  border-left-color: var(--dsx-color-outline-variant);
+  border-inline-start-color: var(--dsx-color-outline-variant);
 }
 
 .dsx-blockquote--inverse {
   color: var(--dsx-color-on-inverse-background);
-  border-left-color: var(--dsx-color-on-inverse-background);
+  border-inline-start-color: var(--dsx-color-on-inverse-background);
 }

package/dist/components/bottom-dock.css

@@ -0,0 +1,140 @@
+/* BottomDock — a floating pill of primary destinations for phone widths.
+   Tokens only. No breakpoints: the app renders the dock at phone widths. */
+
+.dsx-bottom-dock {
+  position: fixed;
+  inset-inline: var(--dsx-space-3);
+  inset-block-end: calc(var(--dsx-space-3) + var(--dsx-safe-area-inset-bottom, 0px));
+  z-index: var(--dsx-z-index-fixed);
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  gap: var(--dsx-space-xs);
+  padding: var(--dsx-space-xs);
+  box-sizing: border-box;
+  border: var(--dsx-border-width-sm) solid var(--dsx-panel-border-color);
+  border-radius: var(--dsx-rounded-xl);
+  background: var(--dsx-color-panel-translucent);
+  backdrop-filter: var(--dsx-effect-panel-glass-backdrop-filter);
+  box-shadow: var(--dsx-panel-shadow);
+  color: var(--dsx-color-on-surface);
+}
+
+.dsx-bottom-dock:where([data-placement='contained']) {
+  position: absolute;
+}
+
+.dsx-bottom-dock__item {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--dsx-space-xs);
+  min-block-size: calc(var(--dsx-size-xl) + var(--dsx-space-xs));
+  min-inline-size: calc(var(--dsx-size-xl) + var(--dsx-space-xs));
+  padding: 0 var(--dsx-space-3);
+  box-sizing: border-box;
+  border: 0;
+  border-radius: var(--dsx-rounded-lg);
+  background: transparent;
+  color: var(--dsx-color-on-surface-variant);
+  font: inherit;
+  text-decoration: none;
+  cursor: pointer;
+  transition:
+    background-color var(--dsx-motion-duration-fast) var(--dsx-motion-easing-standard),
+    color var(--dsx-motion-duration-fast) var(--dsx-motion-easing-standard);
+}
+
+/* Hover only on inactive items, so an active item never loses its container to the ghost wash. */
+.dsx-bottom-dock__item:where(:not([data-active='true'])):hover {
+  background: var(--dsx-effect-hover-ghost);
+  color: var(--dsx-color-on-surface);
+}
+
+.dsx-bottom-dock__item:focus-visible {
+  outline: none;
+  box-shadow: var(--dsx-shadow-focus-ring);
+}
+
+.dsx-bottom-dock__item:where([data-active='true']) {
+  background: var(--dsx-color-primary-container);
+  color: var(--dsx-color-on-primary-container);
+}
+
+/* labels="always": icon over label, items share the width (Material 3 / HIG). */
+.dsx-bottom-dock:where([data-labels='always']) .dsx-bottom-dock__item {
+  flex: 1 1 0;
+  flex-direction: column;
+  gap: 0;
+  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;
+  align-items: center;
+  justify-content: center;
+  inline-size: var(--dsx-size-md);
+  block-size: var(--dsx-size-md);
+}
+
+.dsx-bottom-dock__label {
+  font-family: var(--dsx-typography-label-small-font-family), sans-serif;
+  font-size: var(--dsx-typography-label-small-font-size);
+  font-weight: var(--dsx-typography-label-small-font-weight);
+  line-height: var(--dsx-typography-label-small-line-height);
+  letter-spacing: var(--dsx-typography-label-small-letter-spacing);
+  font-variation-settings: var(--dsx-typography-label-small-font-variation-settings);
+  text-transform: var(--dsx-typography-label-small-text-transform);
+  text-decoration: var(--dsx-typography-label-small-text-decoration);
+  white-space: nowrap;
+  /* A long label truncates inside its item instead of poking out of the pill on a narrow phone. */
+  min-inline-size: 0;
+  max-inline-size: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* Place the badge inside BottomDock.Icon to sit on the glyph; outside it, it sits on the item corner. */
+.dsx-bottom-dock__badge {
+  position: absolute;
+  inset-block-start: calc(var(--dsx-space-xs) * -1);
+  inset-inline-end: calc(var(--dsx-space-xs) * -1);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-inline-size: var(--dsx-space-md);
+  block-size: var(--dsx-space-md);
+  padding: 0 var(--dsx-space-xs);
+  box-sizing: border-box;
+  border-radius: var(--dsx-rounded-full);
+  background: var(--dsx-color-primary);
+  color: var(--dsx-color-on-primary);
+  font-family: var(--dsx-typography-label-small-font-family), sans-serif;
+  font-size: var(--dsx-typography-label-small-font-size);
+  font-weight: var(--dsx-typography-label-small-font-weight);
+  line-height: var(--dsx-typography-label-small-line-height);
+  pointer-events: none;
+}
+
+/* An empty badge is a dot. */
+.dsx-bottom-dock__badge:empty {
+  min-inline-size: var(--dsx-space-sm);
+  block-size: var(--dsx-space-sm);
+  padding: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .dsx-bottom-dock__item {
+    transition: none;
+  }
+}

package/dist/components/bottomDock/BottomDock.cjs

@@ -0,0 +1,140 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BottomDock_exports = {};
+__export(BottomDock_exports, {
+  BottomDock: () => BottomDockRoot,
+  BottomDockBadge: () => BottomDockBadge,
+  BottomDockIcon: () => BottomDockIcon,
+  BottomDockItem: () => BottomDockItem,
+  BottomDockLabel: () => BottomDockLabel
+});
+module.exports = __toCommonJS(BottomDock_exports);
+var React = __toESM(require("react"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_extractProps = require("../../_internal/helpers/extractProps");
+var import_VisuallyHidden = require("../visuallyHidden/VisuallyHidden");
+var import_bottomDock = require("./bottomDock.props");
+var import_jsx_runtime = require("react/jsx-runtime");
+const BottomDockContext = React.createContext({ labels: "active" });
+const BottomDockItemContext = React.createContext({ labelHidden: false });
+const BottomDock = React.forwardRef(({ children, ...props }, forwardedRef) => {
+  const { placement = "fixed", labels = "active", ...restProps } = props;
+  const { asChild, className, ...dockProps } = (0, import_extractProps.extractProps)(restProps, import_bottomDock.bottomDockPropDefs);
+  const Comp = asChild ? import_react_slot.Slot : "nav";
+  const context = React.useMemo(() => ({ labels }), [labels]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomDockContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Comp,
+    {
+      "aria-label": "Bottom navigation",
+      ...dockProps,
+      ref: forwardedRef,
+      className: (0, import_classnames.default)("dsx-bottom-dock", className),
+      "data-slot": "bottom-dock",
+      "data-placement": placement,
+      "data-labels": labels,
+      children
+    }
+  ) });
+});
+BottomDock.displayName = "BottomDock";
+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 === "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)(
+    Comp,
+    {
+      "aria-current": isActive ? "page" : void 0,
+      ...itemProps,
+      ...asChild ? {} : { type },
+      ref: forwardedRef,
+      className: (0, import_classnames.default)("dsx-bottom-dock__item", className),
+      "data-slot": "bottom-dock-item",
+      "data-active": isActive ? "true" : void 0,
+      "data-label": labelHidden ? "hidden" : "visible",
+      children
+    }
+  ) });
+});
+BottomDockItem.displayName = "BottomDockItem";
+const BottomDockIcon = React.forwardRef(
+  ({ children, className, ...props }, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      ...props,
+      ref: forwardedRef,
+      "aria-hidden": "true",
+      className: (0, import_classnames.default)("dsx-bottom-dock__icon", className),
+      "data-slot": "bottom-dock-icon",
+      children
+    }
+  )
+);
+BottomDockIcon.displayName = "BottomDockIcon";
+const BottomDockLabel = React.forwardRef(
+  ({ children, className, ...props }, forwardedRef) => {
+    const { labelHidden } = React.useContext(BottomDockItemContext);
+    const label = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        ...props,
+        ref: forwardedRef,
+        className: (0, import_classnames.default)("dsx-bottom-dock__label", className),
+        "data-slot": "bottom-dock-label",
+        children
+      }
+    );
+    return labelHidden ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_VisuallyHidden.VisuallyHidden, { asChild: true, children: label }) : label;
+  }
+);
+BottomDockLabel.displayName = "BottomDockLabel";
+const BottomDockBadge = React.forwardRef(
+  ({ children, className, ...props }, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      ...props,
+      ref: forwardedRef,
+      className: (0, import_classnames.default)("dsx-bottom-dock__badge", className),
+      "data-slot": "bottom-dock-badge",
+      children
+    }
+  )
+);
+BottomDockBadge.displayName = "BottomDockBadge";
+const BottomDockRoot = Object.assign(BottomDock, {
+  Item: BottomDockItem,
+  Icon: BottomDockIcon,
+  Label: BottomDockLabel,
+  Badge: BottomDockBadge
+});
+//# sourceMappingURL=BottomDock.cjs.map

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

@@ -0,0 +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' | '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.d.cts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { bottomDockItemPropDefs, bottomDockPropDefs } from './bottomDock.props.cjs';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.cjs';
+type BottomDockOwnProps = GetPropDefTypes<typeof bottomDockPropDefs>;
+type BottomDockItemOwnProps = GetPropDefTypes<typeof bottomDockItemPropDefs>;
+interface BottomDockProps extends React.HTMLAttributes<HTMLElement>, BottomDockOwnProps {
+}
+interface BottomDockItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>, BottomDockItemOwnProps {
+    type?: 'button' | 'submit' | 'reset';
+}
+type BottomDockPartProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const BottomDock: React.ForwardRefExoticComponent<BottomDockProps & React.RefAttributes<HTMLElement>>;
+declare const BottomDockItem: React.ForwardRefExoticComponent<BottomDockItemProps & React.RefAttributes<HTMLButtonElement>>;
+declare const BottomDockIcon: React.ForwardRefExoticComponent<BottomDockPartProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BottomDockLabel: React.ForwardRefExoticComponent<BottomDockPartProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BottomDockBadge: React.ForwardRefExoticComponent<BottomDockPartProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BottomDockRoot: typeof BottomDock & {
+    Item: typeof BottomDockItem;
+    Icon: typeof BottomDockIcon;
+    Label: typeof BottomDockLabel;
+    Badge: typeof BottomDockBadge;
+};
+export { BottomDockRoot as BottomDock, BottomDockBadge, BottomDockIcon, BottomDockItem, BottomDockLabel, };
+export type { BottomDockItemProps, BottomDockPartProps, BottomDockProps, };
+//# sourceMappingURL=BottomDock.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomDock.d.cts","sourceRoot":"","sources":["../../../src/components/bottomDock/BottomDock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAE/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AACpE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,kBAAkB;CAAG;AAC1F,UAAU,mBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,EACjE,sBAAsB;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC;AACD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;AAQhE,QAAA,MAAM,UAAU,qFAqBd,CAAA;AAGF,QAAA,MAAM,cAAc,+FAwBlB,CAAA;AAGF,QAAA,MAAM,cAAc,6FAYnB,CAAA;AAGD,QAAA,MAAM,eAAe,6FAgBpB,CAAA;AAGD,QAAA,MAAM,eAAe,6FAWpB,CAAA;AAGD,QAAA,MAAM,cAAc,EAAE,OAAO,UAAU,GAAG;IACxC,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,KAAK,EAAE,OAAO,eAAe,CAAA;IAC7B,KAAK,EAAE,OAAO,eAAe,CAAA;CAM7B,CAAA;AAEF,OAAO,EACL,cAAc,IAAI,UAAU,EAC5B,eAAe,EACf,cAAc,EACd,cAAc,EACd,eAAe,GAChB,CAAA;AACD,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,GAChB,CAAA"}

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { bottomDockItemPropDefs, bottomDockPropDefs } from './bottomDock.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type BottomDockOwnProps = GetPropDefTypes<typeof bottomDockPropDefs>;
+type BottomDockItemOwnProps = GetPropDefTypes<typeof bottomDockItemPropDefs>;
+interface BottomDockProps extends React.HTMLAttributes<HTMLElement>, BottomDockOwnProps {
+}
+interface BottomDockItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>, BottomDockItemOwnProps {
+    type?: 'button' | 'submit' | 'reset';
+}
+type BottomDockPartProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const BottomDock: React.ForwardRefExoticComponent<BottomDockProps & React.RefAttributes<HTMLElement>>;
+declare const BottomDockItem: React.ForwardRefExoticComponent<BottomDockItemProps & React.RefAttributes<HTMLButtonElement>>;
+declare const BottomDockIcon: React.ForwardRefExoticComponent<BottomDockPartProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BottomDockLabel: React.ForwardRefExoticComponent<BottomDockPartProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BottomDockBadge: React.ForwardRefExoticComponent<BottomDockPartProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BottomDockRoot: typeof BottomDock & {
+    Item: typeof BottomDockItem;
+    Icon: typeof BottomDockIcon;
+    Label: typeof BottomDockLabel;
+    Badge: typeof BottomDockBadge;
+};
+export { BottomDockRoot as BottomDock, BottomDockBadge, BottomDockIcon, BottomDockItem, BottomDockLabel, };
+export type { BottomDockItemProps, BottomDockPartProps, BottomDockProps, };
+//# sourceMappingURL=BottomDock.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomDock.d.mts","sourceRoot":"","sources":["../../../src/components/bottomDock/BottomDock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAE/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AACpE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,kBAAkB;CAAG;AAC1F,UAAU,mBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,EACjE,sBAAsB;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC;AACD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;AAQhE,QAAA,MAAM,UAAU,qFAqBd,CAAA;AAGF,QAAA,MAAM,cAAc,+FAwBlB,CAAA;AAGF,QAAA,MAAM,cAAc,6FAYnB,CAAA;AAGD,QAAA,MAAM,eAAe,6FAgBpB,CAAA;AAGD,QAAA,MAAM,eAAe,6FAWpB,CAAA;AAGD,QAAA,MAAM,cAAc,EAAE,OAAO,UAAU,GAAG;IACxC,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,KAAK,EAAE,OAAO,eAAe,CAAA;IAC7B,KAAK,EAAE,OAAO,eAAe,CAAA;CAM7B,CAAA;AAEF,OAAO,EACL,cAAc,IAAI,UAAU,EAC5B,eAAe,EACf,cAAc,EACd,cAAc,EACd,eAAe,GAChB,CAAA;AACD,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,GAChB,CAAA"}

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { bottomDockItemPropDefs, bottomDockPropDefs } from './bottomDock.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type BottomDockOwnProps = GetPropDefTypes<typeof bottomDockPropDefs>;
+type BottomDockItemOwnProps = GetPropDefTypes<typeof bottomDockItemPropDefs>;
+interface BottomDockProps extends React.HTMLAttributes<HTMLElement>, BottomDockOwnProps {
+}
+interface BottomDockItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>, BottomDockItemOwnProps {
+    type?: 'button' | 'submit' | 'reset';
+}
+type BottomDockPartProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const BottomDock: React.ForwardRefExoticComponent<BottomDockProps & React.RefAttributes<HTMLElement>>;
+declare const BottomDockItem: React.ForwardRefExoticComponent<BottomDockItemProps & React.RefAttributes<HTMLButtonElement>>;
+declare const BottomDockIcon: React.ForwardRefExoticComponent<BottomDockPartProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BottomDockLabel: React.ForwardRefExoticComponent<BottomDockPartProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BottomDockBadge: React.ForwardRefExoticComponent<BottomDockPartProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BottomDockRoot: typeof BottomDock & {
+    Item: typeof BottomDockItem;
+    Icon: typeof BottomDockIcon;
+    Label: typeof BottomDockLabel;
+    Badge: typeof BottomDockBadge;
+};
+export { BottomDockRoot as BottomDock, BottomDockBadge, BottomDockIcon, BottomDockItem, BottomDockLabel, };
+export type { BottomDockItemProps, BottomDockPartProps, BottomDockProps, };
+//# sourceMappingURL=BottomDock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomDock.d.ts","sourceRoot":"","sources":["../../../src/components/bottomDock/BottomDock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAE/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AACpE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,kBAAkB;CAAG;AAC1F,UAAU,mBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,EACjE,sBAAsB;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC;AACD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;AAQhE,QAAA,MAAM,UAAU,qFAqBd,CAAA;AAGF,QAAA,MAAM,cAAc,+FAwBlB,CAAA;AAGF,QAAA,MAAM,cAAc,6FAYnB,CAAA;AAGD,QAAA,MAAM,eAAe,6FAgBpB,CAAA;AAGD,QAAA,MAAM,eAAe,6FAWpB,CAAA;AAGD,QAAA,MAAM,cAAc,EAAE,OAAO,UAAU,GAAG;IACxC,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,KAAK,EAAE,OAAO,eAAe,CAAA;IAC7B,KAAK,EAAE,OAAO,eAAe,CAAA;CAM7B,CAAA;AAEF,OAAO,EACL,cAAc,IAAI,UAAU,EAC5B,eAAe,EACf,cAAc,EACd,cAAc,EACd,eAAe,GAChB,CAAA;AACD,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,GAChB,CAAA"}

package/dist/components/bottomDock/BottomDock.js

@@ -0,0 +1,110 @@
+import * as React from "react";
+import classNames from "classnames";
+import { Slot } from "@radix-ui/react-slot";
+import { extractProps } from "../../_internal/helpers/extractProps.js";
+import { VisuallyHidden } from "../visuallyHidden/VisuallyHidden.js";
+import { bottomDockItemPropDefs, bottomDockPropDefs } from "./bottomDock.props.js";
+import { jsx } from "react/jsx-runtime";
+const BottomDockContext = React.createContext({ labels: "active" });
+const BottomDockItemContext = React.createContext({ labelHidden: false });
+const BottomDock = React.forwardRef(({ children, ...props }, forwardedRef) => {
+  const { placement = "fixed", labels = "active", ...restProps } = props;
+  const { asChild, className, ...dockProps } = extractProps(restProps, bottomDockPropDefs);
+  const Comp = asChild ? Slot : "nav";
+  const context = React.useMemo(() => ({ labels }), [labels]);
+  return /* @__PURE__ */ jsx(BottomDockContext.Provider, { value: context, children: /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "aria-label": "Bottom navigation",
+      ...dockProps,
+      ref: forwardedRef,
+      className: classNames("dsx-bottom-dock", className),
+      "data-slot": "bottom-dock",
+      "data-placement": placement,
+      "data-labels": labels,
+      children
+    }
+  ) });
+});
+BottomDock.displayName = "BottomDock";
+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 === "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(
+    Comp,
+    {
+      "aria-current": isActive ? "page" : void 0,
+      ...itemProps,
+      ...asChild ? {} : { type },
+      ref: forwardedRef,
+      className: classNames("dsx-bottom-dock__item", className),
+      "data-slot": "bottom-dock-item",
+      "data-active": isActive ? "true" : void 0,
+      "data-label": labelHidden ? "hidden" : "visible",
+      children
+    }
+  ) });
+});
+BottomDockItem.displayName = "BottomDockItem";
+const BottomDockIcon = React.forwardRef(
+  ({ children, className, ...props }, forwardedRef) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      ...props,
+      ref: forwardedRef,
+      "aria-hidden": "true",
+      className: classNames("dsx-bottom-dock__icon", className),
+      "data-slot": "bottom-dock-icon",
+      children
+    }
+  )
+);
+BottomDockIcon.displayName = "BottomDockIcon";
+const BottomDockLabel = React.forwardRef(
+  ({ children, className, ...props }, forwardedRef) => {
+    const { labelHidden } = React.useContext(BottomDockItemContext);
+    const label = /* @__PURE__ */ jsx(
+      "span",
+      {
+        ...props,
+        ref: forwardedRef,
+        className: classNames("dsx-bottom-dock__label", className),
+        "data-slot": "bottom-dock-label",
+        children
+      }
+    );
+    return labelHidden ? /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: label }) : label;
+  }
+);
+BottomDockLabel.displayName = "BottomDockLabel";
+const BottomDockBadge = React.forwardRef(
+  ({ children, className, ...props }, forwardedRef) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      ...props,
+      ref: forwardedRef,
+      className: classNames("dsx-bottom-dock__badge", className),
+      "data-slot": "bottom-dock-badge",
+      children
+    }
+  )
+);
+BottomDockBadge.displayName = "BottomDockBadge";
+const BottomDockRoot = Object.assign(BottomDock, {
+  Item: BottomDockItem,
+  Icon: BottomDockIcon,
+  Label: BottomDockLabel,
+  Badge: BottomDockBadge
+});
+export {
+  BottomDockRoot as BottomDock,
+  BottomDockBadge,
+  BottomDockIcon,
+  BottomDockItem,
+  BottomDockLabel
+};
+//# sourceMappingURL=BottomDock.js.map

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

@@ -0,0 +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' | '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": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB,0BAA0B;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,IAAI,aAAa,WAAW,kBAAkB;AACvF,QAAM,OAAO,UAAU,OAAO;AAC9B,QAAM,UAAU,MAAM,QAAgC,OAAO,EAAE,OAAO,IAAI,CAAC,MAAM,CAAC;AAElF,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,SACjC;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACV,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW,WAAW,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,IAAI,aAAa,WAAW,sBAAsB;AAC3F,QAAM,EAAE,OAAO,IAAI,MAAM,WAAW,iBAAiB;AACrD,QAAM,cAAc,WAAW,UAAW,WAAW,YAAY,CAAC;AAClE,QAAM,OAAO,UAAU,OAAO;AAC9B,QAAM,cAAc,MAAM,QAAoC,OAAO,EAAE,YAAY,IAAI,CAAC,WAAW,CAAC;AAEpG,SACE,oBAAC,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,WAAW,WAAW,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,WAAW,WAAW,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,WAAW,WAAW,0BAA0B,SAAS;AAAA,QACzD,aAAU;AAAA,QAET;AAAA;AAAA,IACH;AAGF,WAAO,cAAc,oBAAC,kBAAe,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,WAAW,WAAW,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;",
+  "names": []
+}

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

@@ -0,0 +1,49 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var bottomDock_props_exports = {};
+__export(bottomDock_props_exports, {
+  bottomDockItemPropDefs: () => bottomDockItemPropDefs,
+  bottomDockLabelModes: () => bottomDockLabelModes,
+  bottomDockPlacements: () => bottomDockPlacements,
+  bottomDockPropDefs: () => bottomDockPropDefs
+});
+module.exports = __toCommonJS(bottomDock_props_exports);
+var import_asChild = require("../../_internal/props/asChild.prop");
+const bottomDockPlacements = ["fixed", "contained"];
+const bottomDockLabelModes = ["active", "always", "none"];
+const bottomDockPropDefs = {
+  ...import_asChild.asChildPropDef,
+  placement: {
+    type: "enum",
+    values: bottomDockPlacements,
+    default: "fixed"
+  },
+  labels: {
+    type: "enum",
+    values: bottomDockLabelModes,
+    default: "active"
+  }
+};
+const bottomDockItemPropDefs = {
+  ...import_asChild.asChildPropDef,
+  isActive: {
+    type: "boolean"
+  }
+};
+//# sourceMappingURL=bottomDock.props.cjs.map

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

@@ -0,0 +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', '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

@@ -0,0 +1,29 @@
+declare const bottomDockPlacements: readonly ["fixed", "contained"];
+declare const bottomDockLabelModes: readonly ["active", "always", "none"];
+declare const bottomDockPropDefs: {
+    placement: {
+        type: "enum";
+        values: readonly ["fixed", "contained"];
+        default: "fixed";
+    };
+    labels: {
+        type: "enum";
+        values: readonly ["active", "always", "none"];
+        default: "active";
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const bottomDockItemPropDefs: {
+    isActive: {
+        type: "boolean";
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { bottomDockItemPropDefs, bottomDockLabelModes, bottomDockPlacements, bottomDockPropDefs };
+//# sourceMappingURL=bottomDock.props.d.cts.map