@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/cjs/browser/modules/backtop/backtop.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"backtop/backtop.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/backtop/backtop.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ArrowUp } from 'lucide-react';\nimport { type ButtonHTMLAttributes, useEffect, useState } from 'react';\nimport { Button } from '../button';\nimport { classes } from '../shared/classes';\nimport { useMotionEnabled } from '../shared/motion';\nimport { useText } from '../shared/use-text';\nexport interface BackTopProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  target?: () => HTMLElement | Window | null;\n  visibilityHeight?: number;\n  behavior?: ScrollBehavior;\n}\nexport function BackTop({\n  target,\n  visibilityHeight = 400,\n  behavior = 'smooth',\n  className,\n  children,\n  onClick,\n  ...props\n}: BackTopProps) {\n  const t = useText();\n  const motion = useMotionEnabled();\n  const [visible, setVisible] = useState(false);\n  useEffect(() => {\n    const element = target?.() ?? window;\n    const update = () =>\n      setVisible(\n        (element instanceof Window ? element.scrollY : element.scrollTop) >= visibilityHeight,\n      );\n    update();\n    element.addEventListener('scroll', update, { passive: true });\n    return () => element.removeEventListener('scroll', update);\n  }, [target, visibilityHeight]);\n  return (\n    <Button\n      {...props}\n      className={classes('leaf-back-top', className)}\n      aria-label={props['aria-label'] ?? t('回到顶部', 'Back to top')}\n      data-visible={visible || undefined}\n      tabIndex={visible ? props.tabIndex : -1}\n      aria-hidden={!visible}\n      startIcon={!children ? <ArrowUp /> : undefined}\n      onClick={(event) => {\n        onClick?.(event);\n        if (event.defaultPrevented) return;\n        (target?.() ?? window).scrollTo({ top: 0, behavior: motion ? behavior : 'auto' });\n      }}\n    >\n      {children}\n    </Button>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","BackTop","target","visibilityHeight","behavior","className","children","onClick","props","t","useText","motion","useMotionEnabled","visible","setVisible","useState","useEffect","element","window","update","Window","Button","classes","undefined","ArrowUp","event"],"mappings":";;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;ACKO,SAASI,QAAQ,EACtBC,MAAM,EACNC,mBAAmB,GAAG,EACtBC,WAAW,QAAQ,EACnBC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACP,GAAGC,OACU;IACb,MAAMC,IAAIC,AAAAA,IAAAA,6BAAAA,OAAAA,AAAAA;IACV,MAAMC,SAASC,AAAAA,IAAAA,2BAAAA,gBAAAA,AAAAA;IACf,MAAM,CAACC,SAASC,WAAW,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAS;IACvCC,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR,MAAMC,UAAUf,cAAcgB;QAC9B,MAAMC,SAAS,IACbL,WACGG,AAAAA,CAAAA,mBAAmBG,SAASH,QAAQ,OAAO,GAAGA,QAAQ,SAAQ,KAAMd;QAEzEgB;QACAF,QAAQ,gBAAgB,CAAC,UAAUE,QAAQ;YAAE,SAAS;QAAK;QAC3D,OAAO,IAAMF,QAAQ,mBAAmB,CAAC,UAAUE;IACrD,GAAG;QAACjB;QAAQC;KAAiB;IAC7B,OACE,AADK,WAAP,GACE,qCAACkB,0BAAAA,MAAMA,EAAAA;QACJ,GAAGb,KAAK;QACT,WAAWc,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,iBAAiBjB;QACpC,cAAYG,KAAK,CAAC,aAAa,IAAIC,EAAE,QAAQ;QAC7C,gBAAcI,WAAWU;QACzB,UAAUV,UAAUL,MAAM,QAAQ,GAAG;QACrC,eAAa,CAACK;QACd,WAAW,AAACP,WAAyBiB,SAAd,WAAXjB,GAAW,qCAACkB,sCAAAA,OAAOA,EAAAA,CAAAA;QAC/B,SAAS,CAACC;YACRlB,UAAUkB;YACV,IAAIA,MAAM,gBAAgB,EAAE;YAC3BvB,CAAAA,cAAcgB,MAAK,EAAG,QAAQ,CAAC;gBAAE,KAAK;gBAAG,UAAUP,SAASP,WAAW;YAAO;QACjF;kBAECE;;AAGP"}
+{"version":3,"file":"backtop/backtop.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/backtop/backtop.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ArrowUp } from 'lucide-react';\nimport { type ButtonHTMLAttributes, useEffect, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useMotionEnabled } from '../shared/motion';\nimport { useText } from '../shared/use-text';\nexport interface BackTopProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  target?: () => HTMLElement | Window | null;\n  visibilityHeight?: number;\n  behavior?: ScrollBehavior;\n}\nexport function BackTop(rawProps: BackTopProps) {\n  const {\n    target,\n    visibilityHeight = 400,\n    behavior = 'smooth',\n    className,\n    children,\n    onClick,\n    ...props\n  } = useComponentProps('BackTop', rawProps);\n  const t = useText();\n  const motion = useMotionEnabled();\n  const [visible, setVisible] = useState(false);\n  useEffect(() => {\n    const element = target?.() ?? window;\n    const update = () =>\n      setVisible(\n        (element instanceof Window ? element.scrollY : element.scrollTop) >= visibilityHeight,\n      );\n    update();\n    element.addEventListener('scroll', update, { passive: true });\n    return () => element.removeEventListener('scroll', update);\n  }, [target, visibilityHeight]);\n  return (\n    <ButtonControl\n      {...props}\n      className={classes('leaf-back-top', className)}\n      aria-label={props['aria-label'] ?? t('backTop.backToTop')}\n      data-visible={visible || undefined}\n      tabIndex={visible ? props.tabIndex : -1}\n      aria-hidden={!visible}\n      startIcon={!children ? <ArrowUp /> : undefined}\n      onClick={(event) => {\n        onClick?.(event);\n        if (event.defaultPrevented) return;\n        (target?.() ?? window).scrollTo({ top: 0, behavior: motion ? behavior : 'auto' });\n      }}\n    >\n      {children}\n    </ButtonControl>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","BackTop","rawProps","target","visibilityHeight","behavior","className","children","onClick","props","useComponentProps","t","useText","motion","useMotionEnabled","visible","setVisible","useState","useEffect","element","window","update","Window","ButtonControl","classes","undefined","ArrowUp","event"],"mappings":";;;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;;ACMO,SAASI,QAAQC,QAAsB;IAC5C,MAAM,EACJC,MAAM,EACNC,mBAAmB,GAAG,EACtBC,WAAW,QAAQ,EACnBC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACP,GAAGC,OACJ,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,WAAWR;IACjC,MAAMS,IAAIC,AAAAA,IAAAA,6BAAAA,OAAAA,AAAAA;IACV,MAAMC,SAASC,AAAAA,IAAAA,2BAAAA,gBAAAA,AAAAA;IACf,MAAM,CAACC,SAASC,WAAW,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAS;IACvCC,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR,MAAMC,UAAUhB,cAAciB;QAC9B,MAAMC,SAAS,IACbL,WACGG,AAAAA,CAAAA,mBAAmBG,SAASH,QAAQ,OAAO,GAAGA,QAAQ,SAAQ,KAAMf;QAEzEiB;QACAF,QAAQ,gBAAgB,CAAC,UAAUE,QAAQ;YAAE,SAAS;QAAK;QAC3D,OAAO,IAAMF,QAAQ,mBAAmB,CAAC,UAAUE;IACrD,GAAG;QAAClB;QAAQC;KAAiB;IAC7B,OACE,AADK,WAAP,GACE,qCAACmB,2BAAAA,aAAaA,EAAAA;QACX,GAAGd,KAAK;QACT,WAAWe,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,iBAAiBlB;QACpC,cAAYG,KAAK,CAAC,aAAa,IAAIE,EAAE;QACrC,gBAAcI,WAAWU;QACzB,UAAUV,UAAUN,MAAM,QAAQ,GAAG;QACrC,eAAa,CAACM;QACd,WAAW,AAACR,WAAyBkB,SAAd,WAAXlB,GAAW,qCAACmB,sCAAAA,OAAOA,EAAAA,CAAAA;QAC/B,SAAS,CAACC;YACRnB,UAAUmB;YACV,IAAIA,MAAM,gBAAgB,EAAE;YAC3BxB,CAAAA,cAAciB,MAAK,EAAG,QAAQ,CAAC;gBAAE,KAAK;gBAAG,UAAUP,SAASR,WAAW;YAAO;QACjF;kBAECE;;AAGP"}

package/dist/cjs/browser/modules/badge/badge.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/badge.css');
 var __webpack_require__ = {};
 (()=>{
@@ -34,9 +35,11 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const presence_cjs_namespaceObject = require("../shared/presence.cjs");
-function Badge({ count, max = 99, showZero = false, dot = false, status, text, color, children, className, style, ...props }) {
+function Badge(rawProps) {
+    const { count, max = 99, showZero = false, dot = false, status, text, color, children, className, style, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Badge', rawProps);
     const number = (0, external_react_namespaceObject.useRef)(null);
     const hasCount = void 0 !== count && '' !== count && (0 !== count || showZero);
     const visible = dot || status || hasCount;

package/dist/cjs/browser/modules/badge/badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"badge/badge.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/badge/badge.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type HTMLAttributes, type ReactNode, useRef } from 'react';\nimport { classes } from '../shared/classes';\nimport { useContentTransition } from '../shared/presence';\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  count?: number | string;\n  max?: number;\n  showZero?: boolean;\n  dot?: boolean;\n  status?: 'success' | 'warning' | 'error' | 'info' | 'default';\n  text?: ReactNode;\n  color?: string;\n}\nexport function Badge({\n  count,\n  max = 99,\n  showZero = false,\n  dot = false,\n  status,\n  text,\n  color,\n  children,\n  className,\n  style,\n  ...props\n}: BadgeProps) {\n  const number = useRef<HTMLSpanElement>(null);\n  const hasCount = count !== undefined && count !== '' && (count !== 0 || showZero);\n  const visible = dot || status || hasCount;\n  const display = typeof count === 'number' && count > max ? `${max}+` : count;\n  useContentTransition(number, display ?? '');\n  return (\n    <span\n      {...props}\n      className={classes('leaf-badge', children != null && 'leaf-badge--attached', className)}\n      data-status={status}\n      style={{ ...(color ? { '--leaf-badge-color': color } : {}), ...style }}\n    >\n      {children}\n      {visible && (\n        <span\n          className={classes(\n            'leaf-badge__indicator',\n            (dot || status) && 'leaf-badge__indicator--dot',\n          )}\n          role=\"status\"\n          aria-label={\n            props['aria-label'] ??\n            (typeof text === 'string'\n              ? text\n              : !dot && count !== undefined\n                ? String(count)\n                : undefined)\n          }\n          title={count === undefined ? undefined : String(count)}\n        >\n          {!dot && !status && (\n            <span ref={number} className=\"leaf-badge__count\">\n              {display}\n            </span>\n          )}\n        </span>\n      )}\n      {text != null && <span className=\"leaf-badge__text\">{text}</span>}\n    </span>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Badge","count","max","showZero","dot","status","text","color","children","className","style","props","number","useRef","hasCount","undefined","visible","display","useContentTransition","classes","String"],"mappings":";;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;ACOO,SAASI,MAAM,EACpBC,KAAK,EACLC,MAAM,EAAE,EACRC,WAAW,KAAK,EAChBC,MAAM,KAAK,EACXC,MAAM,EACNC,IAAI,EACJC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACL,GAAGC,OACQ;IACX,MAAMC,SAASC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAwB;IACvC,MAAMC,WAAWb,AAAUc,WAAVd,SAAuBA,AAAU,OAAVA,SAAiBA,CAAAA,AAAU,MAAVA,SAAeE,QAAO;IAC/E,MAAMa,UAAUZ,OAAOC,UAAUS;IACjC,MAAMG,UAAU,AAAiB,YAAjB,OAAOhB,SAAsBA,QAAQC,MAAM,GAAGA,IAAI,CAAC,CAAC,GAAGD;IACvEiB,IAAAA,6BAAAA,oBAAAA,AAAAA,EAAqBN,QAAQK,WAAW;IACxC,OACE,AADK,WAAP,GACE,sCAAC;QACE,GAAGN,KAAK;QACT,WAAWQ,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,cAAcX,AAAY,QAAZA,YAAoB,wBAAwBC;QAC7E,eAAaJ;QACb,OAAO;YAAE,GAAIE,QAAQ;gBAAE,sBAAsBA;YAAM,IAAI,CAAC,CAAC;YAAG,GAAGG,KAAK;QAAC;;YAEpEF;YACAQ,WACC,AADU,WAAXA,GACC,qCAAC;gBACC,WAAWG,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,yBACCf,AAAAA,CAAAA,OAAOC,MAAK,KAAM;gBAErB,MAAK;gBACL,cACEM,KAAK,CAAC,aAAa,IAClB,CAAgB,YAAhB,OAAOL,OACJA,OACA,AAACF,OAAOH,AAAUc,WAAVd,QAENc,SADAK,OAAOnB,MACC;gBAEhB,OAAOA,AAAUc,WAAVd,QAAsBc,SAAYK,OAAOnB;0BAE/C,CAACG,OAAO,CAACC,UACR,AADkB,WAAVA,GACR,qCAAC;oBAAK,KAAKO;oBAAQ,WAAU;8BAC1BK;;;YAKA,QAARX,QAAgB,WAAR,GAAQ,qCAAC;gBAAK,WAAU;0BAAoBA;;;;AAG3D"}
+{"version":3,"file":"badge/badge.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/badge/badge.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type HTMLAttributes, type ReactNode, useRef } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useContentTransition } from '../shared/presence';\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  count?: number | string;\n  max?: number;\n  showZero?: boolean;\n  dot?: boolean;\n  status?: 'success' | 'warning' | 'error' | 'info' | 'default';\n  text?: ReactNode;\n  color?: string;\n}\nexport function Badge(rawProps: BadgeProps) {\n  const {\n    count,\n    max = 99,\n    showZero = false,\n    dot = false,\n    status,\n    text,\n    color,\n    children,\n    className,\n    style,\n    ...props\n  } = useComponentProps('Badge', rawProps);\n  const number = useRef<HTMLSpanElement>(null);\n  const hasCount = count !== undefined && count !== '' && (count !== 0 || showZero);\n  const visible = dot || status || hasCount;\n  const display = typeof count === 'number' && count > max ? `${max}+` : count;\n  useContentTransition(number, display ?? '');\n  return (\n    <span\n      {...props}\n      className={classes('leaf-badge', children != null && 'leaf-badge--attached', className)}\n      data-status={status}\n      style={{ ...(color ? { '--leaf-badge-color': color } : {}), ...style }}\n    >\n      {children}\n      {visible && (\n        <span\n          className={classes(\n            'leaf-badge__indicator',\n            (dot || status) && 'leaf-badge__indicator--dot',\n          )}\n          role=\"status\"\n          aria-label={\n            props['aria-label'] ??\n            (typeof text === 'string'\n              ? text\n              : !dot && count !== undefined\n                ? String(count)\n                : undefined)\n          }\n          title={count === undefined ? undefined : String(count)}\n        >\n          {!dot && !status && (\n            <span ref={number} className=\"leaf-badge__count\">\n              {display}\n            </span>\n          )}\n        </span>\n      )}\n      {text != null && <span className=\"leaf-badge__text\">{text}</span>}\n    </span>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Badge","rawProps","count","max","showZero","dot","status","text","color","children","className","style","props","useComponentProps","number","useRef","hasCount","undefined","visible","display","useContentTransition","classes","String"],"mappings":";;;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;ACQO,SAASI,MAAMC,QAAoB;IACxC,MAAM,EACJC,KAAK,EACLC,MAAM,EAAE,EACRC,WAAW,KAAK,EAChBC,MAAM,KAAK,EACXC,MAAM,EACNC,IAAI,EACJC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACL,GAAGC,OACJ,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,SAASZ;IAC/B,MAAMa,SAASC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAwB;IACvC,MAAMC,WAAWd,AAAUe,WAAVf,SAAuBA,AAAU,OAAVA,SAAiBA,CAAAA,AAAU,MAAVA,SAAeE,QAAO;IAC/E,MAAMc,UAAUb,OAAOC,UAAUU;IACjC,MAAMG,UAAU,AAAiB,YAAjB,OAAOjB,SAAsBA,QAAQC,MAAM,GAAGA,IAAI,CAAC,CAAC,GAAGD;IACvEkB,IAAAA,6BAAAA,oBAAAA,AAAAA,EAAqBN,QAAQK,WAAW;IACxC,OACE,AADK,WAAP,GACE,sCAAC;QACE,GAAGP,KAAK;QACT,WAAWS,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,cAAcZ,AAAY,QAAZA,YAAoB,wBAAwBC;QAC7E,eAAaJ;QACb,OAAO;YAAE,GAAIE,QAAQ;gBAAE,sBAAsBA;YAAM,IAAI,CAAC,CAAC;YAAG,GAAGG,KAAK;QAAC;;YAEpEF;YACAS,WACC,AADU,WAAXA,GACC,qCAAC;gBACC,WAAWG,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,yBACChB,AAAAA,CAAAA,OAAOC,MAAK,KAAM;gBAErB,MAAK;gBACL,cACEM,KAAK,CAAC,aAAa,IAClB,CAAgB,YAAhB,OAAOL,OACJA,OACA,AAACF,OAAOH,AAAUe,WAAVf,QAENe,SADAK,OAAOpB,MACC;gBAEhB,OAAOA,AAAUe,WAAVf,QAAsBe,SAAYK,OAAOpB;0BAE/C,CAACG,OAAO,CAACC,UACR,AADkB,WAAVA,GACR,qCAAC;oBAAK,KAAKQ;oBAAQ,WAAU;8BAC1BK;;;YAKA,QAARZ,QAAgB,WAAR,GAAQ,qCAAC;gBAAK,WAAU;0BAAoBA;;;;AAG3D"}

package/dist/cjs/browser/modules/breadcrumb/breadcrumb.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/breadcrumb.css');
 var __webpack_require__ = {};
 (()=>{
@@ -34,30 +35,32 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
-const index_cjs_namespaceObject = require("../button/index.cjs");
+const button_cjs_namespaceObject = require("../button/button.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const context_cjs_namespaceObject = require("../config-provider/context.cjs");
-const external_dropdown_index_cjs_namespaceObject = require("../dropdown/index.cjs");
+const dropdown_cjs_namespaceObject = require("../dropdown/dropdown.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
-function Breadcrumb({ items, separator = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRight, {
-    size: 13
-}), maxItems = 1 / 0, itemsBeforeCollapse = 1, itemsAfterCollapse = 1, itemRender, className, 'aria-label': label, ...props }) {
+function Breadcrumb(rawProps) {
+    const { items, separator = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRight, {
+        size: 13
+    }), maxItems = 1 / 0, itemsBeforeCollapse = 1, itemsAfterCollapse = 1, itemRender, className, 'aria-label': label, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Breadcrumb', rawProps);
     const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
     const before = Math.max(1, itemsBeforeCollapse), after = Math.max(1, itemsAfterCollapse);
     const hidden = items.length > Math.max(3, maxItems) && items.length > before + after ? items.slice(before, -after) : [];
     const visible = hidden.length ? [
         ...items.slice(0, before),
         {
-            title: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_index_cjs_namespaceObject.Dropdown, {
+            title: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_cjs_namespaceObject.DropdownControl, {
                 items: hidden.map((item, index)=>({
                         key: item.key ?? String(index),
                         label: item.title,
                         href: item.href,
                         onClick: item.onClick ? (event)=>item.onClick?.(event) : void 0
                     })),
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                     variant: "ghost",
                     size: "sm",
-                    "aria-label": messages.expand,
+                    "aria-label": messages.tree.expand,
                     startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Ellipsis, {
                         size: 16
                     })
@@ -72,7 +75,7 @@ function Breadcrumb({ items, separator = /*#__PURE__*/ (0, jsx_runtime_namespace
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("nav", {
         ...props,
         className: (0, classes_cjs_namespaceObject.classes)('leaf-breadcrumb', className),
-        "aria-label": label ?? messages.breadcrumb,
+        "aria-label": label ?? messages.breadcrumb.label,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ol", {
             children: visible.map(({ key, title, icon, menu, ...item }, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("li", {
                     children: [
@@ -87,9 +90,9 @@ function Breadcrumb({ items, separator = /*#__PURE__*/ (0, jsx_runtime_namespace
                             icon,
                             menu,
                             ...item
-                        }, items.findIndex((entry)=>entry.key === key && entry.title === title)) : menu ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_index_cjs_namespaceObject.Dropdown, {
+                        }, items.findIndex((entry)=>entry.key === key && entry.title === title)) : menu ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_cjs_namespaceObject.DropdownControl, {
                             items: menu,
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                                 variant: "ghost",
                                 size: "sm",
                                 children: title

package/dist/cjs/browser/modules/breadcrumb/breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb/breadcrumb.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/breadcrumb/breadcrumb.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ChevronRight, Ellipsis } from 'lucide-react';\nimport type { AnchorHTMLAttributes, HTMLAttributes, ReactNode } from 'react';\nimport { Button } from '../button';\nimport { useLeafConfig } from '../config-provider/context';\nimport { Dropdown, type DropdownItem } from '../dropdown';\nimport { classes } from '../shared/classes';\n\nexport interface BreadcrumbItem\n  extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'title' | 'children'> {\n  key?: string;\n  title: ReactNode;\n  icon?: ReactNode;\n  menu?: readonly DropdownItem[];\n}\nexport interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {\n  items: readonly BreadcrumbItem[];\n  separator?: ReactNode;\n  maxItems?: number;\n  itemsBeforeCollapse?: number;\n  itemsAfterCollapse?: number;\n  itemRender?: (item: BreadcrumbItem, index: number) => ReactNode;\n}\nexport function Breadcrumb({\n  items,\n  separator = <ChevronRight size={13} />,\n  maxItems = Infinity,\n  itemsBeforeCollapse = 1,\n  itemsAfterCollapse = 1,\n  itemRender,\n  className,\n  'aria-label': label,\n  ...props\n}: BreadcrumbProps) {\n  const { messages } = useLeafConfig();\n  const before = Math.max(1, itemsBeforeCollapse),\n    after = Math.max(1, itemsAfterCollapse);\n  const hidden =\n    items.length > Math.max(3, maxItems) && items.length > before + after\n      ? items.slice(before, -after)\n      : [];\n  const visible: BreadcrumbItem[] = hidden.length\n    ? [\n        ...items.slice(0, before),\n        {\n          title: (\n            <Dropdown\n              items={hidden.map((item, index) => ({\n                key: item.key ?? String(index),\n                label: item.title,\n                href: item.href,\n                onClick: item.onClick\n                  ? (event) => item.onClick?.(event as React.MouseEvent<HTMLAnchorElement>)\n                  : undefined,\n              }))}\n            >\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                aria-label={messages.expand}\n                startIcon={<Ellipsis size={16} />}\n              />\n            </Dropdown>\n          ),\n          key: 'leaf-collapse',\n        },\n        ...items.slice(-after),\n      ]\n    : [...items];\n  return (\n    <nav\n      {...props}\n      className={classes('leaf-breadcrumb', className)}\n      aria-label={label ?? messages.breadcrumb}\n    >\n      <ol>\n        {visible.map(({ key, title, icon, menu, ...item }, index) => (\n          <li key={key ?? index}>\n            {index > 0 && (\n              <span className=\"leaf-breadcrumb__separator\" aria-hidden=\"true\">\n                {separator}\n              </span>\n            )}\n            {itemRender ? (\n              itemRender(\n                { key, title, icon, menu, ...item },\n                items.findIndex((entry) => entry.key === key && entry.title === title),\n              )\n            ) : menu ? (\n              <Dropdown items={menu}>\n                <Button variant=\"ghost\" size=\"sm\">\n                  {title}\n                </Button>\n              </Dropdown>\n            ) : item.href ? (\n              <a {...item} aria-current={index === visible.length - 1 ? 'page' : undefined}>\n                {icon && <span aria-hidden=\"true\">{icon}</span>}\n                {title}\n              </a>\n            ) : (\n              <span\n                className=\"leaf-breadcrumb__label\"\n                aria-current={index === visible.length - 1 ? 'page' : undefined}\n              >\n                {icon && <span aria-hidden=\"true\">{icon}</span>}\n                {title}\n              </span>\n            )}\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Breadcrumb","items","separator","ChevronRight","maxItems","Infinity","itemsBeforeCollapse","itemsAfterCollapse","itemRender","className","label","props","messages","useLeafConfig","before","Math","after","hidden","visible","Dropdown","item","index","String","event","undefined","Button","Ellipsis","classes","title","icon","menu","entry"],"mappings":"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"}
+{"version":3,"file":"breadcrumb/breadcrumb.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/breadcrumb/breadcrumb.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ChevronRight, Ellipsis } from 'lucide-react';\nimport type { AnchorHTMLAttributes, HTMLAttributes, ReactNode } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport type { DropdownItem } from '../dropdown';\nimport { DropdownControl as Dropdown } from '../dropdown/dropdown';\nimport { classes } from '../shared/classes';\n\nexport interface BreadcrumbItem\n  extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'title' | 'children'> {\n  key?: string;\n  title: ReactNode;\n  icon?: ReactNode;\n  menu?: readonly DropdownItem[];\n}\nexport interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {\n  items: readonly BreadcrumbItem[];\n  separator?: ReactNode;\n  maxItems?: number;\n  itemsBeforeCollapse?: number;\n  itemsAfterCollapse?: number;\n  itemRender?: (item: BreadcrumbItem, index: number) => ReactNode;\n}\nexport function Breadcrumb(rawProps: BreadcrumbProps) {\n  const {\n    items,\n    separator = <ChevronRight size={13} />,\n    maxItems = Infinity,\n    itemsBeforeCollapse = 1,\n    itemsAfterCollapse = 1,\n    itemRender,\n    className,\n    'aria-label': label,\n    ...props\n  } = useComponentProps('Breadcrumb', rawProps);\n  const { messages } = useLeafConfig();\n  const before = Math.max(1, itemsBeforeCollapse),\n    after = Math.max(1, itemsAfterCollapse);\n  const hidden =\n    items.length > Math.max(3, maxItems) && items.length > before + after\n      ? items.slice(before, -after)\n      : [];\n  const visible: BreadcrumbItem[] = hidden.length\n    ? [\n        ...items.slice(0, before),\n        {\n          title: (\n            <Dropdown\n              items={hidden.map((item, index) => ({\n                key: item.key ?? String(index),\n                label: item.title,\n                href: item.href,\n                onClick: item.onClick\n                  ? (event) => item.onClick?.(event as React.MouseEvent<HTMLAnchorElement>)\n                  : undefined,\n              }))}\n            >\n              <ButtonControl\n                variant=\"ghost\"\n                size=\"sm\"\n                aria-label={messages.tree.expand}\n                startIcon={<Ellipsis size={16} />}\n              />\n            </Dropdown>\n          ),\n          key: 'leaf-collapse',\n        },\n        ...items.slice(-after),\n      ]\n    : [...items];\n  return (\n    <nav\n      {...props}\n      className={classes('leaf-breadcrumb', className)}\n      aria-label={label ?? messages.breadcrumb.label}\n    >\n      <ol>\n        {visible.map(({ key, title, icon, menu, ...item }, index) => (\n          <li key={key ?? index}>\n            {index > 0 && (\n              <span className=\"leaf-breadcrumb__separator\" aria-hidden=\"true\">\n                {separator}\n              </span>\n            )}\n            {itemRender ? (\n              itemRender(\n                { key, title, icon, menu, ...item },\n                items.findIndex((entry) => entry.key === key && entry.title === title),\n              )\n            ) : menu ? (\n              <Dropdown items={menu}>\n                <ButtonControl variant=\"ghost\" size=\"sm\">\n                  {title}\n                </ButtonControl>\n              </Dropdown>\n            ) : item.href ? (\n              <a {...item} aria-current={index === visible.length - 1 ? 'page' : undefined}>\n                {icon && <span aria-hidden=\"true\">{icon}</span>}\n                {title}\n              </a>\n            ) : (\n              <span\n                className=\"leaf-breadcrumb__label\"\n                aria-current={index === visible.length - 1 ? 'page' : undefined}\n              >\n                {icon && <span aria-hidden=\"true\">{icon}</span>}\n                {title}\n              </span>\n            )}\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Breadcrumb","rawProps","items","separator","ChevronRight","maxItems","Infinity","itemsBeforeCollapse","itemsAfterCollapse","itemRender","className","label","props","useComponentProps","messages","useLeafConfig","before","Math","after","hidden","visible","Dropdown","item","index","String","event","undefined","ButtonControl","Ellipsis","classes","title","icon","menu","entry"],"mappings":"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"}

package/dist/cjs/browser/modules/button/button.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/button.css');
 var __webpack_require__ = {};
 (()=>{
@@ -30,14 +31,17 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    Button: ()=>button_Button
+    Button: ()=>button_Button,
+    ButtonControl: ()=>button_ButtonControl
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const external_wave_cjs_namespaceObject = require("./wave.cjs");
-const button_Button = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ variant = 'solid', size = 'md', danger = false, loading = false, fullWidth = false, disabled = false, type = 'button', className, children, startIcon, endIcon, onClick, 'aria-busy': ariaBusy, ...props }, ref) {
+const button_ButtonControl = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { variant = 'solid', size = 'md', danger = false, loading = false, fullWidth = false, disabled = false, type = 'button', className, children, startIcon, endIcon, onClick, 'aria-busy': ariaBusy, ...props } = rawProps;
     const hasLabel = null != children && false !== children && '' !== children;
     const iconOnly = !hasLabel && Boolean(startIcon || endIcon || loading);
     const hasWave = 'solid' === variant || 'outline' === variant;
@@ -89,10 +93,20 @@ const button_Button = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
         ]
     });
 });
+button_ButtonControl.displayName = 'ButtonControl';
+const button_Button = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Button', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_ButtonControl, {
+        ...props,
+        ref: ref
+    });
+});
 button_Button.displayName = 'Button';
 exports.Button = __webpack_exports__.Button;
+exports.ButtonControl = __webpack_exports__.ButtonControl;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Button"
+    "Button",
+    "ButtonControl"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/cjs/browser/modules/button/button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button/button.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/button/button.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { LoaderCircle } from 'lucide-react';\nimport { type ButtonHTMLAttributes, forwardRef, type ReactNode } from 'react';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nimport { useButtonWave } from './wave';\n\nexport type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'link';\nexport type ButtonSize = ControlSize;\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Visual style. @default 'solid' */\n  variant?: ButtonVariant;\n  /** Shared control size. @default 'md' (40px) */\n  size?: ButtonSize;\n  /** Uses the semantic danger color in every variant. */\n  danger?: boolean;\n  /** Displays a spinner and prevents repeated interactions. */\n  loading?: boolean;\n  /** Expands the button to the width of its container. */\n  fullWidth?: boolean;\n  /** Content before the label. Use aria-label for icon-only buttons. */\n  startIcon?: ReactNode;\n  /** Content after the label. */\n  endIcon?: ReactNode;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    variant = 'solid',\n    size = 'md',\n    danger = false,\n    loading = false,\n    fullWidth = false,\n    disabled = false,\n    type = 'button',\n    className,\n    children,\n    startIcon,\n    endIcon,\n    onClick,\n    'aria-busy': ariaBusy,\n    ...props\n  },\n  ref,\n) {\n  const hasLabel =\n    children !== undefined && children !== null && children !== false && children !== '';\n  const iconOnly = !hasLabel && Boolean(startIcon || endIcon || loading);\n  const hasWave = variant === 'solid' || variant === 'outline';\n  const { wave, play } = useButtonWave(disabled || loading || !hasWave);\n\n  return (\n    <button\n      {...props}\n      ref={ref}\n      type={type}\n      className={classes(\n        'leaf-button',\n        `leaf-button--${variant}`,\n        `leaf-button--${size}`,\n        danger && 'leaf-button--danger',\n        iconOnly && 'leaf-button--icon-only',\n        fullWidth && 'leaf-button--full-width',\n        className,\n      )}\n      disabled={disabled || loading}\n      aria-busy={loading || ariaBusy}\n      data-loading={loading ? '' : undefined}\n      onClick={(event) => {\n        play(event.currentTarget);\n        onClick?.(event);\n      }}\n    >\n      {hasWave && <span ref={wave} className=\"leaf-button__wave\" aria-hidden=\"true\" />}\n      <span className=\"leaf-button__content\">\n        {startIcon && (\n          <span className=\"leaf-button__icon\" aria-hidden=\"true\">\n            {startIcon}\n          </span>\n        )}\n        {hasLabel && <span className=\"leaf-button__label\">{children}</span>}\n        {endIcon && (\n          <span className=\"leaf-button__icon\" aria-hidden=\"true\">\n            {endIcon}\n          </span>\n        )}\n      </span>\n      <span className=\"leaf-button__loading\" aria-hidden=\"true\">\n        <LoaderCircle className=\"leaf-button__spinner\" />\n      </span>\n    </button>\n  );\n});\nButton.displayName = 'Button';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Button","forwardRef","variant","size","danger","loading","fullWidth","disabled","type","className","children","startIcon","endIcon","onClick","ariaBusy","props","ref","hasLabel","iconOnly","Boolean","hasWave","wave","play","useButtonWave","classes","undefined","event","LoaderCircle"],"mappings":";;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;ACoBO,MAAMI,gBAASC,AAAA,WAAHD,GAAGC,IAAAA,+BAAAA,UAAAA,AAAAA,EAA2C,SAC/D,EACEC,UAAU,OAAO,EACjBC,OAAO,IAAI,EACXC,SAAS,KAAK,EACdC,UAAU,KAAK,EACfC,YAAY,KAAK,EACjBC,WAAW,KAAK,EAChBC,OAAO,QAAQ,EACfC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,OAAO,EACPC,OAAO,EACP,aAAaC,QAAQ,EACrB,GAAGC,OACJ,EACDC,GAAG;IAEH,MAAMC,WACJP,QAAAA,YAA+CA,AAAa,UAAbA,YAAsBA,AAAa,OAAbA;IACvE,MAAMQ,WAAW,CAACD,YAAYE,QAAQR,aAAaC,WAAWP;IAC9D,MAAMe,UAAUlB,AAAY,YAAZA,WAAuBA,AAAY,cAAZA;IACvC,MAAM,EAAEmB,IAAI,EAAEC,IAAI,EAAE,GAAGC,AAAAA,IAAAA,kCAAAA,aAAAA,AAAAA,EAAchB,YAAYF,WAAW,CAACe;IAE7D,OACE,AADK,WAAP,GACE,sCAAC;QACE,GAAGL,KAAK;QACT,KAAKC;QACL,MAAMR;QACN,WAAWgB,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,eACA,CAAC,aAAa,EAAEtB,SAAS,EACzB,CAAC,aAAa,EAAEC,MAAM,EACtBC,UAAU,uBACVc,YAAY,0BACZZ,aAAa,2BACbG;QAEF,UAAUF,YAAYF;QACtB,aAAWA,WAAWS;QACtB,gBAAcT,UAAU,KAAKoB;QAC7B,SAAS,CAACC;YACRJ,KAAKI,MAAM,aAAa;YACxBb,UAAUa;QACZ;;YAECN,WAAW,WAAXA,GAAW,qCAAC;gBAAK,KAAKC;gBAAM,WAAU;gBAAoB,eAAY;;0BACvE,sCAAC;gBAAK,WAAU;;oBACbV,aACC,AADY,WAAbA,GACC,qCAAC;wBAAK,WAAU;wBAAoB,eAAY;kCAC7CA;;oBAGJM,YAAY,WAAZA,GAAY,qCAAC;wBAAK,WAAU;kCAAsBP;;oBAClDE,WACC,AADU,WAAXA,GACC,qCAAC;wBAAK,WAAU;wBAAoB,eAAY;kCAC7CA;;;;0BAIP,qCAAC;gBAAK,WAAU;gBAAuB,eAAY;0BACjD,mDAACe,sCAAAA,YAAYA,EAAAA;oBAAC,WAAU;;;;;AAIhC;AACA3B,cAAO,WAAW,GAAG"}
+{"version":3,"file":"button/button.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/button/button.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { LoaderCircle } from 'lucide-react';\nimport { type ButtonHTMLAttributes, forwardRef, type ReactNode } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nimport { useButtonWave } from './wave';\n\nexport type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'link';\nexport type ButtonSize = ControlSize;\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Visual style. @default 'solid' */\n  variant?: ButtonVariant;\n  /** Shared control size. @default 'md' (36px) */\n  size?: ButtonSize;\n  /** Uses the semantic danger color in every variant. */\n  danger?: boolean;\n  /** Displays a spinner and prevents repeated interactions. */\n  loading?: boolean;\n  /** Expands the button to the width of its container. */\n  fullWidth?: boolean;\n  /** Content before the label. Use aria-label for icon-only buttons. */\n  startIcon?: ReactNode;\n  /** Content after the label. */\n  endIcon?: ReactNode;\n}\n\n/** Internal rendering primitive; its owner resolves defaults and interaction constraints. */\nexport const ButtonControl = forwardRef<HTMLButtonElement, ButtonProps>(function ButtonControl(\n  rawProps: ButtonProps,\n  ref,\n) {\n  const {\n    variant = 'solid',\n    size = 'md',\n    danger = false,\n    loading = false,\n    fullWidth = false,\n    disabled = false,\n    type = 'button',\n    className,\n    children,\n    startIcon,\n    endIcon,\n    onClick,\n    'aria-busy': ariaBusy,\n    ...props\n  } = rawProps;\n  const hasLabel =\n    children !== undefined && children !== null && children !== false && children !== '';\n  const iconOnly = !hasLabel && Boolean(startIcon || endIcon || loading);\n  const hasWave = variant === 'solid' || variant === 'outline';\n  const { wave, play } = useButtonWave(disabled || loading || !hasWave);\n\n  return (\n    <button\n      {...props}\n      ref={ref}\n      type={type}\n      className={classes(\n        'leaf-button',\n        `leaf-button--${variant}`,\n        `leaf-button--${size}`,\n        danger && 'leaf-button--danger',\n        iconOnly && 'leaf-button--icon-only',\n        fullWidth && 'leaf-button--full-width',\n        className,\n      )}\n      disabled={disabled || loading}\n      aria-busy={loading || ariaBusy}\n      data-loading={loading ? '' : undefined}\n      onClick={(event) => {\n        play(event.currentTarget);\n        onClick?.(event);\n      }}\n    >\n      {hasWave && <span ref={wave} className=\"leaf-button__wave\" aria-hidden=\"true\" />}\n      <span className=\"leaf-button__content\">\n        {startIcon && (\n          <span className=\"leaf-button__icon\" aria-hidden=\"true\">\n            {startIcon}\n          </span>\n        )}\n        {hasLabel && <span className=\"leaf-button__label\">{children}</span>}\n        {endIcon && (\n          <span className=\"leaf-button__icon\" aria-hidden=\"true\">\n            {endIcon}\n          </span>\n        )}\n      </span>\n      <span className=\"leaf-button__loading\" aria-hidden=\"true\">\n        <LoaderCircle className=\"leaf-button__spinner\" />\n      </span>\n    </button>\n  );\n});\nButtonControl.displayName = 'ButtonControl';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(rawProps, ref) {\n  const props = useComponentProps('Button', rawProps);\n  return <ButtonControl {...props} ref={ref} />;\n});\nButton.displayName = 'Button';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","ButtonControl","forwardRef","rawProps","ref","variant","size","danger","loading","fullWidth","disabled","type","className","children","startIcon","endIcon","onClick","ariaBusy","props","hasLabel","iconOnly","Boolean","hasWave","wave","play","useButtonWave","classes","undefined","event","LoaderCircle","Button","useComponentProps"],"mappings":"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"}

package/dist/cjs/browser/modules/button/group.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/button.css');
 var __webpack_require__ = {};
 (()=>{
@@ -31,16 +32,18 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     ButtonGroup: ()=>ButtonGroup,
+    ButtonGroupControl: ()=>ButtonGroupControl,
     SplitButton: ()=>SplitButton
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
-const index_cjs_namespaceObject = require("../dropdown/index.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const dropdown_cjs_namespaceObject = require("../dropdown/dropdown.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
 const external_button_cjs_namespaceObject = require("./button.cjs");
-function ButtonGroup({ size, disabled, attached = true, children, className, ...props }) {
+function ButtonGroupControl({ size, disabled, attached = true, children, className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("fieldset", {
         ...props,
         disabled: disabled,
@@ -51,36 +54,49 @@ function ButtonGroup({ size, disabled, attached = true, children, className, ...
             }) : child)
     });
 }
-function SplitButton({ items, menuLabel, dropdownProps, children, className, ...props }) {
+function SplitButton(incomingProps) {
+    const { items, menuLabel, dropdownProps, ...rawProps } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('SplitButton', incomingProps);
+    const { children, className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Button', rawProps);
+    const inactive = Boolean(props.disabled || props.loading);
     const t = (0, use_text_cjs_namespaceObject.useText)();
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(ButtonGroup, {
-        className: className,
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(ButtonGroupControl, {
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-split-button', className),
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.ButtonControl, {
                 ...props,
                 children: children
             }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Dropdown, {
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dropdown_cjs_namespaceObject.DropdownControl, {
                 ...dropdownProps,
                 items: items,
-                disabled: props.disabled || props.loading,
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                disabled: inactive,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.ButtonControl, {
+                    type: "button",
+                    disabled: inactive,
                     variant: props.variant,
                     size: props.size,
                     danger: props.danger,
                     startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
                         size: 16
                     }),
-                    "aria-label": menuLabel ?? t('更多操作', 'More actions')
+                    "aria-label": menuLabel ?? t('button.moreActions')
                 })
             })
         ]
     });
 }
+function ButtonGroup(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('ButtonGroup', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ButtonGroupControl, {
+        ...props
+    });
+}
 exports.ButtonGroup = __webpack_exports__.ButtonGroup;
+exports.ButtonGroupControl = __webpack_exports__.ButtonGroupControl;
 exports.SplitButton = __webpack_exports__.SplitButton;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "ButtonGroup",
+    "ButtonGroupControl",
     "SplitButton"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

package/dist/cjs/browser/modules/button/group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button/group.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/button/group.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ChevronDown } from 'lucide-react';\nimport {\n  Children,\n  cloneElement,\n  type FieldsetHTMLAttributes,\n  isValidElement,\n  type ReactElement,\n} from 'react';\nimport { Dropdown, type DropdownItem, type DropdownProps } from '../dropdown';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nimport { useText } from '../shared/use-text';\nimport { Button, type ButtonProps } from './button';\nexport interface ButtonGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  size?: ControlSize;\n  disabled?: boolean;\n  attached?: boolean;\n}\nexport function ButtonGroup({\n  size,\n  disabled,\n  attached = true,\n  children,\n  className,\n  ...props\n}: ButtonGroupProps) {\n  return (\n    <fieldset\n      {...props}\n      disabled={disabled}\n      className={classes('leaf-button-group', attached && 'leaf-button-group--attached', className)}\n    >\n      {Children.map(children, (child) =>\n        isValidElement<ButtonProps>(child)\n          ? cloneElement(child, {\n              size: child.props.size ?? size,\n              disabled: disabled || child.props.disabled,\n            })\n          : child,\n      )}\n    </fieldset>\n  );\n}\nexport interface SplitButtonProps extends ButtonProps {\n  items: readonly DropdownItem[];\n  menuLabel?: string;\n  dropdownProps?: Omit<DropdownProps, 'items' | 'children' | 'disabled'>;\n}\nexport function SplitButton({\n  items,\n  menuLabel,\n  dropdownProps,\n  children,\n  className,\n  ...props\n}: SplitButtonProps): ReactElement {\n  const t = useText();\n  return (\n    <ButtonGroup className={className}>\n      <Button {...props}>{children}</Button>\n      <Dropdown {...dropdownProps} items={items} disabled={props.disabled || props.loading}>\n        <Button\n          variant={props.variant}\n          size={props.size}\n          danger={props.danger}\n          startIcon={<ChevronDown size={16} />}\n          aria-label={menuLabel ?? t('更多操作', 'More actions')}\n        />\n      </Dropdown>\n    </ButtonGroup>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","ButtonGroup","size","disabled","attached","children","className","props","classes","Children","child","isValidElement","cloneElement","SplitButton","items","menuLabel","dropdownProps","t","useText","Button","Dropdown","ChevronDown"],"mappings":";;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;;ACYO,SAASI,YAAY,EAC1BC,IAAI,EACJC,QAAQ,EACRC,WAAW,IAAI,EACfC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACc;IACjB,OACE,AADK,WAAP,GACE,qCAAC;QACE,GAAGA,KAAK;QACT,UAAUJ;QACV,WAAWK,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,qBAAqBJ,YAAY,+BAA+BE;kBAElFG,+BAAAA,QAAAA,CAAAA,GAAY,CAACJ,UAAU,CAACK,QACvBC,AADuBD,WAAAA,GACvBC,IAAAA,+BAAAA,cAAAA,AAAAA,EAA4BD,SACxBE,AADwBF,WAAAA,GACxBE,IAAAA,+BAAAA,YAAAA,AAAAA,EAAaF,OAAO;gBAClB,MAAMA,MAAM,KAAK,CAAC,IAAI,IAAIR;gBAC1B,UAAUC,YAAYO,MAAM,KAAK,CAAC,QAAQ;YAC5C,KACAA;;AAIZ;AAMO,SAASG,YAAY,EAC1BC,KAAK,EACLC,SAAS,EACTC,aAAa,EACbX,QAAQ,EACRC,SAAS,EACT,GAAGC,OACc;IACjB,MAAMU,IAAIC,AAAAA,IAAAA,6BAAAA,OAAAA,AAAAA;IACV,OACE,AADK,WAAP,GACE,sCAACjB,aAAAA;QAAY,WAAWK;;0BACtB,qCAACa,oCAAAA,MAAMA,EAAAA;gBAAE,GAAGZ,KAAK;0BAAGF;;0BACpB,qCAACe,0BAAAA,QAAQA,EAAAA;gBAAE,GAAGJ,aAAa;gBAAE,OAAOF;gBAAO,UAAUP,MAAM,QAAQ,IAAIA,MAAM,OAAO;0BAClF,mDAACY,oCAAAA,MAAMA,EAAAA;oBACL,SAASZ,MAAM,OAAO;oBACtB,MAAMA,MAAM,IAAI;oBAChB,QAAQA,MAAM,MAAM;oBACpB,WAAW,AAAX,cAAW,qCAACc,sCAAAA,WAAWA,EAAAA;wBAAC,MAAM;;oBAC9B,cAAYN,aAAaE,EAAE,QAAQ;;;;;AAK7C"}
+{"version":3,"file":"button/group.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/button/group.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ChevronDown } from 'lucide-react';\nimport {\n  Children,\n  cloneElement,\n  type FieldsetHTMLAttributes,\n  isValidElement,\n  type ReactElement,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport type { DropdownItem, DropdownProps } from '../dropdown';\nimport { DropdownControl as Dropdown } from '../dropdown/dropdown';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nimport { useText } from '../shared/use-text';\nimport { ButtonControl, type ButtonProps } from './button';\nexport interface ButtonGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  size?: ControlSize;\n  disabled?: boolean;\n  attached?: boolean;\n}\nexport function ButtonGroupControl({\n  size,\n  disabled,\n  attached = true,\n  children,\n  className,\n  ...props\n}: ButtonGroupProps) {\n  return (\n    <fieldset\n      {...props}\n      disabled={disabled}\n      className={classes('leaf-button-group', attached && 'leaf-button-group--attached', className)}\n    >\n      {Children.map(children, (child) =>\n        isValidElement<ButtonProps>(child)\n          ? cloneElement(child, {\n              size: child.props.size ?? size,\n              disabled: disabled || child.props.disabled,\n            })\n          : child,\n      )}\n    </fieldset>\n  );\n}\nexport interface SplitButtonProps extends ButtonProps {\n  items: readonly DropdownItem[];\n  menuLabel?: string;\n  dropdownProps?: Omit<DropdownProps, 'items' | 'children' | 'disabled'>;\n}\nexport function SplitButton(incomingProps: SplitButtonProps): ReactElement {\n  const { items, menuLabel, dropdownProps, ...rawProps } = useComponentProps(\n    'SplitButton',\n    incomingProps,\n  );\n  const { children, className, ...props } = useComponentProps('Button', rawProps);\n  const inactive = Boolean(props.disabled || props.loading);\n  const t = useText();\n  return (\n    <ButtonGroupControl className={classes('leaf-split-button', className)}>\n      <ButtonControl {...props}>{children}</ButtonControl>\n      <Dropdown {...dropdownProps} items={items} disabled={inactive}>\n        <ButtonControl\n          type=\"button\"\n          disabled={inactive}\n          variant={props.variant}\n          size={props.size}\n          danger={props.danger}\n          startIcon={<ChevronDown size={16} />}\n          aria-label={menuLabel ?? t('button.moreActions')}\n        />\n      </Dropdown>\n    </ButtonGroupControl>\n  );\n}\n\nexport function ButtonGroup(rawProps: ButtonGroupProps) {\n  const props = useComponentProps('ButtonGroup', rawProps);\n  return <ButtonGroupControl {...props} />;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","ButtonGroupControl","size","disabled","attached","children","className","props","classes","Children","child","isValidElement","cloneElement","SplitButton","incomingProps","items","menuLabel","dropdownProps","rawProps","useComponentProps","inactive","Boolean","t","useText","ButtonControl","Dropdown","ChevronDown","ButtonGroup"],"mappings":"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"}

package/dist/cjs/browser/modules/calendar/calendar.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/calendar.css');
 var __webpack_require__ = {};
 (()=>{
@@ -34,10 +35,12 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const context_cjs_namespaceObject = require("../config-provider/context.cjs");
 const calendar_cjs_namespaceObject = require("../shared/calendar.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
-function Calendar({ value, defaultValue, onChange, visibleDate, onVisibleChange, mode = 'date', fullscreen = true, minDate, maxDate, disabledDate, cellRender, headerExtra, showToday = true, className, 'aria-label': label, ...props }) {
+function Calendar(rawProps) {
+    const { value, defaultValue, onChange, visibleDate, onVisibleChange, mode = 'date', fullscreen = true, minDate, maxDate, disabledDate, cellRender, headerExtra, showToday = true, className, 'aria-label': label, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Calendar', rawProps);
     const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
     const [internal, setInternal] = (0, external_react_namespaceObject.useState)(defaultValue);
     const selected = value ?? internal;
@@ -55,7 +58,7 @@ function Calendar({ value, defaultValue, onChange, visibleDate, onVisibleChange,
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("section", {
         ...props,
-        "aria-label": label ?? messages.calendar,
+        "aria-label": label ?? messages.calendar.label,
         className: (0, classes_cjs_namespaceObject.classes)('leaf-calendar-view', fullscreen && 'leaf-calendar-view--full', className),
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(calendar_cjs_namespaceObject.CalendarPanel, {
             picker: mode,

package/dist/cjs/browser/modules/calendar/calendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendar/calendar.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/calendar/calendar.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type HTMLAttributes, type ReactNode, useEffect, useState } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { CalendarPanel } from '../shared/calendar';\nimport { classes } from '../shared/classes';\n\nexport interface CalendarProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'onChange' | 'defaultValue'> {\n  value?: Date;\n  defaultValue?: Date;\n  onChange?: (date: Date) => void;\n  visibleDate?: Date;\n  onVisibleChange?: (date: Date) => void;\n  mode?: 'date' | 'month';\n  fullscreen?: boolean;\n  minDate?: Date;\n  maxDate?: Date;\n  disabledDate?: (date: Date) => boolean;\n  cellRender?: (date: Date) => ReactNode;\n  headerExtra?: ReactNode;\n  showToday?: boolean;\n}\nexport function Calendar({\n  value,\n  defaultValue,\n  onChange,\n  visibleDate,\n  onVisibleChange,\n  mode = 'date',\n  fullscreen = true,\n  minDate,\n  maxDate,\n  disabledDate,\n  cellRender,\n  headerExtra,\n  showToday = true,\n  className,\n  'aria-label': label,\n  ...props\n}: CalendarProps) {\n  const { messages } = useLeafConfig();\n  const [internal, setInternal] = useState(defaultValue);\n  const selected = value ?? internal;\n  const [visible, setVisible] = useState(\n    visibleDate ?? defaultValue ?? value ?? minDate ?? new Date(),\n  );\n  const changeVisible = (next: Date) => {\n    if (visibleDate === undefined) setVisible(next);\n    onVisibleChange?.(next);\n  };\n  const valueTime = value?.getTime();\n  useEffect(() => {\n    if (valueTime !== undefined && visibleDate === undefined) setVisible(new Date(valueTime));\n  }, [valueTime, visibleDate]);\n  return (\n    <section\n      {...props}\n      aria-label={label ?? messages.calendar}\n      className={classes('leaf-calendar-view', fullscreen && 'leaf-calendar-view--full', className)}\n    >\n      <CalendarPanel\n        picker={mode}\n        value={selected}\n        visibleDate={visibleDate ?? visible}\n        onVisibleChange={changeVisible}\n        minDate={minDate}\n        maxDate={maxDate}\n        disabledDate={disabledDate}\n        cellRender={cellRender}\n        headerExtra={headerExtra}\n        showToday={fullscreen && showToday}\n        onChange={(next) => {\n          if (value === undefined) setInternal(next);\n          changeVisible(next);\n          onChange?.(next);\n        }}\n      />\n    </section>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Calendar","value","defaultValue","onChange","visibleDate","onVisibleChange","mode","fullscreen","minDate","maxDate","disabledDate","cellRender","headerExtra","showToday","className","label","props","messages","useLeafConfig","internal","setInternal","useState","selected","visible","setVisible","Date","changeVisible","next","undefined","valueTime","useEffect","classes","CalendarPanel"],"mappings":";;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;ACeO,SAASI,SAAS,EACvBC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,WAAW,EACXC,eAAe,EACfC,OAAO,MAAM,EACbC,aAAa,IAAI,EACjBC,OAAO,EACPC,OAAO,EACPC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,YAAY,IAAI,EAChBC,SAAS,EACT,cAAcC,KAAK,EACnB,GAAGC,OACW;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACrB,MAAM,CAACC,UAAUC,YAAY,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAASnB;IACzC,MAAMoB,WAAWrB,SAASkB;IAC1B,MAAM,CAACI,SAASC,WAAW,GAAGH,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAC5BjB,eAAeF,gBAAgBD,SAASO,WAAW,IAAIiB;IAEzD,MAAMC,gBAAgB,CAACC;QACrB,IAAIvB,AAAgBwB,WAAhBxB,aAA2BoB,WAAWG;QAC1CtB,kBAAkBsB;IACpB;IACA,MAAME,YAAY5B,OAAO;IACzB6B,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR,IAAID,AAAcD,WAAdC,aAA2BzB,AAAgBwB,WAAhBxB,aAA2BoB,WAAW,IAAIC,KAAKI;IAChF,GAAG;QAACA;QAAWzB;KAAY;IAC3B,OACE,AADK,WAAP,GACE,qCAAC;QACE,GAAGY,KAAK;QACT,cAAYD,SAASE,SAAS,QAAQ;QACtC,WAAWc,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,sBAAsBxB,cAAc,4BAA4BO;kBAEnF,mDAACkB,6BAAAA,aAAaA,EAAAA;YACZ,QAAQ1B;YACR,OAAOgB;YACP,aAAalB,eAAemB;YAC5B,iBAAiBG;YACjB,SAASlB;YACT,SAASC;YACT,cAAcC;YACd,YAAYC;YACZ,aAAaC;YACb,WAAWL,cAAcM;YACzB,UAAU,CAACc;gBACT,IAAI1B,AAAU2B,WAAV3B,OAAqBmB,YAAYO;gBACrCD,cAAcC;gBACdxB,WAAWwB;YACb;;;AAIR"}
+{"version":3,"file":"calendar/calendar.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/calendar/calendar.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type HTMLAttributes, type ReactNode, useEffect, useState } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { CalendarPanel } from '../shared/calendar';\nimport { classes } from '../shared/classes';\n\nexport interface CalendarProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'onChange' | 'defaultValue'> {\n  value?: Date;\n  defaultValue?: Date;\n  onChange?: (date: Date) => void;\n  visibleDate?: Date;\n  onVisibleChange?: (date: Date) => void;\n  mode?: 'date' | 'month';\n  fullscreen?: boolean;\n  minDate?: Date;\n  maxDate?: Date;\n  disabledDate?: (date: Date) => boolean;\n  cellRender?: (date: Date) => ReactNode;\n  headerExtra?: ReactNode;\n  showToday?: boolean;\n}\nexport function Calendar(rawProps: CalendarProps) {\n  const {\n    value,\n    defaultValue,\n    onChange,\n    visibleDate,\n    onVisibleChange,\n    mode = 'date',\n    fullscreen = true,\n    minDate,\n    maxDate,\n    disabledDate,\n    cellRender,\n    headerExtra,\n    showToday = true,\n    className,\n    'aria-label': label,\n    ...props\n  } = useComponentProps('Calendar', rawProps);\n  const { messages } = useLeafConfig();\n  const [internal, setInternal] = useState(defaultValue);\n  const selected = value ?? internal;\n  const [visible, setVisible] = useState(\n    visibleDate ?? defaultValue ?? value ?? minDate ?? new Date(),\n  );\n  const changeVisible = (next: Date) => {\n    if (visibleDate === undefined) setVisible(next);\n    onVisibleChange?.(next);\n  };\n  const valueTime = value?.getTime();\n  useEffect(() => {\n    if (valueTime !== undefined && visibleDate === undefined) setVisible(new Date(valueTime));\n  }, [valueTime, visibleDate]);\n  return (\n    <section\n      {...props}\n      aria-label={label ?? messages.calendar.label}\n      className={classes('leaf-calendar-view', fullscreen && 'leaf-calendar-view--full', className)}\n    >\n      <CalendarPanel\n        picker={mode}\n        value={selected}\n        visibleDate={visibleDate ?? visible}\n        onVisibleChange={changeVisible}\n        minDate={minDate}\n        maxDate={maxDate}\n        disabledDate={disabledDate}\n        cellRender={cellRender}\n        headerExtra={headerExtra}\n        showToday={fullscreen && showToday}\n        onChange={(next) => {\n          if (value === undefined) setInternal(next);\n          changeVisible(next);\n          onChange?.(next);\n        }}\n      />\n    </section>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Calendar","rawProps","value","defaultValue","onChange","visibleDate","onVisibleChange","mode","fullscreen","minDate","maxDate","disabledDate","cellRender","headerExtra","showToday","className","label","props","useComponentProps","messages","useLeafConfig","internal","setInternal","useState","selected","visible","setVisible","Date","changeVisible","next","undefined","valueTime","useEffect","classes","CalendarPanel"],"mappings":";;;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;ACgBO,SAASI,SAASC,QAAuB;IAC9C,MAAM,EACJC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,WAAW,EACXC,eAAe,EACfC,OAAO,MAAM,EACbC,aAAa,IAAI,EACjBC,OAAO,EACPC,OAAO,EACPC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,YAAY,IAAI,EAChBC,SAAS,EACT,cAAcC,KAAK,EACnB,GAAGC,OACJ,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,YAAYjB;IAClC,MAAM,EAAEkB,QAAQ,EAAE,GAAGC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACrB,MAAM,CAACC,UAAUC,YAAY,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAASpB;IACzC,MAAMqB,WAAWtB,SAASmB;IAC1B,MAAM,CAACI,SAASC,WAAW,GAAGH,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAC5BlB,eAAeF,gBAAgBD,SAASO,WAAW,IAAIkB;IAEzD,MAAMC,gBAAgB,CAACC;QACrB,IAAIxB,AAAgByB,WAAhBzB,aAA2BqB,WAAWG;QAC1CvB,kBAAkBuB;IACpB;IACA,MAAME,YAAY7B,OAAO;IACzB8B,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR,IAAID,AAAcD,WAAdC,aAA2B1B,AAAgByB,WAAhBzB,aAA2BqB,WAAW,IAAIC,KAAKI;IAChF,GAAG;QAACA;QAAW1B;KAAY;IAC3B,OACE,AADK,WAAP,GACE,qCAAC;QACE,GAAGY,KAAK;QACT,cAAYD,SAASG,SAAS,QAAQ,CAAC,KAAK;QAC5C,WAAWc,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,sBAAsBzB,cAAc,4BAA4BO;kBAEnF,mDAACmB,6BAAAA,aAAaA,EAAAA;YACZ,QAAQ3B;YACR,OAAOiB;YACP,aAAanB,eAAeoB;YAC5B,iBAAiBG;YACjB,SAASnB;YACT,SAASC;YACT,cAAcC;YACd,YAAYC;YACZ,aAAaC;YACb,WAAWL,cAAcM;YACzB,UAAU,CAACe;gBACT,IAAI3B,AAAU4B,WAAV5B,OAAqBoB,YAAYO;gBACrCD,cAAcC;gBACdzB,WAAWyB;YACb;;;AAIR"}

package/dist/cjs/browser/modules/card/card.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/card.css');
 var __webpack_require__ = {};
 (()=>{
@@ -34,22 +35,34 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const presence_cjs_namespaceObject = require("../shared/presence.cjs");
-const index_cjs_namespaceObject = require("../skeleton/index.cjs");
-function Card({ title, description, extra, cover, footer, loading = false, bordered = true, divided = false, hoverable = false, size = 'md', children, className, ...props }) {
+const skeleton_cjs_namespaceObject = require("../skeleton/skeleton.cjs");
+const tabs_cjs_namespaceObject = require("../tabs/tabs.cjs");
+function Card(rawProps) {
+    const { title, description, extra, tabs, cover, footer, loading = false, bordered = true, divided = false, size = 'md', children, className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Card', rawProps);
     const body = (0, external_react_namespaceObject.useRef)(null);
     (0, presence_cjs_namespaceObject.useContentTransition)(body, loading ? 'loading' : 'content');
+    const hasTabs = Boolean(tabs?.items.length);
+    const hasHeading = null != title || null != description;
+    const tabExtra = hasHeading || null == extra ? tabs?.extra : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "leaf-card__tab-extra",
+        children: [
+            tabs?.extra,
+            extra
+        ]
+    });
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         ...props,
         "aria-busy": loading || void 0,
-        className: (0, classes_cjs_namespaceObject.classes)('leaf-card', `leaf-card--${size}`, bordered && 'leaf-card--bordered', divided && 'leaf-card--divided', hoverable && 'leaf-card--hoverable', className),
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-card', `leaf-card--${size}`, bordered && 'leaf-card--bordered', divided && 'leaf-card--divided', hasTabs && 'leaf-card--tabbed', className),
         children: [
             null != cover && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                 className: "leaf-card__cover",
                 children: cover
             }),
-            (null != title || null != description || null != extra) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            (hasHeading || !hasTabs && null != extra) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                 className: "leaf-card__header",
                 children: [
                     (null != title || null != description) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
@@ -71,10 +84,33 @@ function Card({ title, description, extra, cover, footer, loading = false, borde
                     })
                 ]
             }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            hasTabs && tabs && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.TabsControl, {
+                ...tabs,
+                type: "line",
+                placement: "top",
+                size: tabs.size ?? size,
+                "aria-label": tabs['aria-label'] ?? ('string' == typeof title ? title : void 0),
+                extra: tabExtra,
+                className: (0, classes_cjs_namespaceObject.classes)('leaf-card__tabs', tabs.className),
+                items: tabs.items.map((item)=>({
+                        ...item,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(skeleton_cjs_namespaceObject.SkeletonControl, {
+                            loading: loading,
+                            children: item.children
+                        })
+                    })),
+                onReorder: tabs.onReorder && ((items)=>{
+                    const originals = new Map(tabs.items.map((item)=>[
+                            item.key,
+                            item
+                        ]));
+                    tabs.onReorder?.(items.map((item)=>originals.get(item.key) ?? item));
+                })
+            }),
+            (!hasTabs || null != children) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                 className: "leaf-card__body",
                 ref: body,
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Skeleton, {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(skeleton_cjs_namespaceObject.SkeletonControl, {
                     loading: loading,
                     children: children
                 })