@lobehub/ui 5.57.3 → 6.0.0-beta.1

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

@@ -1,381 +0,0 @@
-import { controlHeight } from "../controlSize.mjs";
-import { focusRing } from "../focusRing.mjs";
-import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Button/style.ts
-const buttonPaddingInline = {
-	large: 16,
-	middle: 14,
-	small: 8
-};
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	base: css`
-    cursor: pointer;
-
-    position: relative;
-
-    display: inline-flex;
-    gap: 6px;
-    align-items: center;
-    justify-content: center;
-
-    box-sizing: border-box;
-    border: 1px solid ${cssVar.colorBorder};
-
-    font-weight: 500;
-    line-height: 1;
-    text-decoration: none;
-    white-space: nowrap;
-
-    transition:
-      color 160ms cubic-bezier(0.32, 0.72, 0, 1),
-      background 160ms cubic-bezier(0.32, 0.72, 0, 1),
-      border-color 160ms cubic-bezier(0.32, 0.72, 0, 1),
-      box-shadow 160ms cubic-bezier(0.32, 0.72, 0, 1);
-
-    ${focusRing};
-
-    &:disabled,
-    &[aria-disabled='true'] {
-      pointer-events: none;
-      cursor: not-allowed;
-      opacity: 0.5;
-    }
-  `,
-	sizeSmall: css`
-    --button-padding-inline: ${buttonPaddingInline.small}px;
-
-    height: ${controlHeight.small}px;
-    padding-inline: var(--button-padding-inline);
-    border-radius: ${cssVar.borderRadiusSM};
-    font-size: 12px;
-  `,
-	sizeMiddle: css`
-    --button-padding-inline: ${buttonPaddingInline.middle}px;
-
-    height: ${controlHeight.middle}px;
-    padding-inline: var(--button-padding-inline);
-    border-radius: ${cssVar.borderRadiusSM};
-    font-size: 13px;
-  `,
-	sizeLarge: css`
-    --button-padding-inline: ${buttonPaddingInline.large}px;
-
-    height: ${controlHeight.large}px;
-    padding-inline: var(--button-padding-inline);
-    border-radius: ${cssVar.borderRadius};
-    font-size: 14px;
-  `,
-	outdentStart: css`
-    margin-inline-start: calc(var(--button-padding-inline) * -1);
-  `,
-	outdentEnd: css`
-    margin-inline-end: calc(var(--button-padding-inline) * -1);
-  `,
-	shapeCircle: css`
-    padding-inline: 0;
-    border-radius: 50%;
-  `,
-	shapeRound: css`
-    border-radius: 999px;
-  `,
-	block: css`
-    width: 100%;
-  `,
-	iconEnd: css`
-    flex-direction: row-reverse;
-  `,
-	iconOnlySmall: css`
-    --button-padding-inline: 0px;
-
-    width: 24px;
-    padding-inline: 0;
-  `,
-	iconOnlyMiddle: css`
-    --button-padding-inline: 0px;
-
-    width: 32px;
-    padding-inline: 0;
-  `,
-	iconOnlyLarge: css`
-    --button-padding-inline: 0px;
-
-    width: 40px;
-    padding-inline: 0;
-  `,
-	iconBox: css`
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-  `,
-	spinnerSlot: css`
-    overflow: hidden;
-
-    width: 0;
-    margin-inline-end: -6px;
-
-    opacity: 0;
-
-    transition:
-      width 380ms cubic-bezier(0.22, 1, 0.36, 1),
-      margin 380ms cubic-bezier(0.22, 1, 0.36, 1),
-      opacity 260ms cubic-bezier(0.22, 1, 0.36, 1);
-  `,
-	spinnerSlotEnd: css`
-    margin-inline: -6px 0;
-  `,
-	spinnerSlotShow: css`
-    width: 12px;
-    margin-inline: 0;
-    opacity: 1;
-  `,
-	variantDefault: css`
-    background: ${cssVar.colorBgContainer};
-
-    /* &:hover/&:active included so the anchor form outranks antd's global a:hover/a:active link color */
-    &,
-    &:hover,
-    &:active {
-      color: ${cssVar.colorText};
-    }
-
-    &:hover:not(:disabled, [aria-disabled='true']) {
-      border-color: ${cssVar.colorPrimaryBorder};
-      color: ${cssVar.colorPrimaryText};
-    }
-  `,
-	variantPrimary: css`
-    border-color: ${cssVar.colorPrimary};
-    background: ${cssVar.colorPrimary};
-
-    &,
-    &:hover,
-    &:active {
-      color: ${cssVar.colorBgLayout};
-    }
-
-    &:hover:not(:disabled, [aria-disabled='true']) {
-      border-color: ${cssVar.colorPrimaryHover};
-      background: ${cssVar.colorPrimaryHover};
-    }
-
-    &:active:not(:disabled, [aria-disabled='true']) {
-      border-color: ${cssVar.colorPrimaryActive};
-      background: ${cssVar.colorPrimaryActive};
-    }
-
-    /* triple-class specificity so the global popup-open trigger highlight cannot wash out a solid button */
-    &&&[data-popup-open] {
-      border-color: ${cssVar.colorPrimaryActive};
-      background: ${cssVar.colorPrimaryActive};
-    }
-  `,
-	variantDashed: css`
-    border-style: dashed;
-    background: ${cssVar.colorBgContainer};
-
-    &,
-    &:hover,
-    &:active {
-      color: ${cssVar.colorText};
-    }
-
-    &:hover:not(:disabled, [aria-disabled='true']) {
-      border-color: ${cssVar.colorPrimaryBorder};
-      color: ${cssVar.colorPrimaryText};
-    }
-  `,
-	variantFill: css`
-    border-color: transparent;
-    background: ${cssVar.colorFillTertiary};
-
-    &,
-    &:hover,
-    &:active {
-      color: ${cssVar.colorText};
-    }
-
-    &:hover:not(:disabled, [aria-disabled='true']) {
-      background: ${cssVar.colorFillSecondary};
-    }
-
-    &:active:not(:disabled, [aria-disabled='true']) {
-      background: ${cssVar.colorFill};
-    }
-  `,
-	variantText: css`
-    border-color: transparent;
-    background: transparent;
-
-    &,
-    &:hover,
-    &:active {
-      color: ${cssVar.colorText};
-    }
-
-    &:hover:not(:disabled, [aria-disabled='true']) {
-      background: ${cssVar.colorFillSecondary};
-    }
-  `,
-	variantLink: css`
-    padding-inline: 0;
-    border-color: transparent;
-    background: transparent;
-
-    &,
-    &:hover,
-    &:active {
-      color: ${cssVar.colorPrimary};
-    }
-
-    &:hover:not(:disabled, [aria-disabled='true']) {
-      color: ${cssVar.colorPrimaryHover};
-      background: transparent;
-    }
-  `,
-	dangerOutlined: css`
-    border-color: ${cssVar.colorError};
-    background: ${cssVar.colorBgContainer};
-
-    &,
-    &:hover,
-    &:active {
-      color: ${cssVar.colorError};
-    }
-
-    &:hover:not(:disabled, [aria-disabled='true']) {
-      border-color: ${cssVar.colorErrorHover};
-      color: ${cssVar.colorErrorHover};
-      background: ${cssVar.colorBgContainer};
-    }
-  `,
-	dangerSolid: css`
-    border-color: ${cssVar.colorError};
-    background: ${cssVar.colorError};
-
-    &,
-    &:hover,
-    &:active {
-      color: ${cssVar.colorBgLayout};
-    }
-
-    &:hover:not(:disabled, [aria-disabled='true']) {
-      border-color: ${cssVar.colorErrorHover};
-      background: ${cssVar.colorErrorHover};
-    }
-
-    &:active:not(:disabled, [aria-disabled='true']) {
-      border-color: ${cssVar.colorErrorActive};
-      background: ${cssVar.colorErrorActive};
-    }
-
-    &&&[data-popup-open] {
-      border-color: ${cssVar.colorErrorActive};
-      background: ${cssVar.colorErrorActive};
-    }
-  `,
-	dangerFill: css`
-    border-color: transparent;
-    color: ${cssVar.colorError};
-    background: ${cssVar.colorErrorBg};
-
-    &:hover:not(:disabled, [aria-disabled='true']) {
-      color: ${cssVar.colorErrorHover};
-      background: ${cssVar.colorErrorBgHover};
-    }
-
-    &:active:not(:disabled, [aria-disabled='true']) {
-      color: ${cssVar.colorErrorActive};
-      background: ${cssVar.colorErrorBgHover};
-    }
-  `,
-	dangerInline: css`
-    &,
-    &:hover,
-    &:active {
-      color: ${cssVar.colorError};
-    }
-
-    &:hover:not(:disabled, [aria-disabled='true']) {
-      color: ${cssVar.colorErrorHover};
-    }
-  `,
-	ghostDefault: css`
-    border-color: transparent;
-    background: transparent;
-
-    &,
-    &:hover,
-    &:active {
-      color: ${cssVar.colorText};
-    }
-
-    &:hover:not(:disabled, [aria-disabled='true']) {
-      background: ${cssVar.colorFillSecondary};
-    }
-
-    &:active:not(:disabled, [aria-disabled='true']) {
-      background: ${cssVar.colorFill};
-    }
-  `,
-	ghostPrimary: css`
-    border-color: transparent;
-    background: transparent;
-
-    &,
-    &:hover,
-    &:active {
-      color: ${cssVar.colorPrimary};
-    }
-
-    &:hover:not(:disabled, [aria-disabled='true']) {
-      color: ${cssVar.colorPrimaryHover};
-      background: ${cssVar.colorFillSecondary};
-    }
-
-    &:active:not(:disabled, [aria-disabled='true']) {
-      color: ${cssVar.colorPrimaryActive};
-      background: ${cssVar.colorFill};
-    }
-  `,
-	ghostDanger: css`
-    border-color: transparent;
-    background: transparent;
-
-    &,
-    &:hover,
-    &:active {
-      color: ${cssVar.colorError};
-    }
-
-    &:hover:not(:disabled, [aria-disabled='true']) {
-      color: ${cssVar.colorErrorHover};
-      background: ${cssVar.colorFillSecondary};
-    }
-
-    &:active:not(:disabled, [aria-disabled='true']) {
-      color: ${cssVar.colorErrorActive};
-      background: ${cssVar.colorFill};
-    }
-  `,
-	spinner: css`
-    @keyframes base-button-spin {
-      to {
-        transform: rotate(360deg);
-      }
-    }
-
-    display: inline-block;
-
-    width: 12px;
-    height: 12px;
-    border: 1.5px solid currentcolor;
-    border-block-start-color: transparent;
-    border-radius: 50%;
-
-    animation: base-button-spin 0.6s linear infinite;
-  `
-}));
-//#endregion
-export { buttonPaddingInline, styles };
-
-//# sourceMappingURL=style.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Button/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { controlHeight } from '@/base-ui/controlSize';\nimport { focusRing } from '@/base-ui/focusRing';\n\nexport const buttonPaddingInline = {\n  large: 16,\n  middle: 14,\n  small: 8,\n} as const;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  base: css`\n    cursor: pointer;\n\n    position: relative;\n\n    display: inline-flex;\n    gap: 6px;\n    align-items: center;\n    justify-content: center;\n\n    box-sizing: border-box;\n    border: 1px solid ${cssVar.colorBorder};\n\n    font-weight: 500;\n    line-height: 1;\n    text-decoration: none;\n    white-space: nowrap;\n\n    transition:\n      color 160ms cubic-bezier(0.32, 0.72, 0, 1),\n      background 160ms cubic-bezier(0.32, 0.72, 0, 1),\n      border-color 160ms cubic-bezier(0.32, 0.72, 0, 1),\n      box-shadow 160ms cubic-bezier(0.32, 0.72, 0, 1);\n\n    ${focusRing};\n\n    &:disabled,\n    &[aria-disabled='true'] {\n      pointer-events: none;\n      cursor: not-allowed;\n      opacity: 0.5;\n    }\n  `,\n\n  sizeSmall: css`\n    --button-padding-inline: ${buttonPaddingInline.small}px;\n\n    height: ${controlHeight.small}px;\n    padding-inline: var(--button-padding-inline);\n    border-radius: ${cssVar.borderRadiusSM};\n    font-size: 12px;\n  `,\n\n  sizeMiddle: css`\n    --button-padding-inline: ${buttonPaddingInline.middle}px;\n\n    height: ${controlHeight.middle}px;\n    padding-inline: var(--button-padding-inline);\n    border-radius: ${cssVar.borderRadiusSM};\n    font-size: 13px;\n  `,\n\n  sizeLarge: css`\n    --button-padding-inline: ${buttonPaddingInline.large}px;\n\n    height: ${controlHeight.large}px;\n    padding-inline: var(--button-padding-inline);\n    border-radius: ${cssVar.borderRadius};\n    font-size: 14px;\n  `,\n\n  outdentStart: css`\n    margin-inline-start: calc(var(--button-padding-inline) * -1);\n  `,\n\n  outdentEnd: css`\n    margin-inline-end: calc(var(--button-padding-inline) * -1);\n  `,\n\n  shapeCircle: css`\n    padding-inline: 0;\n    border-radius: 50%;\n  `,\n\n  shapeRound: css`\n    border-radius: 999px;\n  `,\n\n  block: css`\n    width: 100%;\n  `,\n\n  iconEnd: css`\n    flex-direction: row-reverse;\n  `,\n\n  iconOnlySmall: css`\n    --button-padding-inline: 0px;\n\n    width: 24px;\n    padding-inline: 0;\n  `,\n\n  iconOnlyMiddle: css`\n    --button-padding-inline: 0px;\n\n    width: 32px;\n    padding-inline: 0;\n  `,\n\n  iconOnlyLarge: css`\n    --button-padding-inline: 0px;\n\n    width: 40px;\n    padding-inline: 0;\n  `,\n\n  iconBox: css`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  `,\n\n  spinnerSlot: css`\n    overflow: hidden;\n\n    width: 0;\n    margin-inline-end: -6px;\n\n    opacity: 0;\n\n    transition:\n      width 380ms cubic-bezier(0.22, 1, 0.36, 1),\n      margin 380ms cubic-bezier(0.22, 1, 0.36, 1),\n      opacity 260ms cubic-bezier(0.22, 1, 0.36, 1);\n  `,\n\n  spinnerSlotEnd: css`\n    margin-inline: -6px 0;\n  `,\n\n  spinnerSlotShow: css`\n    width: 12px;\n    margin-inline: 0;\n    opacity: 1;\n  `,\n\n  variantDefault: css`\n    background: ${cssVar.colorBgContainer};\n\n    /* &:hover/&:active included so the anchor form outranks antd's global a:hover/a:active link color */\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorText};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      border-color: ${cssVar.colorPrimaryBorder};\n      color: ${cssVar.colorPrimaryText};\n    }\n  `,\n\n  variantPrimary: css`\n    border-color: ${cssVar.colorPrimary};\n    background: ${cssVar.colorPrimary};\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorBgLayout};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      border-color: ${cssVar.colorPrimaryHover};\n      background: ${cssVar.colorPrimaryHover};\n    }\n\n    &:active:not(:disabled, [aria-disabled='true']) {\n      border-color: ${cssVar.colorPrimaryActive};\n      background: ${cssVar.colorPrimaryActive};\n    }\n\n    /* triple-class specificity so the global popup-open trigger highlight cannot wash out a solid button */\n    &&&[data-popup-open] {\n      border-color: ${cssVar.colorPrimaryActive};\n      background: ${cssVar.colorPrimaryActive};\n    }\n  `,\n\n  variantDashed: css`\n    border-style: dashed;\n    background: ${cssVar.colorBgContainer};\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorText};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      border-color: ${cssVar.colorPrimaryBorder};\n      color: ${cssVar.colorPrimaryText};\n    }\n  `,\n\n  variantFill: css`\n    border-color: transparent;\n    background: ${cssVar.colorFillTertiary};\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorText};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &:active:not(:disabled, [aria-disabled='true']) {\n      background: ${cssVar.colorFill};\n    }\n  `,\n\n  variantText: css`\n    border-color: transparent;\n    background: transparent;\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorText};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n\n  variantLink: css`\n    padding-inline: 0;\n    border-color: transparent;\n    background: transparent;\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorPrimary};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      color: ${cssVar.colorPrimaryHover};\n      background: transparent;\n    }\n  `,\n\n  dangerOutlined: css`\n    border-color: ${cssVar.colorError};\n    background: ${cssVar.colorBgContainer};\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorError};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      border-color: ${cssVar.colorErrorHover};\n      color: ${cssVar.colorErrorHover};\n      background: ${cssVar.colorBgContainer};\n    }\n  `,\n\n  dangerSolid: css`\n    border-color: ${cssVar.colorError};\n    background: ${cssVar.colorError};\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorBgLayout};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      border-color: ${cssVar.colorErrorHover};\n      background: ${cssVar.colorErrorHover};\n    }\n\n    &:active:not(:disabled, [aria-disabled='true']) {\n      border-color: ${cssVar.colorErrorActive};\n      background: ${cssVar.colorErrorActive};\n    }\n\n    &&&[data-popup-open] {\n      border-color: ${cssVar.colorErrorActive};\n      background: ${cssVar.colorErrorActive};\n    }\n  `,\n\n  dangerFill: css`\n    border-color: transparent;\n    color: ${cssVar.colorError};\n    background: ${cssVar.colorErrorBg};\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      color: ${cssVar.colorErrorHover};\n      background: ${cssVar.colorErrorBgHover};\n    }\n\n    &:active:not(:disabled, [aria-disabled='true']) {\n      color: ${cssVar.colorErrorActive};\n      background: ${cssVar.colorErrorBgHover};\n    }\n  `,\n\n  dangerInline: css`\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorError};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      color: ${cssVar.colorErrorHover};\n    }\n  `,\n\n  ghostDefault: css`\n    border-color: transparent;\n    background: transparent;\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorText};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &:active:not(:disabled, [aria-disabled='true']) {\n      background: ${cssVar.colorFill};\n    }\n  `,\n\n  ghostPrimary: css`\n    border-color: transparent;\n    background: transparent;\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorPrimary};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      color: ${cssVar.colorPrimaryHover};\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &:active:not(:disabled, [aria-disabled='true']) {\n      color: ${cssVar.colorPrimaryActive};\n      background: ${cssVar.colorFill};\n    }\n  `,\n\n  ghostDanger: css`\n    border-color: transparent;\n    background: transparent;\n\n    &,\n    &:hover,\n    &:active {\n      color: ${cssVar.colorError};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      color: ${cssVar.colorErrorHover};\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &:active:not(:disabled, [aria-disabled='true']) {\n      color: ${cssVar.colorErrorActive};\n      background: ${cssVar.colorFill};\n    }\n  `,\n\n  spinner: css`\n    @keyframes base-button-spin {\n      to {\n        transform: rotate(360deg);\n      }\n    }\n\n    display: inline-block;\n\n    width: 12px;\n    height: 12px;\n    border: 1.5px solid currentcolor;\n    border-block-start-color: transparent;\n    border-radius: 50%;\n\n    animation: base-button-spin 0.6s linear infinite;\n  `,\n}));\n"],"mappings":"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"}

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

@@ -1,54 +0,0 @@
-import { IconProps } from "../../Icon/type.mjs";
-import "../../Icon/index.mjs";
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, CSSProperties, ReactNode, Ref } from "react";
-//#region src/base-ui/Button/type.d.ts
-type ButtonType = 'default' | 'primary' | 'dashed' | 'fill' | 'link' | 'text';
-type ButtonShape = 'default' | 'circle' | 'round';
-type ButtonSize = 'small' | 'middle' | 'large';
-type ButtonIconPosition = 'start' | 'end';
-type ButtonOutdent = boolean | 'start' | 'end';
-interface BaseButtonOwnProps {
-  block?: boolean;
-  children?: ReactNode;
-  classNames?: {
-    icon?: string;
-  };
-  danger?: boolean;
-  disabled?: boolean;
-  /**
-   * Strips the fill and the border, leaving only the type's semantic color and a hover
-   * wash. Unlike antd's `ghost`, this is not an on-dark-background variant. It is a no-op
-   * on `text` and `link`, which already carry no surface.
-   */
-  ghost?: boolean;
-  href?: string;
-  htmlType?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
-  icon?: IconProps['icon'] | ReactNode;
-  iconPosition?: ButtonIconPosition;
-  loading?: boolean;
-  ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;
-  shape?: ButtonShape;
-  size?: ButtonSize;
-  styles?: {
-    icon?: CSSProperties;
-  };
-  target?: string;
-}
-type TextOutdentProps<T extends ButtonType> = [T] extends ['text'] ? {
-  /**
-   * Cancels this size's `padding-inline` with a negative margin so a `text`
-   * button lines up with adjacent copy. `true` / `'start'` outdent the start
-   * edge; `'end'` outdents the end edge.
-   */
-  outdent?: ButtonOutdent;
-  type?: T;
-} : {
-  outdent?: never;
-  type?: T;
-};
-type NativeButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseButtonOwnProps | 'type' | 'outdent'>;
-type NativeAnchorProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof BaseButtonOwnProps | 'type' | 'outdent'>;
-type ButtonProps<T extends ButtonType = ButtonType> = BaseButtonOwnProps & NativeButtonProps & Partial<NativeAnchorProps> & TextOutdentProps<T>;
-//#endregion
-export { ButtonIconPosition, ButtonOutdent, ButtonProps, ButtonShape, ButtonSize, ButtonType };
-//# sourceMappingURL=type.d.mts.map

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

@@ -1,6 +0,0 @@
-import { CarouselProps } from "./type.mjs";
-//#region src/base-ui/Carousel/Carousel.d.ts
-declare const Carousel: import("react").NamedExoticComponent<CarouselProps>;
-//#endregion
-export { Carousel as default };
-//# sourceMappingURL=Carousel.d.mts.map

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

@@ -1,157 +0,0 @@
-"use client";
-import ActionIcon from "../ActionIcon/ActionIcon.mjs";
-import { useEventCallback } from "../../hooks/useEventCallback.mjs";
-import { styles } from "./style.mjs";
-import { Children, isValidElement, memo, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import useMergeState from "use-merge-value";
-import { ChevronLeft, ChevronRight } from "lucide-react";
-//#region src/base-ui/Carousel/Carousel.tsx
-const DEFAULT_INTERVAL = 5e3;
-const SWIPE_THRESHOLD = 40;
-const ARROW_SIZE = {
-	blockSize: 28,
-	borderRadius: "50%",
-	size: 16
-};
-const Carousel = memo(({ adaptiveHeight = false, arrows = false, autoplay = false, children, className, defaultIndex = 0, dots = true, index, loop = true, onIndexChange, onPointerEnter, onPointerLeave, pauseOnHover = true, ref, ...rest }) => {
-	const slides = Children.toArray(children);
-	const count = slides.length;
-	const keys = slides.map((slide, slideIndex) => isValidElement(slide) && slide.key !== null ? slide.key : slideIndex);
-	const [mergedIndex, setMergedIndex] = useMergeState(defaultIndex, {
-		onChange: onIndexChange,
-		value: index
-	});
-	const current = Math.min(Math.max(mergedIndex, 0), Math.max(count - 1, 0));
-	const [hovered, setHovered] = useState(false);
-	const [height, setHeight] = useState();
-	const slidesRef = useRef([]);
-	const swipeStartXRef = useRef(null);
-	const goTo = useEventCallback((target) => {
-		if (count === 0) return;
-		const next = loop ? (target % count + count) % count : Math.min(Math.max(target, 0), count - 1);
-		if (next !== current) setMergedIndex(next);
-	});
-	const next = useEventCallback(() => goTo(current + 1));
-	const prev = useEventCallback(() => goTo(current - 1));
-	useImperativeHandle(ref, () => ({
-		goTo,
-		next,
-		prev
-	}), [
-		goTo,
-		next,
-		prev
-	]);
-	const interval = autoplay === true ? DEFAULT_INTERVAL : autoplay || 0;
-	const paused = pauseOnHover && hovered;
-	const atEnd = !loop && current >= count - 1;
-	useEffect(() => {
-		if (!interval || paused || count < 2 || atEnd) return;
-		const timer = setTimeout(next, interval);
-		return () => clearTimeout(timer);
-	}, [
-		interval,
-		paused,
-		count,
-		atEnd,
-		current,
-		next
-	]);
-	useLayoutEffect(() => {
-		const slide = slidesRef.current[current];
-		if (!adaptiveHeight || !slide) return;
-		setHeight(slide.offsetHeight);
-		if (typeof ResizeObserver === "undefined") return;
-		const observer = new ResizeObserver(() => setHeight(slide.offsetHeight));
-		observer.observe(slide);
-		return () => observer.disconnect();
-	}, [
-		adaptiveHeight,
-		current,
-		count
-	]);
-	return /* @__PURE__ */ jsxs("div", {
-		"aria-roledescription": "carousel",
-		className: cx(styles.root, className),
-		role: "region",
-		onPointerEnter: (event) => {
-			onPointerEnter?.(event);
-			setHovered(true);
-		},
-		onPointerLeave: (event) => {
-			onPointerLeave?.(event);
-			setHovered(false);
-		},
-		...rest,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: styles.viewport,
-			style: adaptiveHeight && height !== void 0 ? { height } : void 0,
-			onPointerCancel: () => {
-				swipeStartXRef.current = null;
-			},
-			onPointerDown: (event) => {
-				if (event.pointerType !== "mouse") swipeStartXRef.current = event.clientX;
-			},
-			onPointerUp: (event) => {
-				if (swipeStartXRef.current === null) return;
-				const delta = event.clientX - swipeStartXRef.current;
-				swipeStartXRef.current = null;
-				if (Math.abs(delta) < SWIPE_THRESHOLD) return;
-				if (delta < 0) next();
-				else prev();
-			},
-			children: [/* @__PURE__ */ jsx("div", {
-				"aria-live": interval && !paused ? "off" : "polite",
-				className: cx(styles.track, adaptiveHeight && styles.trackAdaptive),
-				style: { transform: `translateX(-${current * 100}%)` },
-				children: slides.map((slide, slideIndex) => {
-					const active = slideIndex === current;
-					return /* @__PURE__ */ jsx("div", {
-						"aria-hidden": !active || void 0,
-						"aria-label": `${slideIndex + 1} of ${count}`,
-						"aria-roledescription": "slide",
-						className: styles.slide,
-						inert: !active,
-						role: "group",
-						ref: (node) => {
-							slidesRef.current[slideIndex] = node;
-						},
-						children: slide
-					}, keys[slideIndex]);
-				})
-			}), arrows && count > 1 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ActionIcon, {
-				"aria-label": "Previous slide",
-				className: styles.arrow,
-				disabled: !loop && current === 0,
-				icon: ChevronLeft,
-				size: ARROW_SIZE,
-				style: { insetInlineStart: 8 },
-				onClick: prev
-			}), /* @__PURE__ */ jsx(ActionIcon, {
-				"aria-label": "Next slide",
-				className: styles.arrow,
-				disabled: atEnd,
-				icon: ChevronRight,
-				size: ARROW_SIZE,
-				style: { insetInlineEnd: 8 },
-				onClick: next
-			})] })]
-		}), dots && count > 1 && /* @__PURE__ */ jsx("div", {
-			className: styles.dots,
-			children: slides.map((_, dotIndex) => /* @__PURE__ */ jsx("button", {
-				"aria-current": dotIndex === current || void 0,
-				"aria-label": `Go to slide ${dotIndex + 1}`,
-				className: styles.dot,
-				type: "button",
-				onClick: () => goTo(dotIndex)
-			}, keys[dotIndex]))
-		})]
-	});
-});
-Carousel.displayName = "Carousel";
-//#endregion
-export { Carousel as default };
-
-//# sourceMappingURL=Carousel.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Carousel.mjs","names":["useControlledState"],"sources":["../../../src/base-ui/Carousel/Carousel.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport {\n  Children,\n  isValidElement,\n  memo,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport ActionIcon from '@/base-ui/ActionIcon';\nimport { useEventCallback } from '@/hooks/useEventCallback';\n\nimport { styles } from './style';\nimport type { CarouselProps } from './type';\n\nconst DEFAULT_INTERVAL = 5000;\nconst SWIPE_THRESHOLD = 40;\nconst ARROW_SIZE = { blockSize: 28, borderRadius: '50%', size: 16 };\n\nconst Carousel = memo<CarouselProps>(\n  ({\n    adaptiveHeight = false,\n    arrows = false,\n    autoplay = false,\n    children,\n    className,\n    defaultIndex = 0,\n    dots = true,\n    index,\n    loop = true,\n    onIndexChange,\n    onPointerEnter,\n    onPointerLeave,\n    pauseOnHover = true,\n    ref,\n    ...rest\n  }) => {\n    const slides = Children.toArray(children);\n    const count = slides.length;\n    const keys = slides.map((slide, slideIndex) =>\n      isValidElement(slide) && slide.key !== null ? slide.key : slideIndex,\n    );\n    const [mergedIndex, setMergedIndex] = useControlledState(defaultIndex, {\n      onChange: onIndexChange,\n      value: index,\n    });\n    const current = Math.min(Math.max(mergedIndex, 0), Math.max(count - 1, 0));\n\n    const [hovered, setHovered] = useState(false);\n    const [height, setHeight] = useState<number>();\n    const slidesRef = useRef<(HTMLDivElement | null)[]>([]);\n    const swipeStartXRef = useRef<number | null>(null);\n\n    const goTo = useEventCallback((target: number) => {\n      if (count === 0) return;\n      const next = loop\n        ? ((target % count) + count) % count\n        : Math.min(Math.max(target, 0), count - 1);\n      if (next !== current) setMergedIndex(next);\n    });\n    const next = useEventCallback(() => goTo(current + 1));\n    const prev = useEventCallback(() => goTo(current - 1));\n\n    useImperativeHandle(ref, () => ({ goTo, next, prev }), [goTo, next, prev]);\n\n    const interval = autoplay === true ? DEFAULT_INTERVAL : autoplay || 0;\n    const paused = pauseOnHover && hovered;\n    const atEnd = !loop && current >= count - 1;\n\n    useEffect(() => {\n      if (!interval || paused || count < 2 || atEnd) return;\n      const timer = setTimeout(next, interval);\n      return () => clearTimeout(timer);\n    }, [interval, paused, count, atEnd, current, next]);\n\n    useLayoutEffect(() => {\n      const slide = slidesRef.current[current];\n      if (!adaptiveHeight || !slide) return;\n      setHeight(slide.offsetHeight);\n      if (typeof ResizeObserver === 'undefined') return;\n      const observer = new ResizeObserver(() => setHeight(slide.offsetHeight));\n      observer.observe(slide);\n      return () => observer.disconnect();\n    }, [adaptiveHeight, current, count]);\n\n    return (\n      <div\n        aria-roledescription=\"carousel\"\n        className={cx(styles.root, className)}\n        role=\"region\"\n        onPointerEnter={(event) => {\n          onPointerEnter?.(event);\n          setHovered(true);\n        }}\n        onPointerLeave={(event) => {\n          onPointerLeave?.(event);\n          setHovered(false);\n        }}\n        {...rest}\n      >\n        <div\n          className={styles.viewport}\n          style={adaptiveHeight && height !== undefined ? { height } : undefined}\n          onPointerCancel={() => {\n            swipeStartXRef.current = null;\n          }}\n          onPointerDown={(event) => {\n            if (event.pointerType !== 'mouse') swipeStartXRef.current = event.clientX;\n          }}\n          onPointerUp={(event) => {\n            if (swipeStartXRef.current === null) return;\n            const delta = event.clientX - swipeStartXRef.current;\n            swipeStartXRef.current = null;\n            if (Math.abs(delta) < SWIPE_THRESHOLD) return;\n            if (delta < 0) next();\n            else prev();\n          }}\n        >\n          <div\n            aria-live={interval && !paused ? 'off' : 'polite'}\n            className={cx(styles.track, adaptiveHeight && styles.trackAdaptive)}\n            style={{ transform: `translateX(-${current * 100}%)` }}\n          >\n            {slides.map((slide, slideIndex) => {\n              const active = slideIndex === current;\n              return (\n                <div\n                  aria-hidden={!active || undefined}\n                  aria-label={`${slideIndex + 1} of ${count}`}\n                  aria-roledescription=\"slide\"\n                  className={styles.slide}\n                  inert={!active}\n                  key={keys[slideIndex]}\n                  role=\"group\"\n                  ref={(node) => {\n                    slidesRef.current[slideIndex] = node;\n                  }}\n                >\n                  {slide}\n                </div>\n              );\n            })}\n          </div>\n          {arrows && count > 1 && (\n            <>\n              <ActionIcon\n                aria-label=\"Previous slide\"\n                className={styles.arrow}\n                disabled={!loop && current === 0}\n                icon={ChevronLeft}\n                size={ARROW_SIZE}\n                style={{ insetInlineStart: 8 }}\n                onClick={prev}\n              />\n              <ActionIcon\n                aria-label=\"Next slide\"\n                className={styles.arrow}\n                disabled={atEnd}\n                icon={ChevronRight}\n                size={ARROW_SIZE}\n                style={{ insetInlineEnd: 8 }}\n                onClick={next}\n              />\n            </>\n          )}\n        </div>\n        {dots && count > 1 && (\n          <div className={styles.dots}>\n            {slides.map((_, dotIndex) => (\n              <button\n                aria-current={dotIndex === current || undefined}\n                aria-label={`Go to slide ${dotIndex + 1}`}\n                className={styles.dot}\n                key={keys[dotIndex]}\n                type=\"button\"\n                onClick={() => goTo(dotIndex)}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nCarousel.displayName = 'Carousel';\n\nexport default Carousel;\n"],"mappings":";;;;;;;;;;AAsBA,MAAM,mBAAmB;AACzB,MAAM,kBAAkB;AACxB,MAAM,aAAa;CAAE,WAAW;CAAI,cAAc;CAAO,MAAM;AAAG;AAElE,MAAM,WAAW,MACd,EACC,iBAAiB,OACjB,SAAS,OACT,WAAW,OACX,UACA,WACA,eAAe,GACf,OAAO,MACP,OACA,OAAO,MACP,eACA,gBACA,gBACA,eAAe,MACf,KACA,GAAG,WACC;CACJ,MAAM,SAAS,SAAS,QAAQ,QAAQ;CACxC,MAAM,QAAQ,OAAO;CACrB,MAAM,OAAO,OAAO,KAAK,OAAO,eAC9B,eAAe,KAAK,KAAK,MAAM,QAAQ,OAAO,MAAM,MAAM,UAC5D;CACA,MAAM,CAAC,aAAa,kBAAkBA,cAAmB,cAAc;EACrE,UAAU;EACV,OAAO;CACT,CAAC;CACD,MAAM,UAAU,KAAK,IAAI,KAAK,IAAI,aAAa,CAAC,GAAG,KAAK,IAAI,QAAQ,GAAG,CAAC,CAAC;CAEzE,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,CAAC,QAAQ,aAAa,SAAiB;CAC7C,MAAM,YAAY,OAAkC,CAAC,CAAC;CACtD,MAAM,iBAAiB,OAAsB,IAAI;CAEjD,MAAM,OAAO,kBAAkB,WAAmB;EAChD,IAAI,UAAU,GAAG;EACjB,MAAM,OAAO,QACP,SAAS,QAAS,SAAS,QAC7B,KAAK,IAAI,KAAK,IAAI,QAAQ,CAAC,GAAG,QAAQ,CAAC;EAC3C,IAAI,SAAS,SAAS,eAAe,IAAI;CAC3C,CAAC;CACD,MAAM,OAAO,uBAAuB,KAAK,UAAU,CAAC,CAAC;CACrD,MAAM,OAAO,uBAAuB,KAAK,UAAU,CAAC,CAAC;CAErD,oBAAoB,YAAY;EAAE;EAAM;EAAM;CAAK,IAAI;EAAC;EAAM;EAAM;CAAI,CAAC;CAEzE,MAAM,WAAW,aAAa,OAAO,mBAAmB,YAAY;CACpE,MAAM,SAAS,gBAAgB;CAC/B,MAAM,QAAQ,CAAC,QAAQ,WAAW,QAAQ;CAE1C,gBAAgB;EACd,IAAI,CAAC,YAAY,UAAU,QAAQ,KAAK,OAAO;EAC/C,MAAM,QAAQ,WAAW,MAAM,QAAQ;EACvC,aAAa,aAAa,KAAK;CACjC,GAAG;EAAC;EAAU;EAAQ;EAAO;EAAO;EAAS;CAAI,CAAC;CAElD,sBAAsB;EACpB,MAAM,QAAQ,UAAU,QAAQ;EAChC,IAAI,CAAC,kBAAkB,CAAC,OAAO;EAC/B,UAAU,MAAM,YAAY;EAC5B,IAAI,OAAO,mBAAmB,aAAa;EAC3C,MAAM,WAAW,IAAI,qBAAqB,UAAU,MAAM,YAAY,CAAC;EACvE,SAAS,QAAQ,KAAK;EACtB,aAAa,SAAS,WAAW;CACnC,GAAG;EAAC;EAAgB;EAAS;CAAK,CAAC;CAEnC,OACE,qBAAC,OAAD;EACE,wBAAqB;EACrB,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,MAAK;EACL,iBAAiB,UAAU;GACzB,iBAAiB,KAAK;GACtB,WAAW,IAAI;EACjB;EACA,iBAAiB,UAAU;GACzB,iBAAiB,KAAK;GACtB,WAAW,KAAK;EAClB;EACA,GAAI;EAZN,UAAA,CAcE,qBAAC,OAAD;GACE,WAAW,OAAO;GAClB,OAAO,kBAAkB,WAAW,KAAA,IAAY,EAAE,OAAO,IAAI,KAAA;GAC7D,uBAAuB;IACrB,eAAe,UAAU;GAC3B;GACA,gBAAgB,UAAU;IACxB,IAAI,MAAM,gBAAgB,SAAS,eAAe,UAAU,MAAM;GACpE;GACA,cAAc,UAAU;IACtB,IAAI,eAAe,YAAY,MAAM;IACrC,MAAM,QAAQ,MAAM,UAAU,eAAe;IAC7C,eAAe,UAAU;IACzB,IAAI,KAAK,IAAI,KAAK,IAAI,iBAAiB;IACvC,IAAI,QAAQ,GAAG,KAAK;SACf,KAAK;GACZ;GAhBF,UAAA,CAkBE,oBAAC,OAAD;IACE,aAAW,YAAY,CAAC,SAAS,QAAQ;IACzC,WAAW,GAAG,OAAO,OAAO,kBAAkB,OAAO,aAAa;IAClE,OAAO,EAAE,WAAW,eAAe,UAAU,IAAI,IAAI;IAEpD,UAAA,OAAO,KAAK,OAAO,eAAe;KACjC,MAAM,SAAS,eAAe;KAC9B,OACE,oBAAC,OAAD;MACE,eAAa,CAAC,UAAU,KAAA;MACxB,cAAY,GAAG,aAAa,EAAE,MAAM;MACpC,wBAAqB;MACrB,WAAW,OAAO;MAClB,OAAO,CAAC;MAER,MAAK;MACL,MAAM,SAAS;OACb,UAAU,QAAQ,cAAc;MAClC;MAEC,UAAA;KACE,GAPE,KAAK,WAOP;IAET,CAAC;GACE,CAAA,GACJ,UAAU,QAAQ,KACjB,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,YAAD;IACE,cAAW;IACX,WAAW,OAAO;IAClB,UAAU,CAAC,QAAQ,YAAY;IAC/B,MAAM;IACN,MAAM;IACN,OAAO,EAAE,kBAAkB,EAAE;IAC7B,SAAS;GACV,CAAA,GACD,oBAAC,YAAD;IACE,cAAW;IACX,WAAW,OAAO;IAClB,UAAU;IACV,MAAM;IACN,MAAM;IACN,OAAO,EAAE,gBAAgB,EAAE;IAC3B,SAAS;GACV,CAAA,CACD,EAAA,CAAA,CAED;EACJ,CAAA,GAAA,QAAQ,QAAQ,KACf,oBAAC,OAAD;GAAK,WAAW,OAAO;GACpB,UAAA,OAAO,KAAK,GAAG,aACd,oBAAC,UAAD;IACE,gBAAc,aAAa,WAAW,KAAA;IACtC,cAAY,eAAe,WAAW;IACtC,WAAW,OAAO;IAElB,MAAK;IACL,eAAe,KAAK,QAAQ;GAC7B,GAHM,KAAK,SAGX,CACF;EACE,CAAA,CAEJ;;AAET,CACF;AAEA,SAAS,cAAc"}