@lobehub/ui 5.57.2 → 6.0.0-beta.1

package/es/base-ui/Toast/style.mjs

@@ -1,393 +0,0 @@
-import { focusRing, focusRingColor } from "../focusRing.mjs";
-import { TOAST_DODGE_DURATION, TOAST_DODGE_EASE } from "./dodge.mjs";
-import { createStaticStyles } from "antd-style";
-import { cva } from "class-variance-authority";
-//#region src/base-ui/Toast/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	action: css`
-    cursor: pointer;
-
-    display: inline-flex;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: center;
-
-    height: 28px;
-    padding-inline: 12px;
-    border: none;
-    border-radius: ${cssVar.borderRadiusSM};
-
-    font-size: 12px;
-    font-weight: 500;
-    line-height: 1;
-
-    transition:
-      background 0.2s,
-      color 0.2s;
-
-    ${focusRing};
-  `,
-	actionDanger: css`
-    color: ${cssVar.colorBgLayout};
-    background: ${cssVar.colorError};
-
-    &:hover {
-      background: ${cssVar.colorErrorHover};
-    }
-
-    &:active {
-      background: ${cssVar.colorErrorActive};
-    }
-
-    ${focusRingColor(cssVar.colorError)};
-  `,
-	actionGhost: css`
-    border: 1px solid ${cssVar.colorBorder};
-    color: ${cssVar.colorText};
-    background: transparent;
-
-    &:hover {
-      border-color: ${cssVar.colorPrimary};
-      color: ${cssVar.colorPrimary};
-    }
-
-    &:active {
-      border-color: ${cssVar.colorPrimaryActive};
-      color: ${cssVar.colorPrimaryActive};
-    }
-  `,
-	actionPrimary: css`
-    color: ${cssVar.colorBgLayout};
-    background: ${cssVar.colorPrimary};
-
-    &:hover {
-      background: ${cssVar.colorPrimaryHover};
-    }
-
-    &:active {
-      background: ${cssVar.colorPrimaryActive};
-    }
-  `,
-	actionSecondary: css`
-    color: ${cssVar.colorText};
-    background: ${cssVar.colorFillSecondary};
-
-    &:hover {
-      background: ${cssVar.colorFillTertiary};
-    }
-
-    &:active {
-      background: ${cssVar.colorFill};
-    }
-  `,
-	actionText: css`
-    color: ${cssVar.colorPrimary};
-    background: transparent;
-
-    &:hover {
-      background: ${cssVar.colorFillTertiary};
-    }
-
-    &:active {
-      background: ${cssVar.colorFillSecondary};
-    }
-  `,
-	actions: css`
-    display: flex;
-    flex-grow: 1;
-    flex-shrink: 0;
-    gap: 8px;
-    align-items: center;
-    align-self: flex-end;
-    justify-content: flex-end;
-
-    margin-block-start: 8px;
-  `,
-	close: css`
-    cursor: pointer;
-
-    display: flex;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: center;
-
-    width: 20px;
-    height: 20px;
-    margin-inline-start: auto;
-    padding: 0;
-    border: none;
-    border-radius: ${cssVar.borderRadiusSM};
-
-    color: ${cssVar.colorTextSecondary};
-
-    background: transparent;
-
-    transition: all 0.2s;
-
-    &:hover {
-      color: ${cssVar.colorText};
-      background: ${cssVar.colorFillSecondary};
-    }
-  `,
-	content: css`
-    overflow: hidden;
-    transition: opacity 0.2s;
-
-    &[data-behind] {
-      pointer-events: none;
-      opacity: 0;
-    }
-
-    &[data-expanded] {
-      pointer-events: auto;
-      opacity: 1;
-    }
-  `,
-	contentArea: css`
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    min-width: 0;
-  `,
-	description: css`
-    margin: 0;
-    font-size: 13px;
-    line-height: 1.5;
-    color: ${cssVar.colorTextSecondary};
-  `,
-	descriptionStandalone: css`
-    color: ${cssVar.colorText};
-  `,
-	icon: css`
-    display: flex;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: center;
-  `,
-	root: css`
-    --toast-gap: 12px;
-    --toast-peek: 12px;
-    --toast-scale: calc(1 - var(--toast-index) * 0.05);
-    --toast-shrink: calc(1 - var(--toast-scale));
-    --toast-collapsed-height: var(--toast-frontmost-height, var(--toast-height));
-
-    cursor: default;
-    user-select: none;
-
-    position: absolute;
-    z-index: calc(1000 - var(--toast-index));
-    inset-inline: 0;
-
-    box-sizing: border-box;
-    width: 100%;
-    height: var(--toast-collapsed-height);
-    padding-block: 12px;
-    padding-inline: 16px;
-    border-radius: var(--toast-border-radius, ${cssVar.borderRadiusLG});
-
-    color: ${cssVar.colorText};
-
-    background: ${cssVar.colorBgElevated};
-    background-clip: padding-box;
-    box-shadow: ${cssVar.boxShadowSecondary}, var(--lobe-ring);
-
-    transition:
-      transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
-      opacity 0.4s,
-      height 0.15s;
-
-    /* Fill gap between stacked toasts to prevent hover flicker */
-    &::after {
-      content: '';
-      position: absolute;
-      inset-inline: 0;
-      height: calc(var(--toast-gap) + var(--toast-peek) + 8px);
-    }
-
-    &[data-limited] {
-      opacity: 0;
-    }
-
-    &[data-swiping] {
-      transition: none;
-    }
-  `,
-	rootBottom: css`
-    inset-block: auto 0;
-    transform-origin: bottom center;
-    transform: translateX(var(--toast-swipe-movement-x))
-      translateY(
-        calc(
-          var(--toast-swipe-movement-y) - (var(--toast-index) * var(--toast-peek)) -
-            (var(--toast-shrink) * var(--toast-collapsed-height))
-        )
-      )
-      scale(var(--toast-scale));
-
-    &::after {
-      inset-block-start: 100%;
-    }
-
-    &[data-expanded] {
-      transform: translateX(var(--toast-swipe-movement-x))
-        translateY(
-          calc(
-            var(--toast-swipe-movement-y) + var(--toast-offset-y) * -1 + var(--toast-index) *
-              var(--toast-gap) * -1
-          )
-        )
-        scale(1);
-      height: var(--toast-height);
-    }
-
-    &[data-starting-style],
-    &[data-ending-style] {
-      transform: translateY(150%);
-      opacity: 0;
-    }
-  `,
-	rootTop: css`
-    inset-block: 0 auto;
-    transform-origin: top center;
-    transform: translateX(var(--toast-swipe-movement-x))
-      translateY(
-        calc(
-          var(--toast-swipe-movement-y) + (var(--toast-index) * var(--toast-peek)) +
-            (var(--toast-shrink) * var(--toast-collapsed-height))
-        )
-      )
-      scale(var(--toast-scale));
-
-    &::after {
-      inset-block-end: 100%;
-    }
-
-    &[data-expanded] {
-      transform: translateX(var(--toast-swipe-movement-x))
-        translateY(
-          calc(
-            var(--toast-swipe-movement-y) + var(--toast-offset-y) + var(--toast-index) *
-              var(--toast-gap)
-          )
-        )
-        scale(1);
-      height: var(--toast-height);
-    }
-
-    &[data-starting-style],
-    &[data-ending-style] {
-      transform: translateY(-150%);
-      opacity: 0;
-    }
-  `,
-	title: css`
-    margin: 0;
-
-    font-size: 14px;
-    font-weight: 500;
-    line-height: 1.5;
-    color: ${cssVar.colorText};
-  `,
-	titleRow: css`
-    display: flex;
-    gap: 8px;
-    align-items: flex-start;
-  `,
-	toastBody: css`
-    display: flex;
-    gap: 12px;
-    align-items: flex-start;
-  `,
-	toastBodyCenter: css`
-    display: flex;
-    gap: 12px;
-    align-items: flex-start;
-  `,
-	viewport: css`
-    position: fixed;
-    z-index: 100000;
-
-    width: var(--toast-width, 360px);
-    max-width: calc(100vw - var(--toast-viewport-offset-x, 16px) * 2);
-
-    outline: 0;
-
-    @media (width <= 480px) {
-      width: calc(100vw - var(--toast-viewport-offset-x, 16px) * 2);
-    }
-  `,
-	viewportBottom: css`
-    inset-block-end: var(--toast-viewport-offset-y, 16px);
-    inset-inline-start: 50%;
-    transform: translateX(-50%);
-  `,
-	viewportBottomLeft: css`
-    inset-block-end: var(--toast-viewport-offset-y, 16px);
-    inset-inline-start: var(--toast-viewport-offset-x, 16px);
-  `,
-	viewportBottomRight: css`
-    inset-block-end: var(--toast-viewport-offset-y, 16px);
-    inset-inline-end: var(--toast-viewport-offset-x, 16px);
-
-    /* Percentages in translate() resolve against the element itself, not the
-       viewport, so the dodge offsets have to stay in px. */
-    transform: translate(
-      calc(-1 * var(--toast-shift-x, 0px)),
-      calc(-1 * var(--toast-shift-y, 0px))
-    );
-    transition: transform ${TOAST_DODGE_DURATION} ${TOAST_DODGE_EASE};
-
-    @media (prefers-reduced-motion: reduce) {
-      transition: none;
-    }
-  `,
-	viewportTop: css`
-    inset-block-start: var(--toast-viewport-offset-y, 16px);
-    inset-inline-start: 50%;
-    transform: translateX(-50%);
-  `,
-	viewportTopLeft: css`
-    inset-block-start: var(--toast-viewport-offset-y, 16px);
-    inset-inline-start: var(--toast-viewport-offset-x, 16px);
-  `,
-	viewportTopRight: css`
-    inset-block-start: var(--toast-viewport-offset-y, 16px);
-    inset-inline-end: var(--toast-viewport-offset-x, 16px);
-  `
-}));
-const viewportVariants = cva(styles.viewport, {
-	defaultVariants: { position: "bottom-right" },
-	variants: { position: {
-		"bottom": styles.viewportBottom,
-		"bottom-left": styles.viewportBottomLeft,
-		"bottom-right": styles.viewportBottomRight,
-		"top": styles.viewportTop,
-		"top-left": styles.viewportTopLeft,
-		"top-right": styles.viewportTopRight
-	} }
-});
-const rootVariants = cva(styles.root, {
-	defaultVariants: { position: "bottom-right" },
-	variants: { position: {
-		"bottom": styles.rootBottom,
-		"bottom-left": styles.rootBottom,
-		"bottom-right": styles.rootBottom,
-		"top": styles.rootTop,
-		"top-left": styles.rootTop,
-		"top-right": styles.rootTop
-	} }
-});
-const actionVariants = cva(styles.action, {
-	defaultVariants: { variant: "primary" },
-	variants: { variant: {
-		danger: styles.actionDanger,
-		ghost: styles.actionGhost,
-		primary: styles.actionPrimary,
-		secondary: styles.actionSecondary,
-		text: styles.actionText
-	} }
-});
-//#endregion
-export { actionVariants, rootVariants, styles, viewportVariants };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/Toast/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Toast/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { focusRing, focusRingColor } from '@/base-ui/focusRing';\n\nimport { TOAST_DODGE_DURATION, TOAST_DODGE_EASE } from './dodge';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  action: css`\n    cursor: pointer;\n\n    display: inline-flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    height: 28px;\n    padding-inline: 12px;\n    border: none;\n    border-radius: ${cssVar.borderRadiusSM};\n\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 1;\n\n    transition:\n      background 0.2s,\n      color 0.2s;\n\n    ${focusRing};\n  `,\n\n  actionDanger: css`\n    color: ${cssVar.colorBgLayout};\n    background: ${cssVar.colorError};\n\n    &:hover {\n      background: ${cssVar.colorErrorHover};\n    }\n\n    &:active {\n      background: ${cssVar.colorErrorActive};\n    }\n\n    ${focusRingColor(cssVar.colorError)};\n  `,\n\n  actionGhost: css`\n    border: 1px solid ${cssVar.colorBorder};\n    color: ${cssVar.colorText};\n    background: transparent;\n\n    &:hover {\n      border-color: ${cssVar.colorPrimary};\n      color: ${cssVar.colorPrimary};\n    }\n\n    &:active {\n      border-color: ${cssVar.colorPrimaryActive};\n      color: ${cssVar.colorPrimaryActive};\n    }\n  `,\n\n  actionPrimary: css`\n    color: ${cssVar.colorBgLayout};\n    background: ${cssVar.colorPrimary};\n\n    &:hover {\n      background: ${cssVar.colorPrimaryHover};\n    }\n\n    &:active {\n      background: ${cssVar.colorPrimaryActive};\n    }\n  `,\n\n  actionSecondary: css`\n    color: ${cssVar.colorText};\n    background: ${cssVar.colorFillSecondary};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFill};\n    }\n  `,\n\n  actionText: css`\n    color: ${cssVar.colorPrimary};\n    background: transparent;\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n\n  actions: css`\n    display: flex;\n    flex-grow: 1;\n    flex-shrink: 0;\n    gap: 8px;\n    align-items: center;\n    align-self: flex-end;\n    justify-content: flex-end;\n\n    margin-block-start: 8px;\n  `,\n\n  close: css`\n    cursor: pointer;\n\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    margin-inline-start: auto;\n    padding: 0;\n    border: none;\n    border-radius: ${cssVar.borderRadiusSM};\n\n    color: ${cssVar.colorTextSecondary};\n\n    background: transparent;\n\n    transition: all 0.2s;\n\n    &:hover {\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n\n  content: css`\n    overflow: hidden;\n    transition: opacity 0.2s;\n\n    &[data-behind] {\n      pointer-events: none;\n      opacity: 0;\n    }\n\n    &[data-expanded] {\n      pointer-events: auto;\n      opacity: 1;\n    }\n  `,\n\n  contentArea: css`\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    min-width: 0;\n  `,\n\n  description: css`\n    margin: 0;\n    font-size: 13px;\n    line-height: 1.5;\n    color: ${cssVar.colorTextSecondary};\n  `,\n\n  descriptionStandalone: css`\n    color: ${cssVar.colorText};\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n  `,\n\n  root: css`\n    --toast-gap: 12px;\n    --toast-peek: 12px;\n    --toast-scale: calc(1 - var(--toast-index) * 0.05);\n    --toast-shrink: calc(1 - var(--toast-scale));\n    --toast-collapsed-height: var(--toast-frontmost-height, var(--toast-height));\n\n    cursor: default;\n    user-select: none;\n\n    position: absolute;\n    z-index: calc(1000 - var(--toast-index));\n    inset-inline: 0;\n\n    box-sizing: border-box;\n    width: 100%;\n    height: var(--toast-collapsed-height);\n    padding-block: 12px;\n    padding-inline: 16px;\n    border-radius: var(--toast-border-radius, ${cssVar.borderRadiusLG});\n\n    color: ${cssVar.colorText};\n\n    background: ${cssVar.colorBgElevated};\n    background-clip: padding-box;\n    box-shadow: ${cssVar.boxShadowSecondary}, var(--lobe-ring);\n\n    transition:\n      transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\n      opacity 0.4s,\n      height 0.15s;\n\n    /* Fill gap between stacked toasts to prevent hover flicker */\n    &::after {\n      content: '';\n      position: absolute;\n      inset-inline: 0;\n      height: calc(var(--toast-gap) + var(--toast-peek) + 8px);\n    }\n\n    &[data-limited] {\n      opacity: 0;\n    }\n\n    &[data-swiping] {\n      transition: none;\n    }\n  `,\n\n  // Bottom positions - stack upward\n  rootBottom: css`\n    inset-block: auto 0;\n    transform-origin: bottom center;\n    transform: translateX(var(--toast-swipe-movement-x))\n      translateY(\n        calc(\n          var(--toast-swipe-movement-y) - (var(--toast-index) * var(--toast-peek)) -\n            (var(--toast-shrink) * var(--toast-collapsed-height))\n        )\n      )\n      scale(var(--toast-scale));\n\n    &::after {\n      inset-block-start: 100%;\n    }\n\n    &[data-expanded] {\n      transform: translateX(var(--toast-swipe-movement-x))\n        translateY(\n          calc(\n            var(--toast-swipe-movement-y) + var(--toast-offset-y) * -1 + var(--toast-index) *\n              var(--toast-gap) * -1\n          )\n        )\n        scale(1);\n      height: var(--toast-height);\n    }\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: translateY(150%);\n      opacity: 0;\n    }\n  `,\n\n  // Top positions - stack downward\n  rootTop: css`\n    inset-block: 0 auto;\n    transform-origin: top center;\n    transform: translateX(var(--toast-swipe-movement-x))\n      translateY(\n        calc(\n          var(--toast-swipe-movement-y) + (var(--toast-index) * var(--toast-peek)) +\n            (var(--toast-shrink) * var(--toast-collapsed-height))\n        )\n      )\n      scale(var(--toast-scale));\n\n    &::after {\n      inset-block-end: 100%;\n    }\n\n    &[data-expanded] {\n      transform: translateX(var(--toast-swipe-movement-x))\n        translateY(\n          calc(\n            var(--toast-swipe-movement-y) + var(--toast-offset-y) + var(--toast-index) *\n              var(--toast-gap)\n          )\n        )\n        scale(1);\n      height: var(--toast-height);\n    }\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: translateY(-150%);\n      opacity: 0;\n    }\n  `,\n\n  title: css`\n    margin: 0;\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.5;\n    color: ${cssVar.colorText};\n  `,\n\n  titleRow: css`\n    display: flex;\n    gap: 8px;\n    align-items: flex-start;\n  `,\n\n  toastBody: css`\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n  `,\n\n  toastBodyCenter: css`\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n  `,\n\n  viewport: css`\n    position: fixed;\n    z-index: 100000;\n\n    width: var(--toast-width, 360px);\n    max-width: calc(100vw - var(--toast-viewport-offset-x, 16px) * 2);\n\n    outline: 0;\n\n    @media (width <= 480px) {\n      width: calc(100vw - var(--toast-viewport-offset-x, 16px) * 2);\n    }\n  `,\n\n  viewportBottom: css`\n    inset-block-end: var(--toast-viewport-offset-y, 16px);\n    inset-inline-start: 50%;\n    transform: translateX(-50%);\n  `,\n\n  viewportBottomLeft: css`\n    inset-block-end: var(--toast-viewport-offset-y, 16px);\n    inset-inline-start: var(--toast-viewport-offset-x, 16px);\n  `,\n\n  viewportBottomRight: css`\n    inset-block-end: var(--toast-viewport-offset-y, 16px);\n    inset-inline-end: var(--toast-viewport-offset-x, 16px);\n\n    /* Percentages in translate() resolve against the element itself, not the\n       viewport, so the dodge offsets have to stay in px. */\n    transform: translate(\n      calc(-1 * var(--toast-shift-x, 0px)),\n      calc(-1 * var(--toast-shift-y, 0px))\n    );\n    transition: transform ${TOAST_DODGE_DURATION} ${TOAST_DODGE_EASE};\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  `,\n\n  viewportTop: css`\n    inset-block-start: var(--toast-viewport-offset-y, 16px);\n    inset-inline-start: 50%;\n    transform: translateX(-50%);\n  `,\n\n  viewportTopLeft: css`\n    inset-block-start: var(--toast-viewport-offset-y, 16px);\n    inset-inline-start: var(--toast-viewport-offset-x, 16px);\n  `,\n\n  viewportTopRight: css`\n    inset-block-start: var(--toast-viewport-offset-y, 16px);\n    inset-inline-end: var(--toast-viewport-offset-x, 16px);\n  `,\n}));\n\nexport const viewportVariants = cva(styles.viewport, {\n  defaultVariants: {\n    position: 'bottom-right',\n  },\n  variants: {\n    position: {\n      'bottom': styles.viewportBottom,\n      'bottom-left': styles.viewportBottomLeft,\n      'bottom-right': styles.viewportBottomRight,\n      'top': styles.viewportTop,\n      'top-left': styles.viewportTopLeft,\n      'top-right': styles.viewportTopRight,\n    },\n  },\n});\n\nexport const rootVariants = cva(styles.root, {\n  defaultVariants: {\n    position: 'bottom-right',\n  },\n  variants: {\n    position: {\n      'bottom': styles.rootBottom,\n      'bottom-left': styles.rootBottom,\n      'bottom-right': styles.rootBottom,\n      'top': styles.rootTop,\n      'top-left': styles.rootTop,\n      'top-right': styles.rootTop,\n    },\n  },\n});\n\nexport const actionVariants = cva(styles.action, {\n  defaultVariants: {\n    variant: 'primary',\n  },\n  variants: {\n    variant: {\n      danger: styles.actionDanger,\n      ghost: styles.actionGhost,\n      primary: styles.actionPrimary,\n      secondary: styles.actionSecondary,\n      text: styles.actionText,\n    },\n  },\n});\n"],"mappings":";;;;;AAOA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,QAAQ,GAAG;;;;;;;;;;;qBAWQ,OAAO,eAAe;;;;;;;;;;MAUrC,UAAU;;CAGd,cAAc,GAAG;aACN,OAAO,cAAc;kBAChB,OAAO,WAAW;;;oBAGhB,OAAO,gBAAgB;;;;oBAIvB,OAAO,iBAAiB;;;MAGtC,eAAe,OAAO,UAAU,EAAE;;CAGtC,aAAa,GAAG;wBACM,OAAO,YAAY;aAC9B,OAAO,UAAU;;;;sBAIR,OAAO,aAAa;eAC3B,OAAO,aAAa;;;;sBAIb,OAAO,mBAAmB;eACjC,OAAO,mBAAmB;;;CAIvC,eAAe,GAAG;aACP,OAAO,cAAc;kBAChB,OAAO,aAAa;;;oBAGlB,OAAO,kBAAkB;;;;oBAIzB,OAAO,mBAAmB;;;CAI5C,iBAAiB,GAAG;aACT,OAAO,UAAU;kBACZ,OAAO,mBAAmB;;;oBAGxB,OAAO,kBAAkB;;;;oBAIzB,OAAO,UAAU;;;CAInC,YAAY,GAAG;aACJ,OAAO,aAAa;;;;oBAIb,OAAO,kBAAkB;;;;oBAIzB,OAAO,mBAAmB;;;CAI5C,SAAS,GAAG;;;;;;;;;;;CAYZ,OAAO,GAAG;;;;;;;;;;;;;qBAaS,OAAO,eAAe;;aAE9B,OAAO,mBAAmB;;;;;;;eAOxB,OAAO,UAAU;oBACZ,OAAO,mBAAmB;;;CAI5C,SAAS,GAAG;;;;;;;;;;;;;;CAeZ,aAAa,GAAG;;;;;;CAOhB,aAAa,GAAG;;;;aAIL,OAAO,mBAAmB;;CAGrC,uBAAuB,GAAG;aACf,OAAO,UAAU;;CAG5B,MAAM,GAAG;;;;;;CAOT,MAAM,GAAG;;;;;;;;;;;;;;;;;;;gDAmBqC,OAAO,eAAe;;aAEzD,OAAO,UAAU;;kBAEZ,OAAO,gBAAgB;;kBAEvB,OAAO,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;CAyB1C,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCf,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCZ,OAAO,GAAG;;;;;;aAMC,OAAO,UAAU;;CAG5B,UAAU,GAAG;;;;;CAMb,WAAW,GAAG;;;;;CAMd,iBAAiB,GAAG;;;;;CAMpB,UAAU,GAAG;;;;;;;;;;;;;CAcb,gBAAgB,GAAG;;;;;CAMnB,oBAAoB,GAAG;;;;CAKvB,qBAAqB,GAAG;;;;;;;;;;4BAUE,qBAAqB,GAAG,iBAAiB;;;;;;CAOnE,aAAa,GAAG;;;;;CAMhB,iBAAiB,GAAG;;;;CAKpB,kBAAkB,GAAG;;;;AAIvB,EAAE;AAEF,MAAa,mBAAmB,IAAI,OAAO,UAAU;CACnD,iBAAiB,EACf,UAAU,eACZ;CACA,UAAU,EACR,UAAU;EACR,UAAU,OAAO;EACjB,eAAe,OAAO;EACtB,gBAAgB,OAAO;EACvB,OAAO,OAAO;EACd,YAAY,OAAO;EACnB,aAAa,OAAO;CACtB,EACF;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB,EACf,UAAU,eACZ;CACA,UAAU,EACR,UAAU;EACR,UAAU,OAAO;EACjB,eAAe,OAAO;EACtB,gBAAgB,OAAO;EACvB,OAAO,OAAO;EACd,YAAY,OAAO;EACnB,aAAa,OAAO;CACtB,EACF;AACF,CAAC;AAED,MAAa,iBAAiB,IAAI,OAAO,QAAQ;CAC/C,iBAAiB,EACf,SAAS,UACX;CACA,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,OAAO,OAAO;EACd,SAAS,OAAO;EAChB,WAAW,OAAO;EAClB,MAAM,OAAO;CACf,EACF;AACF,CAAC"}

package/es/base-ui/Toast/type.d.mts

@@ -1,156 +0,0 @@
-import { IconProps } from "../../Icon/type.mjs";
-import "../../Icon/index.mjs";
-import { CSSProperties, ReactNode } from "react";
-import { Toast } from "@base-ui/react/toast";
-//#region src/base-ui/Toast/type.d.ts
-type ToastType = 'success' | 'info' | 'warning' | 'error' | 'loading' | 'default';
-type ToastPosition = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
-type ToastActionVariant = 'primary' | 'secondary' | 'text' | 'danger' | 'ghost';
-interface ToastAction {
-  /**
-   * Action button label
-   */
-  label: ReactNode;
-  /**
-   * Click handler
-   */
-  onClick?: () => void;
-  /**
-   * Additional props for the button
-   */
-  props?: Omit<React.ComponentPropsWithRef<'button'>, 'onClick'>;
-  /**
-   * Button variant
-   * @default 'primary'
-   */
-  variant?: ToastActionVariant;
-}
-interface ToastOptions {
-  /**
-   * Action button props
-   * @deprecated Use `actions` instead
-   */
-  actionProps?: React.ComponentPropsWithRef<'button'>;
-  /**
-   * Multiple action buttons
-   */
-  actions?: ToastAction[];
-  /**
-   * Additional class name
-   */
-  className?: string;
-  /**
-   * Whether the toast is closable
-   * @default true
-   */
-  closable?: boolean;
-  /**
-   * Custom data for the toast
-   */
-  data?: Record<string, unknown>;
-  /**
-   * Toast description
-   */
-  description?: ReactNode;
-  /**
-   * Custom duration in milliseconds
-   * @default 5000
-   */
-  duration?: number;
-  /**
-   * Hide the close button
-   * @default false
-   */
-  hideCloseButton?: boolean;
-  /**
-   * Custom icon
-   */
-  icon?: IconProps['icon'];
-  /**
-   * Stable identifier used to deduplicate toasts. Showing a toast with an id
-   * that is already visible refreshes it in place and resets its timer instead
-   * of stacking a second copy; if it is no longer the newest toast it is also
-   * moved back to the front of the stack.
-   */
-  id?: string;
-  /**
-   * Callback when toast is closed
-   */
-  onClose?: () => void;
-  /**
-   * Callback when toast is removed
-   */
-  onRemove?: () => void;
-  /**
-   * Toast placement, overrides global ToastHost position
-   */
-  placement?: ToastPosition;
-  /**
-   * Additional styles
-   */
-  style?: CSSProperties;
-  /**
-   * Toast title
-   */
-  title?: ReactNode;
-  /**
-   * Toast type
-   * @default 'default'
-   */
-  type?: ToastType;
-}
-interface ToastInstance {
-  /**
-   * Close the toast
-   */
-  close: () => void;
-  /**
-   * The toast ID
-   */
-  id: string;
-  /**
-   * Update the toast
-   */
-  update: (options: Partial<ToastOptions>) => void;
-}
-interface ToastProps {
-  classNames?: {
-    action?: string;
-    actions?: string;
-    close?: string;
-    content?: string;
-    description?: string;
-    icon?: string;
-    root?: string;
-    title?: string;
-  };
-  styles?: {
-    action?: CSSProperties;
-    actions?: CSSProperties;
-    close?: CSSProperties;
-    content?: CSSProperties;
-    description?: CSSProperties;
-    icon?: CSSProperties;
-    root?: CSSProperties;
-    title?: CSSProperties;
-  };
-  toast: Toast.Root.ToastObject<ToastOptions>;
-}
-interface ToastPromiseOptions<T> {
-  error: ReactNode | ((error: Error) => ReactNode) | Omit<ToastOptions, 'type'>;
-  loading: ReactNode | Omit<ToastOptions, 'type'>;
-  success: ReactNode | ((data: T) => ReactNode) | Omit<ToastOptions, 'type'>;
-}
-interface ToastAPI {
-  (options: ToastOptions): ToastInstance;
-  dismiss: (id?: string) => void;
-  error: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
-  info: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
-  loading: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
-  promise: <T>(promise: Promise<T>, options: ToastPromiseOptions<T>) => Promise<T>;
-  success: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
-  warning: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
-}
-//#endregion
-export { ToastAPI, ToastAction, ToastActionVariant, ToastInstance, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProps, ToastType };
-//# sourceMappingURL=type.d.mts.map

package/es/base-ui/ToggleGroup/ToggleGroup.d.mts

@@ -1,9 +0,0 @@
-import { ToggleGroupProps } from "./type.mjs";
-//#region src/base-ui/ToggleGroup/ToggleGroup.d.ts
-declare const ToggleGroup: {
-  <Value extends string = string>({ className, classNames, defaultValue, disabled, onChange, options, ref, size, style, styles: customStyles, value, variant }: ToggleGroupProps<Value>): import("react").JSX.Element;
-  displayName: string;
-};
-//#endregion
-export { ToggleGroup as default };
-//# sourceMappingURL=ToggleGroup.d.mts.map

package/es/base-ui/ToggleGroup/ToggleGroup.mjs

@@ -1,58 +0,0 @@
-"use client";
-import { ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, ToggleGroupRoot } from "./atoms.mjs";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import useMergeState from "use-merge-value";
-//#region src/base-ui/ToggleGroup/ToggleGroup.tsx
-const normalizeOption = (option) => typeof option === "string" ? { value: option } : option;
-const ToggleGroup = ({ className, classNames, defaultValue, disabled = false, onChange, options, ref, size = "middle", style, styles: customStyles, value, variant = "outlined" }) => {
-	const [innerValue, setInnerValue] = useMergeState(defaultValue, {
-		defaultValue,
-		onChange: (next) => {
-			if (next != null) onChange?.(next);
-		},
-		value
-	});
-	const normalizedOptions = useMemo(() => (options ?? []).map((o) => normalizeOption(o)), [options]);
-	const groupValue = useMemo(() => innerValue != null ? [innerValue] : [], [innerValue]);
-	return /* @__PURE__ */ jsx(ToggleGroupRoot, {
-		className: cx(classNames?.root, className),
-		disabled,
-		ref,
-		style: {
-			...style,
-			...customStyles?.root
-		},
-		value: groupValue,
-		variant,
-		onValueChange: (next) => {
-			const picked = next[0];
-			if (picked != null) setInnerValue(picked);
-		},
-		children: normalizedOptions.map((opt) => /* @__PURE__ */ jsxs(ToggleGroupItem, {
-			"aria-label": typeof opt.label === "string" ? opt.label : opt.title,
-			className: cx(classNames?.item, opt.className),
-			disabled: disabled || opt.disabled,
-			size,
-			style: customStyles?.item,
-			title: opt.title,
-			value: opt.value,
-			variant,
-			children: [opt.icon != null && /* @__PURE__ */ jsx(ToggleGroupItemIcon, {
-				className: classNames?.itemIcon,
-				style: customStyles?.itemIcon,
-				children: opt.icon
-			}), opt.label != null && /* @__PURE__ */ jsx(ToggleGroupItemLabel, {
-				className: classNames?.itemLabel,
-				style: customStyles?.itemLabel,
-				children: opt.label
-			})]
-		}, opt.value))
-	});
-};
-ToggleGroup.displayName = "ToggleGroup";
-//#endregion
-export { ToggleGroup as default };
-
-//# sourceMappingURL=ToggleGroup.mjs.map

package/es/base-ui/ToggleGroup/ToggleGroup.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleGroup.mjs","names":["useControlledState"],"sources":["../../../src/base-ui/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { useMemo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport {\n  ToggleGroupItem,\n  ToggleGroupItemIcon,\n  ToggleGroupItemLabel,\n  ToggleGroupRoot,\n} from './atoms';\nimport type { ToggleGroupOption, ToggleGroupProps } from './type';\n\nconst normalizeOption = <Value extends string>(\n  option: ToggleGroupOption<Value> | Value,\n): ToggleGroupOption<Value> => (typeof option === 'string' ? { value: option } : option);\n\nconst ToggleGroup = <Value extends string = string>({\n  className,\n  classNames,\n  defaultValue,\n  disabled = false,\n  onChange,\n  options,\n  ref,\n  size = 'middle',\n  style,\n  styles: customStyles,\n  value,\n  variant = 'outlined',\n}: ToggleGroupProps<Value>) => {\n  const [innerValue, setInnerValue] = useControlledState<Value | undefined>(defaultValue, {\n    defaultValue,\n    onChange: (next) => {\n      if (next != null) onChange?.(next);\n    },\n    value,\n  });\n\n  const normalizedOptions = useMemo(\n    () => (options ?? []).map((o) => normalizeOption<Value>(o)),\n    [options],\n  );\n\n  const groupValue = useMemo<Value[]>(() => (innerValue != null ? [innerValue] : []), [innerValue]);\n\n  return (\n    <ToggleGroupRoot<Value>\n      className={cx(classNames?.root, className)}\n      disabled={disabled}\n      ref={ref}\n      style={{ ...style, ...customStyles?.root }}\n      value={groupValue}\n      variant={variant}\n      onValueChange={(next) => {\n        const picked = next[0];\n        if (picked != null) setInnerValue(picked);\n      }}\n    >\n      {normalizedOptions.map((opt) => (\n        <ToggleGroupItem<Value>\n          aria-label={typeof opt.label === 'string' ? opt.label : opt.title}\n          className={cx(classNames?.item, opt.className)}\n          disabled={disabled || opt.disabled}\n          key={opt.value}\n          size={size}\n          style={customStyles?.item}\n          title={opt.title}\n          value={opt.value}\n          variant={variant}\n        >\n          {opt.icon != null && (\n            <ToggleGroupItemIcon className={classNames?.itemIcon} style={customStyles?.itemIcon}>\n              {opt.icon}\n            </ToggleGroupItemIcon>\n          )}\n          {opt.label != null && (\n            <ToggleGroupItemLabel className={classNames?.itemLabel} style={customStyles?.itemLabel}>\n              {opt.label}\n            </ToggleGroupItemLabel>\n          )}\n        </ToggleGroupItem>\n      ))}\n    </ToggleGroupRoot>\n  );\n};\n\nToggleGroup.displayName = 'ToggleGroup';\n\nexport default ToggleGroup;\n"],"mappings":";;;;;;;AAcA,MAAM,mBACJ,WAC8B,OAAO,WAAW,WAAW,EAAE,OAAO,OAAO,IAAI;AAEjF,MAAM,eAA8C,EAClD,WACA,YACA,cACA,WAAW,OACX,UACA,SACA,KACA,OAAO,UACP,OACA,QAAQ,cACR,OACA,UAAU,iBACmB;CAC7B,MAAM,CAAC,YAAY,iBAAiBA,cAAsC,cAAc;EACtF;EACA,WAAW,SAAS;GAClB,IAAI,QAAQ,MAAM,WAAW,IAAI;EACnC;EACA;CACF,CAAC;CAED,MAAM,oBAAoB,eACjB,WAAW,CAAC,EAAA,CAAG,KAAK,MAAM,gBAAuB,CAAC,CAAC,GAC1D,CAAC,OAAO,CACV;CAEA,MAAM,aAAa,cAAwB,cAAc,OAAO,CAAC,UAAU,IAAI,CAAC,GAAI,CAAC,UAAU,CAAC;CAEhG,OACE,oBAAC,iBAAD;EACE,WAAW,GAAG,YAAY,MAAM,SAAS;EAC/B;EACL;EACL,OAAO;GAAE,GAAG;GAAO,GAAG,cAAc;EAAK;EACzC,OAAO;EACE;EACT,gBAAgB,SAAS;GACvB,MAAM,SAAS,KAAK;GACpB,IAAI,UAAU,MAAM,cAAc,MAAM;EAC1C;EAEC,UAAA,kBAAkB,KAAK,QACtB,qBAAC,iBAAD;GACE,cAAY,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ,IAAI;GAC5D,WAAW,GAAG,YAAY,MAAM,IAAI,SAAS;GAC7C,UAAU,YAAY,IAAI;GAEpB;GACN,OAAO,cAAc;GACrB,OAAO,IAAI;GACX,OAAO,IAAI;GACF;GATX,UAAA,CAWG,IAAI,QAAQ,QACX,oBAAC,qBAAD;IAAqB,WAAW,YAAY;IAAU,OAAO,cAAc;IACxE,UAAA,IAAI;GACc,CAAA,GAEtB,IAAI,SAAS,QACZ,oBAAC,sBAAD;IAAsB,WAAW,YAAY;IAAW,OAAO,cAAc;IAC1E,UAAA,IAAI;GACe,CAAA,CAET;EAjBV,GAAA,IAAI,KAiBM,CAClB;CACc,CAAA;AAErB;AAEA,YAAY,cAAc"}

package/es/base-ui/ToggleGroup/atoms.d.mts

@@ -1,33 +0,0 @@
-import { ToggleGroupSize, ToggleGroupVariant } from "./type.mjs";
-import { styles } from "./style.mjs";
-import { CSSProperties, ComponentProps, FC, ReactNode } from "react";
-import { Toggle } from "@base-ui/react/toggle";
-import { ToggleGroup } from "@base-ui/react/toggle-group";
-//#region src/base-ui/ToggleGroup/atoms.d.ts
-type ToggleGroupRootProps<Value extends string = string> = Omit<ComponentProps<typeof ToggleGroup<Value>>, 'className' | 'render'> & {
-  className?: string;
-  variant?: ToggleGroupVariant;
-};
-declare const ToggleGroupRoot: {
-  <Value extends string = string>({ className, variant, ...rest }: ToggleGroupRootProps<Value>): import("react").JSX.Element;
-  displayName: string;
-};
-type ToggleGroupItemProps<Value extends string = string> = Omit<ComponentProps<typeof Toggle<Value>>, 'className' | 'render'> & {
-  className?: string;
-  size?: ToggleGroupSize;
-  variant?: ToggleGroupVariant;
-};
-declare const ToggleGroupItem: {
-  <Value extends string = string>({ className, size, variant, ...rest }: ToggleGroupItemProps<Value>): import("react").JSX.Element;
-  displayName: string;
-};
-interface SimpleSpanProps {
-  children?: ReactNode;
-  className?: string;
-  style?: CSSProperties;
-}
-declare const ToggleGroupItemIcon: FC<SimpleSpanProps>;
-declare const ToggleGroupItemLabel: FC<SimpleSpanProps>;
-//#endregion
-export { ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, ToggleGroupItemProps, ToggleGroupRoot, ToggleGroupRootProps, styles as toggleGroupStyles };
-//# sourceMappingURL=atoms.d.mts.map