@jinmi/ui 0.0.0-stage → 6.0.2

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

@@ -0,0 +1,382 @@
+import { inkCssVar } from "../../styles/inkCssVar.mjs";
+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: ${inkCssVar.colorInk};
+    background: ${inkCssVar.colorInk};
+
+    &,
+    &:hover,
+    &:active {
+      color: ${inkCssVar.colorInkText};
+    }
+
+    &:hover:not(:disabled, [aria-disabled='true']) {
+      border-color: ${inkCssVar.colorInkHover};
+      background: ${inkCssVar.colorInkHover};
+    }
+
+    &:active:not(:disabled, [aria-disabled='true']) {
+      border-color: ${inkCssVar.colorInkActive};
+      background: ${inkCssVar.colorInkActive};
+    }
+
+    /* triple-class specificity so the global popup-open trigger highlight cannot wash out a solid button */
+    &&&[data-popup-open] {
+      border-color: ${inkCssVar.colorInkActive};
+      background: ${inkCssVar.colorInkActive};
+    }
+  `,
+	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

@@ -0,0 +1 @@
+{"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';\nimport { inkCssVar } from '@/styles/inkCssVar';\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: ${inkCssVar.colorInk};\n    background: ${inkCssVar.colorInk};\n\n    &,\n    &:hover,\n    &:active {\n      color: ${inkCssVar.colorInkText};\n    }\n\n    &:hover:not(:disabled, [aria-disabled='true']) {\n      border-color: ${inkCssVar.colorInkHover};\n      background: ${inkCssVar.colorInkHover};\n    }\n\n    &:active:not(:disabled, [aria-disabled='true']) {\n      border-color: ${inkCssVar.colorInkActive};\n      background: ${inkCssVar.colorInkActive};\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: ${inkCssVar.colorInkActive};\n      background: ${inkCssVar.colorInkActive};\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

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

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

@@ -0,0 +1,157 @@
+"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

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

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

@@ -0,0 +1,3 @@
+import { CarouselProps, CarouselRef } from "./type.mjs";
+import Carousel from "./Carousel.mjs";
+export { type CarouselProps, type CarouselRef, Carousel as default };