@evolve.ui/core-components 1.0.0

package/FormLabel-D4602qfd.d.mts

@@ -0,0 +1,140 @@
+import { HTMLProps, ReactNode } from "react";
+
+//#region src/FormLabel/FormLabel.d.ts
+type Props = {
+  className?: string;
+  disabled?: boolean;
+  /**
+   * Whether to show the error text / styles.
+   */
+  hasError?: boolean;
+  helpText?: ReactNode;
+  labelText?: ReactNode; /** Render the text as a sibling of the label rather than a child of label */
+  renderErrorTextAdjacent?: boolean; /** Render the text as a sibling of the label rather than a child of label */
+  renderHelpTextAdjacent?: boolean;
+  /**
+   * Show secure label at the top right of the component.
+   */
+  secure?: boolean;
+  showTopLeft?: boolean;
+  showTopRight?: boolean;
+  topLeft?: ReactNode;
+  topRight?: ReactNode;
+} & ({
+  errorText?: ReactNode;
+  /**
+   * Must be defined if `errorText` is defined.
+   */
+  errorTextId?: undefined;
+} | {
+  errorText?: undefined;
+  /**
+   * Must be defined if `errorText` is defined.
+   */
+  errorTextId: string;
+} | {
+  errorText: ReactNode;
+  /**
+   * Must be defined if `errorText` is defined.
+   */
+  errorTextId: string;
+});
+type FormLabelProps = Omit<Props, 'topLeft' | 'topRight' | 'showTopLeft' | 'showTopRight' | 'renderErrorTextAdjacent' | 'renderHelpTextAdjacent'>;
+/**
+ * Here's a quick snippet of code to forward all props
+ * ```tsx
+ * <FormLabel
+ * className={className}
+ * disabled={disabled}
+ * errorText={errorText}
+ * errorTextId={errorTextId}
+ * hasError={hasError}
+ * helpText={helpText}
+ * labelText={labelText}
+ * secure={secure}
+ * showTopLeft={showTopLeft}
+ * showTopRight={showTopRight}
+ * topLeft={topLeft}
+ * topRight={topRight}
+ * ```
+ */
+declare const FormLabel: import("react").ForwardRefExoticComponent<(Omit<{
+  className?: string;
+  disabled?: boolean;
+  /**
+   * Whether to show the error text / styles.
+   */
+  hasError?: boolean;
+  helpText?: ReactNode;
+  labelText?: ReactNode; /** Render the text as a sibling of the label rather than a child of label */
+  renderErrorTextAdjacent?: boolean; /** Render the text as a sibling of the label rather than a child of label */
+  renderHelpTextAdjacent?: boolean;
+  /**
+   * Show secure label at the top right of the component.
+   */
+  secure?: boolean;
+  showTopLeft?: boolean;
+  showTopRight?: boolean;
+  topLeft?: ReactNode;
+  topRight?: ReactNode;
+} & {
+  errorText?: ReactNode;
+  /**
+   * Must be defined if `errorText` is defined.
+   */
+  errorTextId?: undefined;
+} & HTMLProps<HTMLLabelElement>, "ref"> | Omit<{
+  className?: string;
+  disabled?: boolean;
+  /**
+   * Whether to show the error text / styles.
+   */
+  hasError?: boolean;
+  helpText?: ReactNode;
+  labelText?: ReactNode; /** Render the text as a sibling of the label rather than a child of label */
+  renderErrorTextAdjacent?: boolean; /** Render the text as a sibling of the label rather than a child of label */
+  renderHelpTextAdjacent?: boolean;
+  /**
+   * Show secure label at the top right of the component.
+   */
+  secure?: boolean;
+  showTopLeft?: boolean;
+  showTopRight?: boolean;
+  topLeft?: ReactNode;
+  topRight?: ReactNode;
+} & {
+  errorText?: undefined;
+  /**
+   * Must be defined if `errorText` is defined.
+   */
+  errorTextId: string;
+} & HTMLProps<HTMLLabelElement>, "ref"> | Omit<{
+  className?: string;
+  disabled?: boolean;
+  /**
+   * Whether to show the error text / styles.
+   */
+  hasError?: boolean;
+  helpText?: ReactNode;
+  labelText?: ReactNode; /** Render the text as a sibling of the label rather than a child of label */
+  renderErrorTextAdjacent?: boolean; /** Render the text as a sibling of the label rather than a child of label */
+  renderHelpTextAdjacent?: boolean;
+  /**
+   * Show secure label at the top right of the component.
+   */
+  secure?: boolean;
+  showTopLeft?: boolean;
+  showTopRight?: boolean;
+  topLeft?: ReactNode;
+  topRight?: ReactNode;
+} & {
+  errorText: ReactNode;
+  /**
+   * Must be defined if `errorText` is defined.
+   */
+  errorTextId: string;
+} & HTMLProps<HTMLLabelElement>, "ref">) & import("react").RefAttributes<HTMLLabelElement>>;
+declare const extractFormLabelProps: <T extends FormLabelProps>(props: T) => [FormLabelProps, Omit<T, keyof FormLabelProps> & Pick<FormLabelProps, "disabled">];
+//#endregion
+export { FormLabelProps as n, extractFormLabelProps as r, FormLabel as t };
+//# sourceMappingURL=FormLabel-D4602qfd.d.mts.map

package/FormLabel-D4602qfd.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel-D4602qfd.d.mts","names":[],"sources":["../src/FormLabel/FormLabel.tsx"],"mappings":";;;KAOK,KAAA;EACD,SAAA;EACA,QAAA;EAFM;;;EAMN,QAAA;EACA,QAAA,GAAW,SAAA;EACX,SAAA,GAAY,SAAA,EAmBM;EAjBlB,uBAAA,YA+B0B;EA7B1B,sBAAA;EAXA;;;EAeA,MAAA;EAEA,WAAA;EAEA,YAAA;EAEA,OAAA,GAAU,SAAA;EAEV,QAAA,GAAW,SAAA;AAAA;EAGL,SAAA,GAAY,SAAA;EATlB;;;EAaM,WAAA;AAAA;EAGA,SAAA;EAPA;;;EAWA,WAAA;AAAA;EAGA,SAAA,EAAW,SAAA;EAAA;;;EAIX,WAAA;AAAA;AAAA,KAIE,cAAA,GAAiB,IAAI,CAC7B,KAAA;;;AAAK;AAsBT;;;;;;;;;;;;;;;cAAa,SAAA,kBAAS,yBAAA,EAAA,IAAA;;;EAjEP;;;;aAAA,SAAA;cACC,SAAA;;;;;;;;;YAcF,SAAA;aAEC,SAAA;AAAA;cAGO,SAAA;;;;;;;;;;;;aApBP,SAAA;cACC,SAAA;;;;;;;;;YAcF,SAAA;aAEC,SAAA;AAAA;;;;;;;;;;;;;aAjBA,SAAA;cACC,SAAA,EADD;qCACC;;;;;;;;YAcF,SAAA;aAEC,SAAA;AAAA;aAiBM,SAAA;;;;;;cAiJR,qBAAA,aAAmC,cAAA,EAC5C,KAAA,EAAO,CAAA,MACP,cAAA,EAAgB,IAAA,CAAK,CAAA,QAAS,cAAA,IAAkB,IAAA,CAAK,cAAA"}

package/IconBase-C_Lx9rDx.d.cts

@@ -0,0 +1,89 @@
+import { ForwardRefExoticComponent, HTMLProps } from "react";
+
+//#region src/Icons/IconBase.d.ts
+declare const iconSizesToPixels: {
+  readonly lg: 44;
+  readonly md: 30;
+  readonly sm: 20;
+  readonly xs: 14;
+};
+declare const getColor: (color: IconProps["color"]) => "rgb(var(--color-icon-critical))" | "rgb(var(--color-icon-disabled))" | "rgb(var(--color-icon-info))" | "rgb(var(--color-icon-inverse))" | "rgb(var(--color-icon-primary))" | "rgb(var(--color-icon-secondary))" | "rgb(var(--color-icon-success))" | "rgb(var(--color-icon-warning))" | undefined;
+type IconWeight = 'regular' | 'bold' | 'fill' | 'duotone';
+type IconProps = Omit<HTMLProps<SVGSVGElement>, 'className' | 'color' | 'size' | 'style' | 'ref' | '$withoutAriaLabel'> & {
+  /**
+   * If passed, the aria-label will not be set on the icon and is expected to be set by the parent component.
+   *
+   * @default false
+   */
+  $withoutAriaLabel?: boolean;
+  className?: string;
+  /**
+   * Style the icon with any of the following colors. 'inherit' is a special value that uses the current color of the parent element.
+   *
+   * @default 'primary'
+   */
+  color?: 'critical' | 'disabled' | 'info' | 'inverse' | 'primary' | 'secondary' | 'success' | 'warning' | 'inherit';
+  customStyles?: React.CSSProperties;
+  displayName?: string;
+  /**
+   * The key for height and width of icon based on the following mapping
+   *
+   * ```
+   * 'ExtraSmall' _ '14px'
+   * 'Small' ______ '20px'
+   * 'Medium' _____ '30px'
+   * 'Large' ______ '44px'
+   * ```
+   *
+   * @default 'md'
+   */
+  size?: keyof typeof iconSizesToPixels;
+  /**
+   * The weight of the icon
+   *
+   * @default 'regular'
+   */
+  style?: Exclude<IconWeight, 'light' | 'thin'>;
+};
+type IconComponent = ForwardRefExoticComponent<IconProps>;
+declare const IconBase: ForwardRefExoticComponent<Omit<HTMLProps<SVGSVGElement>, "className" | "color" | "size" | "style" | "ref" | "$withoutAriaLabel"> & {
+  /**
+   * If passed, the aria-label will not be set on the icon and is expected to be set by the parent component.
+   *
+   * @default false
+   */
+  $withoutAriaLabel?: boolean;
+  className?: string;
+  /**
+   * Style the icon with any of the following colors. 'inherit' is a special value that uses the current color of the parent element.
+   *
+   * @default 'primary'
+   */
+  color?: "critical" | "disabled" | "info" | "inverse" | "primary" | "secondary" | "success" | "warning" | "inherit";
+  customStyles?: React.CSSProperties;
+  displayName?: string;
+  /**
+   * The key for height and width of icon based on the following mapping
+   *
+   * ```
+   * 'ExtraSmall' _ '14px'
+   * 'Small' ______ '20px'
+   * 'Medium' _____ '30px'
+   * 'Large' ______ '44px'
+   * ```
+   *
+   * @default 'md'
+   */
+  size?: keyof typeof iconSizesToPixels;
+  /**
+   * The weight of the icon
+   *
+   * @default 'regular'
+   */
+  style?: Exclude<IconWeight, "light" | "thin">;
+} & {
+  weights: Record<string, React.ReactElement<any>>;
+} & import("react").RefAttributes<SVGSVGElement>>;
+//#endregion
+export { getColor as a, IconWeight as i, IconComponent as n, iconSizesToPixels as o, IconProps as r, IconBase as t };
+//# sourceMappingURL=IconBase-C_Lx9rDx.d.cts.map

package/IconBase-C_Lx9rDx.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBase-C_Lx9rDx.d.cts","names":[],"sources":["../src/Icons/IconBase.tsx"],"mappings":";;;cAYa,iBAAA;EAAA;;;;;cAOA,QAAA,GAAY,KAAyB,EAAlB,SAAS;AAAA,KAgC7B,UAAA;AAAA,KAEA,SAAA,GAAY,IAAA,CACpB,SAAA,CAAU,aAAA;;;;AAnCd;;EA2CI,iBAAA;EACA,SAAA;EA5C8C;AAgClD;;;;EAkBI,KAAA;EACA,YAAA,GAAe,KAAA,CAAM,aAAA;EACrB,WAAA;;;;;;;;;;;;;EAaA,IAAA,gBAAoB,iBAAA;EAtBpB;;;;;EA4BA,KAAA,GAAQ,OAAA,CAAQ,UAAA;AAAA;AAAA,KAGR,aAAA,GAAgB,yBAAyB,CAAC,SAAA;AAAA,cAGzC,QAAA,EAAQ,yBAAA,CAAA,IAAA,CAAA,SAAA,CAAA,aAAA;EANjB;;;;AAA0B;;;;;AAGiC;AAG/D;;;iBA1BmB,KAAA,CAAM,aAAA;;EA0BJ;;;;;;;;;;;;sBAZG,iBAAA;EAYH;;;;;UANT,OAAA,CAAQ,UAAA;AAAA;WAMqD,MAAA,SAAe,KAAA,CAAM,YAAA;AAAA"}

package/IconBase-C_Lx9rDx.d.mts

@@ -0,0 +1,89 @@
+import { ForwardRefExoticComponent, HTMLProps } from "react";
+
+//#region src/Icons/IconBase.d.ts
+declare const iconSizesToPixels: {
+  readonly lg: 44;
+  readonly md: 30;
+  readonly sm: 20;
+  readonly xs: 14;
+};
+declare const getColor: (color: IconProps["color"]) => "rgb(var(--color-icon-critical))" | "rgb(var(--color-icon-disabled))" | "rgb(var(--color-icon-info))" | "rgb(var(--color-icon-inverse))" | "rgb(var(--color-icon-primary))" | "rgb(var(--color-icon-secondary))" | "rgb(var(--color-icon-success))" | "rgb(var(--color-icon-warning))" | undefined;
+type IconWeight = 'regular' | 'bold' | 'fill' | 'duotone';
+type IconProps = Omit<HTMLProps<SVGSVGElement>, 'className' | 'color' | 'size' | 'style' | 'ref' | '$withoutAriaLabel'> & {
+  /**
+   * If passed, the aria-label will not be set on the icon and is expected to be set by the parent component.
+   *
+   * @default false
+   */
+  $withoutAriaLabel?: boolean;
+  className?: string;
+  /**
+   * Style the icon with any of the following colors. 'inherit' is a special value that uses the current color of the parent element.
+   *
+   * @default 'primary'
+   */
+  color?: 'critical' | 'disabled' | 'info' | 'inverse' | 'primary' | 'secondary' | 'success' | 'warning' | 'inherit';
+  customStyles?: React.CSSProperties;
+  displayName?: string;
+  /**
+   * The key for height and width of icon based on the following mapping
+   *
+   * ```
+   * 'ExtraSmall' _ '14px'
+   * 'Small' ______ '20px'
+   * 'Medium' _____ '30px'
+   * 'Large' ______ '44px'
+   * ```
+   *
+   * @default 'md'
+   */
+  size?: keyof typeof iconSizesToPixels;
+  /**
+   * The weight of the icon
+   *
+   * @default 'regular'
+   */
+  style?: Exclude<IconWeight, 'light' | 'thin'>;
+};
+type IconComponent = ForwardRefExoticComponent<IconProps>;
+declare const IconBase: ForwardRefExoticComponent<Omit<HTMLProps<SVGSVGElement>, "className" | "color" | "size" | "style" | "ref" | "$withoutAriaLabel"> & {
+  /**
+   * If passed, the aria-label will not be set on the icon and is expected to be set by the parent component.
+   *
+   * @default false
+   */
+  $withoutAriaLabel?: boolean;
+  className?: string;
+  /**
+   * Style the icon with any of the following colors. 'inherit' is a special value that uses the current color of the parent element.
+   *
+   * @default 'primary'
+   */
+  color?: "critical" | "disabled" | "info" | "inverse" | "primary" | "secondary" | "success" | "warning" | "inherit";
+  customStyles?: React.CSSProperties;
+  displayName?: string;
+  /**
+   * The key for height and width of icon based on the following mapping
+   *
+   * ```
+   * 'ExtraSmall' _ '14px'
+   * 'Small' ______ '20px'
+   * 'Medium' _____ '30px'
+   * 'Large' ______ '44px'
+   * ```
+   *
+   * @default 'md'
+   */
+  size?: keyof typeof iconSizesToPixels;
+  /**
+   * The weight of the icon
+   *
+   * @default 'regular'
+   */
+  style?: Exclude<IconWeight, "light" | "thin">;
+} & {
+  weights: Record<string, React.ReactElement<any>>;
+} & import("react").RefAttributes<SVGSVGElement>>;
+//#endregion
+export { getColor as a, IconWeight as i, IconComponent as n, iconSizesToPixels as o, IconProps as r, IconBase as t };
+//# sourceMappingURL=IconBase-C_Lx9rDx.d.mts.map

package/IconBase-C_Lx9rDx.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBase-C_Lx9rDx.d.mts","names":[],"sources":["../src/Icons/IconBase.tsx"],"mappings":";;;cAYa,iBAAA;EAAA;;;;;cAOA,QAAA,GAAY,KAAyB,EAAlB,SAAS;AAAA,KAgC7B,UAAA;AAAA,KAEA,SAAA,GAAY,IAAA,CACpB,SAAA,CAAU,aAAA;;;;AAnCd;;EA2CI,iBAAA;EACA,SAAA;EA5C8C;AAgClD;;;;EAkBI,KAAA;EACA,YAAA,GAAe,KAAA,CAAM,aAAA;EACrB,WAAA;;;;;;;;;;;;;EAaA,IAAA,gBAAoB,iBAAA;EAtBpB;;;;;EA4BA,KAAA,GAAQ,OAAA,CAAQ,UAAA;AAAA;AAAA,KAGR,aAAA,GAAgB,yBAAyB,CAAC,SAAA;AAAA,cAGzC,QAAA,EAAQ,yBAAA,CAAA,IAAA,CAAA,SAAA,CAAA,aAAA;EANjB;;;;AAA0B;;;;;AAGiC;AAG/D;;;iBA1BmB,KAAA,CAAM,aAAA;;EA0BJ;;;;;;;;;;;;sBAZG,iBAAA;EAYH;;;;;UANT,OAAA,CAAQ,UAAA;AAAA;WAMqD,MAAA,SAAe,KAAA,CAAM,YAAA;AAAA"}

package/IconButton-DHTn5DQ_.d.mts

@@ -0,0 +1,40 @@
+import { n as IconComponent } from "./IconBase-C_Lx9rDx.mjs";
+import { t as AnyIcon } from "./anyIcon-eR07wvJb.mjs";
+import { n as ButtonVariant, t as ButtonStyle } from "./Button.types-CyzsUcMe.mjs";
+import { ComponentProps, ElementType, HTMLProps } from "react";
+
+//#region src/IconButton/IconButton.d.ts
+type IconSize = NonNullable<ComponentProps<IconComponent>['size']>;
+type IconButtonSize = IconSize;
+type IconButtonProps = {
+  as?: ElementType; /** Disables the automatic aria-label tooltip. */
+  hideTooltip?: boolean; /** Icon to render inside the button. */
+  icon: AnyIcon; /** Only works with v2 icons. */
+  iconStyle?: ComponentProps<IconComponent>['style'];
+  /**
+   * Button shape.
+   *
+   * @default 'circle'
+   */
+  shape?: 'circle' | 'square';
+  /**
+   * Button style. This matches a color palette in the theme.
+   *
+   * @default 'neutral'
+   */
+  style?: ButtonStyle; /** Optional stable tooltip ID for SSR scenarios. */
+  tooltipId?: string;
+  type?: 'button' | 'submit' | 'reset';
+  /**
+   * What kind of button to render.
+   *
+   * @default 'transparent'
+   */
+  variant?: ButtonVariant;
+} & Omit<HTMLProps<HTMLButtonElement>, 'as' | 'size' | 'style'> & {
+  size?: IconButtonSize;
+};
+declare const IconButton: import("react").ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { IconButtonProps as n, IconButtonSize as r, IconButton as t };
+//# sourceMappingURL=IconButton-DHTn5DQ_.d.mts.map

package/IconButton-DHTn5DQ_.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-DHTn5DQ_.d.mts","names":[],"sources":["../src/IconButton/IconButton.tsx"],"mappings":";;;;;;KAyBK,QAAA,GAAW,WAAA,CAAY,cAAA,CAAe,aAAA;AAAA,KAC/B,cAAA,GAAiB,QAAQ;AAAA,KASzB,eAAA;EACR,EAAA,GAAK,WAAA;EAEL,WAAA,YAbwB;EAexB,IAAA,EAAM,OAAA,EAfiB;EAiBvB,SAAA,GAAY,cAAA,CAAe,aAAA;EAjBf;;;;AAAwC;EAuBpD,KAAA;EAtBsB;;;AAAW;AASrC;EAmBI,KAAA,GAAQ,WAAA;EAER,SAAA;EACA,IAAA;EAf2B;;;;;EAqB3B,OAAA,GAAU,aAAA;AAAA,IACV,IAAA,CAAK,SAAA,CAAU,iBAAA;EACX,IAAA,GAAO,cAAA;AAAA;AAAA,cAGF,UAAA,kBAAU,yBAAA,CAAA,IAAA,CAAA,eAAA,2BAAA,aAAA,CAAA,iBAAA"}

package/IconButton-Df9usxq_.d.cts

@@ -0,0 +1,40 @@
+import { n as IconComponent } from "./IconBase-C_Lx9rDx.cjs";
+import { t as AnyIcon } from "./anyIcon-C3IQzJJ9.cjs";
+import { n as ButtonVariant, t as ButtonStyle } from "./Button.types-CjidejRG.cjs";
+import { ComponentProps, ElementType, HTMLProps } from "react";
+
+//#region src/IconButton/IconButton.d.ts
+type IconSize = NonNullable<ComponentProps<IconComponent>['size']>;
+type IconButtonSize = IconSize;
+type IconButtonProps = {
+  as?: ElementType; /** Disables the automatic aria-label tooltip. */
+  hideTooltip?: boolean; /** Icon to render inside the button. */
+  icon: AnyIcon; /** Only works with v2 icons. */
+  iconStyle?: ComponentProps<IconComponent>['style'];
+  /**
+   * Button shape.
+   *
+   * @default 'circle'
+   */
+  shape?: 'circle' | 'square';
+  /**
+   * Button style. This matches a color palette in the theme.
+   *
+   * @default 'neutral'
+   */
+  style?: ButtonStyle; /** Optional stable tooltip ID for SSR scenarios. */
+  tooltipId?: string;
+  type?: 'button' | 'submit' | 'reset';
+  /**
+   * What kind of button to render.
+   *
+   * @default 'transparent'
+   */
+  variant?: ButtonVariant;
+} & Omit<HTMLProps<HTMLButtonElement>, 'as' | 'size' | 'style'> & {
+  size?: IconButtonSize;
+};
+declare const IconButton: import("react").ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { IconButtonProps as n, IconButtonSize as r, IconButton as t };
+//# sourceMappingURL=IconButton-Df9usxq_.d.cts.map

package/IconButton-Df9usxq_.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-Df9usxq_.d.cts","names":[],"sources":["../src/IconButton/IconButton.tsx"],"mappings":";;;;;;KAyBK,QAAA,GAAW,WAAA,CAAY,cAAA,CAAe,aAAA;AAAA,KAC/B,cAAA,GAAiB,QAAQ;AAAA,KASzB,eAAA;EACR,EAAA,GAAK,WAAA;EAEL,WAAA,YAbwB;EAexB,IAAA,EAAM,OAAA,EAfiB;EAiBvB,SAAA,GAAY,cAAA,CAAe,aAAA;EAjBf;;;;AAAwC;EAuBpD,KAAA;EAtBsB;;;AAAW;AASrC;EAmBI,KAAA,GAAQ,WAAA;EAER,SAAA;EACA,IAAA;EAf2B;;;;;EAqB3B,OAAA,GAAU,aAAA;AAAA,IACV,IAAA,CAAK,SAAA,CAAU,iBAAA;EACX,IAAA,GAAO,cAAA;AAAA;AAAA,cAGF,UAAA,kBAAU,yBAAA,CAAA,IAAA,CAAA,eAAA,2BAAA,aAAA,CAAA,iBAAA"}

package/IconButton.cjs

@@ -0,0 +1,68 @@
+'use client';
+"use client";
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_buttonColorClasses = require("./buttonColorClasses-C3hg1at8.cjs");
+const require_Tooltip = require("./Tooltip.cjs");
+let _evolve_ui_theme_system = require("@evolve.ui/theme-system");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/IconButton/IconButton.tsx
+const outlineSizeFromIconSize = {
+	lg: "54px",
+	md: "42px",
+	sm: "34px",
+	xs: "20px"
+};
+const IconButton = (0, react.forwardRef)(({ as: Component = "button", className, disabled = false, hideTooltip = false, icon: Icon, iconStyle, shape = "circle", size = "md", style = "neutral", tooltipId: providedTooltipId, variant = "transparent", ...rest }, ref) => {
+	const dimension = outlineSizeFromIconSize[size];
+	const colorClasses = (0, react.useMemo)(() => ({
+		[require_buttonColorClasses.filledCriticalClasses]: variant === "filled" && style === "critical",
+		[require_buttonColorClasses.filledInverseClasses]: variant === "filled" && style === "inverse",
+		[require_buttonColorClasses.filledNeutralClasses]: variant === "filled" && style === "neutral",
+		[require_buttonColorClasses.filledPrimaryClasses]: variant === "filled" && style === "primary",
+		[require_buttonColorClasses.outlinedCriticalClasses]: variant === "outlined" && style === "critical",
+		[require_buttonColorClasses.outlinedInverseClasses]: variant === "outlined" && style === "inverse",
+		[require_buttonColorClasses.outlinedNeutralClasses]: variant === "outlined" && style === "neutral",
+		[require_buttonColorClasses.outlinedPrimaryClasses]: variant === "outlined" && style === "primary",
+		[require_buttonColorClasses.transparentCriticalClasses]: variant === "transparent" && style === "critical",
+		[require_buttonColorClasses.transparentInverseClasses]: variant === "transparent" && style === "inverse",
+		[require_buttonColorClasses.transparentNeutralClasses]: variant === "transparent" && style === "neutral",
+		[require_buttonColorClasses.transparentPrimaryClasses]: variant === "transparent" && style === "primary"
+	}), [style, variant]);
+	const fallbackId = (0, react.useId)();
+	const generatedId = rest["aria-label"] ? `tooltip-${rest["aria-label"].replace(/\s+/g, "-").toLowerCase()}` : fallbackId;
+	const tooltipId = providedTooltipId ?? generatedId;
+	const shouldShowTooltip = Boolean(rest["aria-label"]) && !disabled && !hideTooltip;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		className: (0, _evolve_ui_theme_system.cn)("hui-focus-visible-outline flex items-center justify-center rounded-container disabled:text-text-disabled", colorClasses, shape === "circle" && "rounded-full", className),
+		"data-hui-id": "IconButton",
+		"data-tooltip-id": shouldShowTooltip ? tooltipId : void 0,
+		disabled,
+		ref,
+		style: {
+			height: dimension,
+			minHeight: dimension,
+			minWidth: dimension,
+			width: dimension
+		},
+		...rest,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+			$withoutAriaLabel: rest["aria-label"] !== void 0 ? true : void 0,
+			color: "inherit",
+			size,
+			style: iconStyle
+		})
+	}), shouldShowTooltip && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
+		content: rest["aria-label"],
+		delayShow: 200,
+		id: tooltipId
+	})] });
+});
+IconButton.displayName = "IconButton";
+//#endregion
+exports.IconButton = IconButton;
+
+//# sourceMappingURL=IconButton.cjs.map

package/IconButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.cjs","names":["filledCriticalClasses","filledInverseClasses","filledNeutralClasses","filledPrimaryClasses","outlinedCriticalClasses","outlinedInverseClasses","outlinedNeutralClasses","outlinedPrimaryClasses","transparentCriticalClasses","transparentInverseClasses","transparentNeutralClasses","transparentPrimaryClasses","Tooltip"],"sources":["../src/IconButton/IconButton.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@evolve.ui/theme-system';\nimport { forwardRef, type ComponentProps, type ElementType, type HTMLProps, useId, useMemo } from 'react';\n\nimport type { ButtonStyle, ButtonVariant } from '../Button/Button.types';\nimport type { AnyIcon } from '../Icons/anyIcon';\nimport type { IconComponent } from '../Icons/IconBase';\n\nimport {\n    filledCriticalClasses,\n    filledInverseClasses,\n    filledNeutralClasses,\n    filledPrimaryClasses,\n    outlinedCriticalClasses,\n    outlinedInverseClasses,\n    outlinedNeutralClasses,\n    outlinedPrimaryClasses,\n    transparentCriticalClasses,\n    transparentInverseClasses,\n    transparentNeutralClasses,\n    transparentPrimaryClasses,\n} from '../Button/buttonColorClasses';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\ntype IconSize = NonNullable<ComponentProps<IconComponent>['size']>;\nexport type IconButtonSize = IconSize;\n\nconst outlineSizeFromIconSize: Record<IconButtonSize, string> = {\n    lg: '54px',\n    md: '42px',\n    sm: '34px',\n    xs: '20px',\n};\n\nexport type IconButtonProps = {\n    as?: ElementType;\n    /** Disables the automatic aria-label tooltip. */\n    hideTooltip?: boolean;\n    /** Icon to render inside the button. */\n    icon: AnyIcon;\n    /** Only works with v2 icons. */\n    iconStyle?: ComponentProps<IconComponent>['style'];\n    /**\n     * Button shape.\n     *\n     * @default 'circle'\n     */\n    shape?: 'circle' | 'square';\n    /**\n     * Button style. This matches a color palette in the theme.\n     *\n     * @default 'neutral'\n     */\n    style?: ButtonStyle;\n    /** Optional stable tooltip ID for SSR scenarios. */\n    tooltipId?: string;\n    type?: 'button' | 'submit' | 'reset';\n    /**\n     * What kind of button to render.\n     *\n     * @default 'transparent'\n     */\n    variant?: ButtonVariant;\n} & Omit<HTMLProps<HTMLButtonElement>, 'as' | 'size' | 'style'> & {\n        size?: IconButtonSize;\n    };\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n    (\n        {\n            as: Component = 'button',\n            className,\n            disabled = false,\n            hideTooltip = false,\n            icon: Icon,\n            iconStyle,\n            shape = 'circle',\n            size = 'md',\n            style = 'neutral',\n            tooltipId: providedTooltipId,\n            variant = 'transparent',\n            ...rest\n        },\n        ref\n    ) => {\n        const dimension = outlineSizeFromIconSize[size];\n\n        const colorClasses = useMemo(\n            () => ({\n                [filledCriticalClasses]: variant === 'filled' && style === 'critical',\n                [filledInverseClasses]: variant === 'filled' && style === 'inverse',\n                [filledNeutralClasses]: variant === 'filled' && style === 'neutral',\n                [filledPrimaryClasses]: variant === 'filled' && style === 'primary',\n                [outlinedCriticalClasses]: variant === 'outlined' && style === 'critical',\n                [outlinedInverseClasses]: variant === 'outlined' && style === 'inverse',\n                [outlinedNeutralClasses]: variant === 'outlined' && style === 'neutral',\n                [outlinedPrimaryClasses]: variant === 'outlined' && style === 'primary',\n                [transparentCriticalClasses]: variant === 'transparent' && style === 'critical',\n                [transparentInverseClasses]: variant === 'transparent' && style === 'inverse',\n                [transparentNeutralClasses]: variant === 'transparent' && style === 'neutral',\n                [transparentPrimaryClasses]: variant === 'transparent' && style === 'primary',\n            }),\n            [style, variant]\n        );\n\n        const fallbackId = useId();\n        const generatedId = rest['aria-label']\n            ? `tooltip-${rest['aria-label'].replace(/\\s+/g, '-').toLowerCase()}`\n            : fallbackId;\n        const tooltipId = providedTooltipId ?? generatedId;\n        const shouldShowTooltip = Boolean(rest['aria-label']) && !disabled && !hideTooltip;\n\n        return (\n            <>\n                <Component\n                    className={cn(\n                        'hui-focus-visible-outline flex items-center justify-center rounded-container disabled:text-text-disabled',\n                        colorClasses,\n                        shape === 'circle' && 'rounded-full',\n                        className\n                    )}\n                    data-hui-id=\"IconButton\"\n                    data-tooltip-id={shouldShowTooltip ? tooltipId : undefined}\n                    disabled={disabled}\n                    ref={ref}\n                    style={{\n                        height: dimension,\n                        minHeight: dimension,\n                        minWidth: dimension,\n                        width: dimension,\n                    }}\n                    {...rest}\n                >\n                    <Icon\n                        $withoutAriaLabel={rest['aria-label'] !== undefined ? true : undefined}\n                        color=\"inherit\"\n                        size={size}\n                        style={iconStyle}\n                    />\n                </Component>\n                {shouldShowTooltip && (\n                    <Tooltip\n                        content={rest['aria-label']}\n                        delayShow={200}\n                        id={tooltipId}\n                    />\n                )}\n            </>\n        );\n    }\n);\n\nIconButton.displayName = 'IconButton';\n"],"mappings":";;;;;;;;;;;AA4BA,MAAM,0BAA0D;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACR;AAmCA,MAAa,cAAA,GAAA,MAAA,WAAA,EAEL,EACI,IAAI,YAAY,UAChB,WACA,WAAW,OACX,cAAc,OACd,MAAM,MACN,WACA,QAAQ,UACR,OAAO,MACP,QAAQ,WACR,WAAW,mBACX,UAAU,eACV,GAAG,QAEP,QACC;CACD,MAAM,YAAY,wBAAwB;CAE1C,MAAM,gBAAA,GAAA,MAAA,QAAA,QACK;GACFA,2BAAAA,wBAAwB,YAAY,YAAY,UAAU;GAC1DC,2BAAAA,uBAAuB,YAAY,YAAY,UAAU;GACzDC,2BAAAA,uBAAuB,YAAY,YAAY,UAAU;GACzDC,2BAAAA,uBAAuB,YAAY,YAAY,UAAU;GACzDC,2BAAAA,0BAA0B,YAAY,cAAc,UAAU;GAC9DC,2BAAAA,yBAAyB,YAAY,cAAc,UAAU;GAC7DC,2BAAAA,yBAAyB,YAAY,cAAc,UAAU;GAC7DC,2BAAAA,yBAAyB,YAAY,cAAc,UAAU;GAC7DC,2BAAAA,6BAA6B,YAAY,iBAAiB,UAAU;GACpEC,2BAAAA,4BAA4B,YAAY,iBAAiB,UAAU;GACnEC,2BAAAA,4BAA4B,YAAY,iBAAiB,UAAU;GACnEC,2BAAAA,4BAA4B,YAAY,iBAAiB,UAAU;CACxE,IACA,CAAC,OAAO,OAAO,CACnB;CAEA,MAAM,cAAA,GAAA,MAAA,MAAA,CAAmB;CACzB,MAAM,cAAc,KAAK,gBACnB,WAAW,KAAK,aAAa,CAAC,QAAQ,QAAQ,GAAG,CAAC,CAAC,YAAY,MAC/D;CACN,MAAM,YAAY,qBAAqB;CACvC,MAAM,oBAAoB,QAAQ,KAAK,aAAa,KAAK,CAAC,YAAY,CAAC;CAEvE,OACI,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACI,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACI,YAAA,GAAA,wBAAA,GAAA,CACI,4GACA,cACA,UAAU,YAAY,gBACtB,SACJ;EACA,eAAY;EACZ,mBAAiB,oBAAoB,YAAY,KAAA;EACvC;EACL;EACL,OAAO;GACH,QAAQ;GACR,WAAW;GACX,UAAU;GACV,OAAO;EACX;EACA,GAAI;YAEJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;GACI,mBAAmB,KAAK,kBAAkB,KAAA,IAAY,OAAO,KAAA;GAC7D,OAAM;GACA;GACN,OAAO;EACV,CAAA;CACM,CAAA,GACV,qBACG,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,SAAD;EACI,SAAS,KAAK;EACd,WAAW;EACX,IAAI;CACP,CAAA,CAEP,EAAA,CAAA;AAEV,CACJ;AAEA,WAAW,cAAc"}

package/IconButton.d.cts

@@ -0,0 +1,2 @@
+import { n as IconButtonProps, r as IconButtonSize, t as IconButton } from "./IconButton-Df9usxq_.cjs";
+export { IconButton, IconButtonProps, IconButtonSize };

package/IconButton.d.mts

@@ -0,0 +1,2 @@
+import { n as IconButtonProps, r as IconButtonSize, t as IconButton } from "./IconButton-DHTn5DQ_.mjs";
+export { IconButton, IconButtonProps, IconButtonSize };

package/IconButton.mjs

@@ -0,0 +1,64 @@
+'use client';
+"use client";
+import { a as outlinedCriticalClasses, c as outlinedPrimaryClasses, d as transparentNeutralClasses, f as transparentPrimaryClasses, i as filledPrimaryClasses, l as transparentCriticalClasses, n as filledInverseClasses, o as outlinedInverseClasses, r as filledNeutralClasses, s as outlinedNeutralClasses, t as filledCriticalClasses, u as transparentInverseClasses } from "./buttonColorClasses-B7OU4aQA.mjs";
+import { Tooltip } from "./Tooltip.mjs";
+import { cn } from "@evolve.ui/theme-system";
+import { forwardRef, useId, useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/IconButton/IconButton.tsx
+const outlineSizeFromIconSize = {
+	lg: "54px",
+	md: "42px",
+	sm: "34px",
+	xs: "20px"
+};
+const IconButton = forwardRef(({ as: Component = "button", className, disabled = false, hideTooltip = false, icon: Icon, iconStyle, shape = "circle", size = "md", style = "neutral", tooltipId: providedTooltipId, variant = "transparent", ...rest }, ref) => {
+	const dimension = outlineSizeFromIconSize[size];
+	const colorClasses = useMemo(() => ({
+		[filledCriticalClasses]: variant === "filled" && style === "critical",
+		[filledInverseClasses]: variant === "filled" && style === "inverse",
+		[filledNeutralClasses]: variant === "filled" && style === "neutral",
+		[filledPrimaryClasses]: variant === "filled" && style === "primary",
+		[outlinedCriticalClasses]: variant === "outlined" && style === "critical",
+		[outlinedInverseClasses]: variant === "outlined" && style === "inverse",
+		[outlinedNeutralClasses]: variant === "outlined" && style === "neutral",
+		[outlinedPrimaryClasses]: variant === "outlined" && style === "primary",
+		[transparentCriticalClasses]: variant === "transparent" && style === "critical",
+		[transparentInverseClasses]: variant === "transparent" && style === "inverse",
+		[transparentNeutralClasses]: variant === "transparent" && style === "neutral",
+		[transparentPrimaryClasses]: variant === "transparent" && style === "primary"
+	}), [style, variant]);
+	const fallbackId = useId();
+	const generatedId = rest["aria-label"] ? `tooltip-${rest["aria-label"].replace(/\s+/g, "-").toLowerCase()}` : fallbackId;
+	const tooltipId = providedTooltipId ?? generatedId;
+	const shouldShowTooltip = Boolean(rest["aria-label"]) && !disabled && !hideTooltip;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Component, {
+		className: cn("hui-focus-visible-outline flex items-center justify-center rounded-container disabled:text-text-disabled", colorClasses, shape === "circle" && "rounded-full", className),
+		"data-hui-id": "IconButton",
+		"data-tooltip-id": shouldShowTooltip ? tooltipId : void 0,
+		disabled,
+		ref,
+		style: {
+			height: dimension,
+			minHeight: dimension,
+			minWidth: dimension,
+			width: dimension
+		},
+		...rest,
+		children: /* @__PURE__ */ jsx(Icon, {
+			$withoutAriaLabel: rest["aria-label"] !== void 0 ? true : void 0,
+			color: "inherit",
+			size,
+			style: iconStyle
+		})
+	}), shouldShowTooltip && /* @__PURE__ */ jsx(Tooltip, {
+		content: rest["aria-label"],
+		delayShow: 200,
+		id: tooltipId
+	})] });
+});
+IconButton.displayName = "IconButton";
+//#endregion
+export { IconButton };
+
+//# sourceMappingURL=IconButton.mjs.map

package/IconButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.mjs","names":[],"sources":["../src/IconButton/IconButton.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@evolve.ui/theme-system';\nimport { forwardRef, type ComponentProps, type ElementType, type HTMLProps, useId, useMemo } from 'react';\n\nimport type { ButtonStyle, ButtonVariant } from '../Button/Button.types';\nimport type { AnyIcon } from '../Icons/anyIcon';\nimport type { IconComponent } from '../Icons/IconBase';\n\nimport {\n    filledCriticalClasses,\n    filledInverseClasses,\n    filledNeutralClasses,\n    filledPrimaryClasses,\n    outlinedCriticalClasses,\n    outlinedInverseClasses,\n    outlinedNeutralClasses,\n    outlinedPrimaryClasses,\n    transparentCriticalClasses,\n    transparentInverseClasses,\n    transparentNeutralClasses,\n    transparentPrimaryClasses,\n} from '../Button/buttonColorClasses';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\ntype IconSize = NonNullable<ComponentProps<IconComponent>['size']>;\nexport type IconButtonSize = IconSize;\n\nconst outlineSizeFromIconSize: Record<IconButtonSize, string> = {\n    lg: '54px',\n    md: '42px',\n    sm: '34px',\n    xs: '20px',\n};\n\nexport type IconButtonProps = {\n    as?: ElementType;\n    /** Disables the automatic aria-label tooltip. */\n    hideTooltip?: boolean;\n    /** Icon to render inside the button. */\n    icon: AnyIcon;\n    /** Only works with v2 icons. */\n    iconStyle?: ComponentProps<IconComponent>['style'];\n    /**\n     * Button shape.\n     *\n     * @default 'circle'\n     */\n    shape?: 'circle' | 'square';\n    /**\n     * Button style. This matches a color palette in the theme.\n     *\n     * @default 'neutral'\n     */\n    style?: ButtonStyle;\n    /** Optional stable tooltip ID for SSR scenarios. */\n    tooltipId?: string;\n    type?: 'button' | 'submit' | 'reset';\n    /**\n     * What kind of button to render.\n     *\n     * @default 'transparent'\n     */\n    variant?: ButtonVariant;\n} & Omit<HTMLProps<HTMLButtonElement>, 'as' | 'size' | 'style'> & {\n        size?: IconButtonSize;\n    };\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n    (\n        {\n            as: Component = 'button',\n            className,\n            disabled = false,\n            hideTooltip = false,\n            icon: Icon,\n            iconStyle,\n            shape = 'circle',\n            size = 'md',\n            style = 'neutral',\n            tooltipId: providedTooltipId,\n            variant = 'transparent',\n            ...rest\n        },\n        ref\n    ) => {\n        const dimension = outlineSizeFromIconSize[size];\n\n        const colorClasses = useMemo(\n            () => ({\n                [filledCriticalClasses]: variant === 'filled' && style === 'critical',\n                [filledInverseClasses]: variant === 'filled' && style === 'inverse',\n                [filledNeutralClasses]: variant === 'filled' && style === 'neutral',\n                [filledPrimaryClasses]: variant === 'filled' && style === 'primary',\n                [outlinedCriticalClasses]: variant === 'outlined' && style === 'critical',\n                [outlinedInverseClasses]: variant === 'outlined' && style === 'inverse',\n                [outlinedNeutralClasses]: variant === 'outlined' && style === 'neutral',\n                [outlinedPrimaryClasses]: variant === 'outlined' && style === 'primary',\n                [transparentCriticalClasses]: variant === 'transparent' && style === 'critical',\n                [transparentInverseClasses]: variant === 'transparent' && style === 'inverse',\n                [transparentNeutralClasses]: variant === 'transparent' && style === 'neutral',\n                [transparentPrimaryClasses]: variant === 'transparent' && style === 'primary',\n            }),\n            [style, variant]\n        );\n\n        const fallbackId = useId();\n        const generatedId = rest['aria-label']\n            ? `tooltip-${rest['aria-label'].replace(/\\s+/g, '-').toLowerCase()}`\n            : fallbackId;\n        const tooltipId = providedTooltipId ?? generatedId;\n        const shouldShowTooltip = Boolean(rest['aria-label']) && !disabled && !hideTooltip;\n\n        return (\n            <>\n                <Component\n                    className={cn(\n                        'hui-focus-visible-outline flex items-center justify-center rounded-container disabled:text-text-disabled',\n                        colorClasses,\n                        shape === 'circle' && 'rounded-full',\n                        className\n                    )}\n                    data-hui-id=\"IconButton\"\n                    data-tooltip-id={shouldShowTooltip ? tooltipId : undefined}\n                    disabled={disabled}\n                    ref={ref}\n                    style={{\n                        height: dimension,\n                        minHeight: dimension,\n                        minWidth: dimension,\n                        width: dimension,\n                    }}\n                    {...rest}\n                >\n                    <Icon\n                        $withoutAriaLabel={rest['aria-label'] !== undefined ? true : undefined}\n                        color=\"inherit\"\n                        size={size}\n                        style={iconStyle}\n                    />\n                </Component>\n                {shouldShowTooltip && (\n                    <Tooltip\n                        content={rest['aria-label']}\n                        delayShow={200}\n                        id={tooltipId}\n                    />\n                )}\n            </>\n        );\n    }\n);\n\nIconButton.displayName = 'IconButton';\n"],"mappings":";;;;;;;AA4BA,MAAM,0BAA0D;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACR;AAmCA,MAAa,aAAa,YAElB,EACI,IAAI,YAAY,UAChB,WACA,WAAW,OACX,cAAc,OACd,MAAM,MACN,WACA,QAAQ,UACR,OAAO,MACP,QAAQ,WACR,WAAW,mBACX,UAAU,eACV,GAAG,QAEP,QACC;CACD,MAAM,YAAY,wBAAwB;CAE1C,MAAM,eAAe,eACV;GACF,wBAAwB,YAAY,YAAY,UAAU;GAC1D,uBAAuB,YAAY,YAAY,UAAU;GACzD,uBAAuB,YAAY,YAAY,UAAU;GACzD,uBAAuB,YAAY,YAAY,UAAU;GACzD,0BAA0B,YAAY,cAAc,UAAU;GAC9D,yBAAyB,YAAY,cAAc,UAAU;GAC7D,yBAAyB,YAAY,cAAc,UAAU;GAC7D,yBAAyB,YAAY,cAAc,UAAU;GAC7D,6BAA6B,YAAY,iBAAiB,UAAU;GACpE,4BAA4B,YAAY,iBAAiB,UAAU;GACnE,4BAA4B,YAAY,iBAAiB,UAAU;GACnE,4BAA4B,YAAY,iBAAiB,UAAU;CACxE,IACA,CAAC,OAAO,OAAO,CACnB;CAEA,MAAM,aAAa,MAAM;CACzB,MAAM,cAAc,KAAK,gBACnB,WAAW,KAAK,aAAa,CAAC,QAAQ,QAAQ,GAAG,CAAC,CAAC,YAAY,MAC/D;CACN,MAAM,YAAY,qBAAqB;CACvC,MAAM,oBAAoB,QAAQ,KAAK,aAAa,KAAK,CAAC,YAAY,CAAC;CAEvE,OACI,qBAAA,UAAA,EAAA,UAAA,CACI,oBAAC,WAAD;EACI,WAAW,GACP,4GACA,cACA,UAAU,YAAY,gBACtB,SACJ;EACA,eAAY;EACZ,mBAAiB,oBAAoB,YAAY,KAAA;EACvC;EACL;EACL,OAAO;GACH,QAAQ;GACR,WAAW;GACX,UAAU;GACV,OAAO;EACX;EACA,GAAI;YAEJ,oBAAC,MAAD;GACI,mBAAmB,KAAK,kBAAkB,KAAA,IAAY,OAAO,KAAA;GAC7D,OAAM;GACA;GACN,OAAO;EACV,CAAA;CACM,CAAA,GACV,qBACG,oBAAC,SAAD;EACI,SAAS,KAAK;EACd,WAAW;EACX,IAAI;CACP,CAAA,CAEP,EAAA,CAAA;AAEV,CACJ;AAEA,WAAW,cAAc"}

package/Icons/CreditCardIcon.cjs

@@ -0,0 +1,7 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_CreditCardIcon = require("../CreditCardIcon-OqdAEE3e.cjs");
+exports.CreditCardIcon = require_CreditCardIcon.CreditCardIcon;
+exports.cardImages = require_CreditCardIcon.cardImages;

package/Icons/CreditCardIcon.d.cts

@@ -0,0 +1,2 @@
+import { i as cardImages, n as CardIconProps, r as CreditCardIcon, t as CardBrands } from "../CreditCardIcon-DirCX2rx.cjs";
+export { CardBrands, CardIconProps, CreditCardIcon, cardImages };

package/Icons/CreditCardIcon.d.mts

@@ -0,0 +1,2 @@
+import { i as cardImages, n as CardIconProps, r as CreditCardIcon, t as CardBrands } from "../CreditCardIcon-DirCX2rx.mjs";
+export { CardBrands, CardIconProps, CreditCardIcon, cardImages };

package/Icons/CreditCardIcon.mjs

@@ -0,0 +1,2 @@
+import { n as cardImages, t as CreditCardIcon } from "../CreditCardIcon-rpcjx4S_.mjs";
+export { CreditCardIcon, cardImages };