@spear-ai/spectral 1.13.1 → 1.14.2

package/dist/Button.js

@@ -1,19 +1,19 @@
-'use client'
-import './styles/main.css'
-import { LoaderIcon as e } from "./Icons/LoaderIcon.js";
-import { t } from "./twUtils-BpqlKSeB.js";
-import { t as n } from "./dist-tMzzRwxG.js";
-import { Slot as r } from "./primitives/slot.js";
-import { ErrorMessage as i } from "./FormFieldMessage.js";
-import { Children as a, isValidElement as o, useId as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+'use client';
+import { LoaderIcon } from "./Icons/LoaderIcon.js";
+import { cn } from "./utils/twUtils.js";
+import { Slot } from "./primitives/slot.js";
+import { ErrorMessage } from "./FormFieldMessage.js";
+import { Children, isValidElement, useId } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
 //#region src/components/Button/Button.tsx
-var d = n("gap-2 rounded-lg font-semibold [&_svg]:size-4 relative flex cursor-pointer items-center justify-center border font-sans! whitespace-nowrap transition-colors focus:outline-none focus-visible:outline-1 focus-visible:outline-offset-2 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+const buttonVariants = cva(`gap-2 rounded-lg font-semibold [&_svg]:size-4 relative flex cursor-pointer items-center justify-center border font-sans! whitespace-nowrap transition-colors focus:outline-none focus-visible:outline-1 focus-visible:outline-offset-2 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0`, {
 	variants: {
 		variant: {
-			primary: "border-button-primary-border bg-button-primary-bg text-button-primary-text hover:border-button-primary-border--hover hover:bg-button-primary-bg--hover hover:text-button-primary-text--hover focus-visible:outline-button-primary-border disabled:border-button-primary-border--disabled disabled:bg-button-primary-bg--disabled disabled:text-button-primary-text--disabled",
-			secondary: "border-button-secondary-border bg-button-secondary-bg text-button-secondary-text hover:bg-button-secondary-bg--hover hover:text-button-secondary-text--hover focus-visible:outline-button-secondary-border disabled:border-button-secondary-border--disabled disabled:bg-button-secondary-bg--disabled disabled:text-button-secondary-text--disabled",
-			outline: "border-button-outline-border bg-button-outline-bg text-button-outline-text hover:bg-button-outline-bg--hover hover:text-button-outline-text--hover focus-visible:outline-button-outline-border disabled:border-button-outline-border--disabled disabled:text-button-outline-text--disabled",
+			primary: `border-button-primary-border bg-button-primary-bg text-button-primary-text hover:border-button-primary-border--hover hover:bg-button-primary-bg--hover hover:text-button-primary-text--hover focus-visible:outline-button-primary-border disabled:border-button-primary-border--disabled disabled:bg-button-primary-bg--disabled disabled:text-button-primary-text--disabled`,
+			secondary: `border-button-secondary-border bg-button-secondary-bg text-button-secondary-text hover:bg-button-secondary-bg--hover hover:text-button-secondary-text--hover focus-visible:outline-button-secondary-border disabled:border-button-secondary-border--disabled disabled:bg-button-secondary-bg--disabled disabled:text-button-secondary-text--disabled`,
+			outline: `border-button-outline-border bg-button-outline-bg text-button-outline-text hover:bg-button-outline-bg--hover hover:text-button-outline-text--hover focus-visible:outline-button-outline-border disabled:border-button-outline-border--disabled disabled:text-button-outline-text--disabled`,
 			ghost: "border-none bg-button-ghost-bg text-button-ghost-text hover:bg-button-ghost-bg--hover hover:text-button-ghost-text--hover focus-visible:outline-none disabled:text-button-ghost-text--disabled",
 			unstyled: "font-inherit! font-normal gap-0 p-0! inline-flex w-auto! justify-start rounded-none! border-none! bg-transparent text-inherit shadow-none! hover:cursor-pointer hover:bg-transparent focus-visible:outline-button-outline-border disabled:opacity-50"
 		},
@@ -33,8 +33,9 @@ var d = n("gap-2 rounded-lg font-semibold [&_svg]:size-4 relative flex cursor-po
 		state: "default",
 		size: "default"
 	}
-}), f = ({ asChild: n = !1, children: f, className: p, dataTestId: m, disabled: h, endIcon: g, errorMessage: _, id: v, label: y, onClick: b, ref: x, size: S, startIcon: C, state: w, type: T = "button", variant: E = "primary", ...D }) => {
-	let O = {
+});
+const Button = ({ asChild = false, children, className, dataTestId, disabled, endIcon, errorMessage, id, label, messageReserveLines = 1, messageReserveSpace = true, onClick, ref, size, startIcon, state, type = "button", variant = "primary", ...props }) => {
+	const stateStyles = {
 		error: {
 			primary: "bg-button-danger border-button-danger text-text-primary hover:bg-button-danger--hover hover:text-text-primary",
 			secondary: "bg-button-danger border-button-danger text-text-primary hover:bg-button-danger--hover hover:text-text-primary",
@@ -49,58 +50,72 @@ var d = n("gap-2 rounded-lg font-semibold [&_svg]:size-4 relative flex cursor-po
 			ghost: "bg-transparent text-button-ghost-text--disabled pointer-events-none",
 			unstyled: "bg-transparent opacity-50 pointer-events-none"
 		}
-	}, k = t(d({
-		variant: E,
-		state: w,
-		size: S
-	}), w === "error" && O.error[E], w === "loading" && O.loading[E], p), A = s(), j = v ? `${v}-error` : `${A}-error`, M = n && o(f) && a.count(f) === 1, N = M ? void 0 : f ?? y, P = w === "error" && typeof _ == "string" ? _ : null, F = w === "error" && o(_) ? _ : null;
-	if (!M && !N) throw Error("Button requires either `label` or `children`");
-	let I = (e) => {
-		h && (e.preventDefault(), e.stopPropagation());
-	}, L = M ? r : "button";
-	return /* @__PURE__ */ u("div", {
-		className: t("flex flex-col justify-items-center", S),
-		children: [/* @__PURE__ */ l(L, {
-			"aria-disabled": h,
-			className: t(k, M && "no-underline! before:content-none after:content-none", M && h && "pointer-events-none opacity-50"),
-			"data-as-child": M ? "true" : void 0,
-			"data-state": w,
-			"data-testid": m ?? `spectral-button-${E}`,
-			"data-variant": E,
-			disabled: M ? void 0 : h,
-			id: v,
-			onClick: b,
-			onClickCapture: M ? I : void 0,
-			ref: x,
-			tabIndex: M && h ? -1 : void 0,
-			type: M ? void 0 : T,
-			...D,
-			children: M ? f : /* @__PURE__ */ u(c, { children: [
-				C && /* @__PURE__ */ l("span", {
-					className: t("flex", E !== "unstyled" && "pr-1"),
-					"aria-hidden": !0,
+	};
+	const classes = cn(buttonVariants({
+		variant,
+		state,
+		size
+	}), state === "error" && stateStyles.error[variant], state === "loading" && stateStyles.loading[variant], className);
+	const generatedId = useId();
+	const errorMessageId = id ? `${id}-error` : `${generatedId}-error`;
+	const canUseAsChild = asChild && isValidElement(children) && Children.count(children) === 1;
+	const content = canUseAsChild ? void 0 : children ?? label;
+	const errorMessageValue = state === "error" && typeof errorMessage === "string" ? errorMessage : null;
+	const customErrorMessageNode = state === "error" && isValidElement(errorMessage) ? errorMessage : null;
+	if (!canUseAsChild && !content) throw new Error("Button requires either `label` or `children`");
+	const handleDisabledClickCapture = (event) => {
+		if (!disabled) return;
+		event.preventDefault();
+		event.stopPropagation();
+	};
+	const Comp = canUseAsChild ? Slot : "button";
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col justify-items-center", size),
+		children: [/* @__PURE__ */ jsx(Comp, {
+			"aria-disabled": disabled,
+			className: cn(classes, canUseAsChild && "no-underline! before:content-none after:content-none", canUseAsChild && disabled && "pointer-events-none opacity-50"),
+			"data-as-child": canUseAsChild ? "true" : void 0,
+			"data-state": state,
+			"data-testid": dataTestId ?? `spectral-button-${variant}`,
+			"data-variant": variant,
+			disabled: canUseAsChild ? void 0 : disabled,
+			id,
+			onClick,
+			onClickCapture: canUseAsChild ? handleDisabledClickCapture : void 0,
+			ref,
+			tabIndex: canUseAsChild && disabled ? -1 : void 0,
+			type: canUseAsChild ? void 0 : type,
+			...props,
+			children: canUseAsChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+				startIcon && /* @__PURE__ */ jsx("span", {
+					className: cn("flex", variant !== "unstyled" && "pr-1"),
+					"aria-hidden": true,
 					"data-testid": "spectral-button-start-icon",
-					children: C
+					children: startIcon
 				}),
-				w === "loading" && /* @__PURE__ */ l(e, {
+				state === "loading" && /* @__PURE__ */ jsx(LoaderIcon, {
 					className: "ml-2 motion-safe:animate-spin",
 					size: 16
 				}),
-				N,
-				g && w !== "loading" && /* @__PURE__ */ l("span", {
-					className: t("flex", E !== "unstyled" && "pl-2"),
-					"aria-hidden": !0,
+				content,
+				endIcon && state !== "loading" && /* @__PURE__ */ jsx("span", {
+					className: cn("flex", variant !== "unstyled" && "pl-2"),
+					"aria-hidden": true,
 					"data-testid": "spectral-button-end-icon",
-					children: g
+					children: endIcon
 				})
 			] })
-		}), F ?? /* @__PURE__ */ l(i, {
+		}), customErrorMessageNode ?? /* @__PURE__ */ jsx(ErrorMessage, {
 			dataTestId: "spectral-button-error-message",
-			id: j,
-			message: P
+			id: errorMessageId,
+			message: errorMessageValue,
+			messageReserveLines,
+			messageReserveSpace
 		})]
 	});
 };
-f.displayName = "Button";
+Button.displayName = "Button";
+
 //#endregion
-export { f as Button };
+export { Button };
+//# sourceMappingURL=Button.js.map

package/dist/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":[],"sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import { LoaderIcon } from '@components/Icons'\nimport { Slot, type AsChildProp } from '@primitives/slot'\nimport { ErrorMessage } from '@utils/formFieldUtils'\nimport { cn } from '@utils/twUtils'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Children, isValidElement, useId, type ButtonHTMLAttributes, type MouseEvent, type ReactNode, type Ref } from 'react'\n\nconst buttonVariants = cva(\n  `gap-2 rounded-lg font-semibold [&_svg]:size-4 relative flex cursor-pointer items-center justify-center border font-sans! whitespace-nowrap transition-colors focus:outline-none focus-visible:outline-1 focus-visible:outline-offset-2 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0`,\n  {\n    variants: {\n      variant: {\n        primary: `border-button-primary-border bg-button-primary-bg text-button-primary-text hover:border-button-primary-border--hover hover:bg-button-primary-bg--hover hover:text-button-primary-text--hover focus-visible:outline-button-primary-border disabled:border-button-primary-border--disabled disabled:bg-button-primary-bg--disabled disabled:text-button-primary-text--disabled`,\n        secondary: `border-button-secondary-border bg-button-secondary-bg text-button-secondary-text hover:bg-button-secondary-bg--hover hover:text-button-secondary-text--hover focus-visible:outline-button-secondary-border disabled:border-button-secondary-border--disabled disabled:bg-button-secondary-bg--disabled disabled:text-button-secondary-text--disabled`,\n        outline: `border-button-outline-border bg-button-outline-bg text-button-outline-text hover:bg-button-outline-bg--hover hover:text-button-outline-text--hover focus-visible:outline-button-outline-border disabled:border-button-outline-border--disabled disabled:text-button-outline-text--disabled`,\n        ghost: 'border-none bg-button-ghost-bg text-button-ghost-text hover:bg-button-ghost-bg--hover hover:text-button-ghost-text--hover focus-visible:outline-none disabled:text-button-ghost-text--disabled',\n        unstyled: 'font-inherit! font-normal gap-0 p-0! inline-flex w-auto! justify-start rounded-none! border-none! bg-transparent text-inherit shadow-none! hover:cursor-pointer hover:bg-transparent focus-visible:outline-button-outline-border disabled:opacity-50',\n      },\n      size: {\n        small: 'py-1 px-4 text-sm! w-fit',\n        default: 'py-2 px-6 text-base! w-fit',\n        fullWidth: 'py-2 px-6 text-base! w-full',\n      },\n      state: {\n        default: '',\n        error: 'bg-button-danger text-text-primary transition focus-visible:outline-button-danger',\n        loading: 'pointer-events-none cursor-wait',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      state: 'default',\n      size: 'default',\n    },\n  },\n)\n\nexport interface ButtonProps extends AsChildProp, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {\n  dataTestId?: string\n  disabled?: boolean\n  endIcon?: ReactNode\n  errorMessage?: string | ReactNode\n  label?: string\n  messageReserveLines?: number\n  messageReserveSpace?: boolean\n  onClick?: (event: MouseEvent<HTMLElement>) => void\n  size?: 'small' | 'default' | 'fullWidth'\n  startIcon?: ReactNode\n  state?: 'default' | 'error' | 'loading'\n  type?: 'button' | 'submit' | 'reset'\n  variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'unstyled'\n}\n\nexport const Button = ({\n  asChild = false,\n  children,\n  className,\n  dataTestId,\n  disabled,\n  endIcon,\n  errorMessage,\n  id,\n  label,\n  messageReserveLines = 1,\n  messageReserveSpace = true,\n  onClick,\n  ref,\n  size,\n  startIcon,\n  state,\n  type = 'button',\n  variant = 'primary',\n  ...props\n}: ButtonProps & {\n  ref?: Ref<HTMLButtonElement>\n}) => {\n  const stateStyles = {\n    error: {\n      primary: 'bg-button-danger border-button-danger text-text-primary hover:bg-button-danger--hover hover:text-text-primary',\n      secondary: 'bg-button-danger border-button-danger text-text-primary hover:bg-button-danger--hover hover:text-text-primary',\n      outline: 'bg-transparent border-button-danger text-button-danger hover:border-button-danger--hover hover:text-button-danger/80',\n      ghost: 'bg-transparent text-button-danger hover:text-button-danger/80',\n      unstyled: 'bg-transparent text-button-danger',\n    },\n    loading: {\n      primary: 'bg-button-primary-bg--disabled border-button-primary-border--disabled text-button-primary-text--disabled pointer-events-none',\n      secondary: 'bg-button-secondary-bg--disabled border-button-secondary-border--disabled text-button-secondary-text--disabled pointer-events-none',\n      outline: 'bg-button-outline-bg--disabled border-button-outline-border--disabled text-button-outline-text--disabled pointer-events-none',\n      ghost: 'bg-transparent text-button-ghost-text--disabled pointer-events-none',\n      unstyled: 'bg-transparent opacity-50 pointer-events-none',\n    },\n  }\n\n  const classes = cn(buttonVariants({ variant, state, size }), state === 'error' && stateStyles.error[variant as keyof typeof stateStyles.error], state === 'loading' && stateStyles.loading[variant as keyof typeof stateStyles.loading], className)\n  const generatedId = useId()\n  const errorMessageId = id ? `${id}-error` : `${generatedId}-error`\n\n  const canUseAsChild = asChild && isValidElement(children) && Children.count(children) === 1\n  const content = canUseAsChild ? undefined : (children ?? label)\n  const errorMessageValue = state === 'error' && typeof errorMessage === 'string' ? errorMessage : null\n  const customErrorMessageNode = state === 'error' && isValidElement(errorMessage) ? errorMessage : null\n\n  if (!canUseAsChild && !content) {\n    throw new Error('Button requires either `label` or `children`')\n  }\n\n  const handleDisabledClickCapture = (event: MouseEvent<HTMLElement>) => {\n    if (!disabled) return\n    event.preventDefault()\n    event.stopPropagation()\n  }\n\n  const Comp = canUseAsChild ? Slot : 'button'\n\n  return (\n    <div className={cn('flex flex-col justify-items-center', size)}>\n      <Comp\n        aria-disabled={disabled}\n        className={cn(classes, canUseAsChild && 'no-underline! before:content-none after:content-none', canUseAsChild && disabled && 'pointer-events-none opacity-50')}\n        data-as-child={canUseAsChild ? 'true' : undefined}\n        data-state={state}\n        data-testid={dataTestId ?? `spectral-button-${variant}`}\n        data-variant={variant}\n        disabled={canUseAsChild ? undefined : disabled}\n        id={id}\n        onClick={onClick}\n        onClickCapture={canUseAsChild ? handleDisabledClickCapture : undefined}\n        ref={ref}\n        tabIndex={canUseAsChild && disabled ? -1 : undefined}\n        type={canUseAsChild ? undefined : type}\n        {...props}\n      >\n        {canUseAsChild ? (\n          children\n        ) : (\n          <>\n            {startIcon && (\n              <span className={cn('flex', variant !== 'unstyled' && 'pr-1')} aria-hidden data-testid='spectral-button-start-icon'>\n                {startIcon}\n              </span>\n            )}\n            {state === 'loading' && <LoaderIcon className='ml-2 motion-safe:animate-spin' size={16} />}\n            {content}\n            {endIcon && state !== 'loading' && (\n              <span className={cn('flex', variant !== 'unstyled' && 'pl-2')} aria-hidden data-testid='spectral-button-end-icon'>\n                {endIcon}\n              </span>\n            )}\n          </>\n        )}\n      </Comp>\n      {customErrorMessageNode ?? <ErrorMessage dataTestId='spectral-button-error-message' id={errorMessageId} message={errorMessageValue} messageReserveLines={messageReserveLines} messageReserveSpace={messageReserveSpace} />}\n    </div>\n  )\n}\nButton.displayName = 'Button'\n"],"mappings":";;;;;;;;;;AAOA,MAAM,iBAAiB,IACrB,oTACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,WAAW;GACX,SAAS;GACT,OAAO;GACP,UAAU;GACX;EACD,MAAM;GACJ,OAAO;GACP,SAAS;GACT,WAAW;GACZ;EACD,OAAO;GACL,SAAS;GACT,OAAO;GACP,SAAS;GACV;EACF;CACD,iBAAiB;EACf,SAAS;EACT,OAAO;EACP,MAAM;EACP;CACF,CACF;AAkBD,MAAa,UAAU,EACrB,UAAU,OACV,UACA,WACA,YACA,UACA,SACA,cACA,IACA,OACA,sBAAsB,GACtB,sBAAsB,MACtB,SACA,KACA,MACA,WACA,OACA,OAAO,UACP,UAAU,WACV,GAAG,YAGC;CACJ,MAAM,cAAc;EAClB,OAAO;GACL,SAAS;GACT,WAAW;GACX,SAAS;GACT,OAAO;GACP,UAAU;GACX;EACD,SAAS;GACP,SAAS;GACT,WAAW;GACX,SAAS;GACT,OAAO;GACP,UAAU;GACX;EACF;CAED,MAAM,UAAU,GAAG,eAAe;EAAE;EAAS;EAAO;EAAM,CAAC,EAAE,UAAU,WAAW,YAAY,MAAM,UAA4C,UAAU,aAAa,YAAY,QAAQ,UAA8C,UAAU;CACnP,MAAM,cAAc,OAAO;CAC3B,MAAM,iBAAiB,KAAK,GAAG,GAAG,UAAU,GAAG,YAAY;CAE3D,MAAM,gBAAgB,WAAW,eAAe,SAAS,IAAI,SAAS,MAAM,SAAS,KAAK;CAC1F,MAAM,UAAU,gBAAgB,SAAa,YAAY;CACzD,MAAM,oBAAoB,UAAU,WAAW,OAAO,iBAAiB,WAAW,eAAe;CACjG,MAAM,yBAAyB,UAAU,WAAW,eAAe,aAAa,GAAG,eAAe;AAElG,KAAI,CAAC,iBAAiB,CAAC,QACrB,OAAM,IAAI,MAAM,+CAA+C;CAGjE,MAAM,8BAA8B,UAAmC;AACrE,MAAI,CAAC,SAAU;AACf,QAAM,gBAAgB;AACtB,QAAM,iBAAiB;;CAGzB,MAAM,OAAO,gBAAgB,OAAO;AAEpC,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,sCAAsC,KAAK;YAA9D,CACE,oBAAC,MAAD;GACE,iBAAe;GACf,WAAW,GAAG,SAAS,iBAAiB,wDAAwD,iBAAiB,YAAY,iCAAiC;GAC9J,iBAAe,gBAAgB,SAAS;GACxC,cAAY;GACZ,eAAa,cAAc,mBAAmB;GAC9C,gBAAc;GACd,UAAU,gBAAgB,SAAY;GAClC;GACK;GACT,gBAAgB,gBAAgB,6BAA6B;GACxD;GACL,UAAU,iBAAiB,WAAW,KAAK;GAC3C,MAAM,gBAAgB,SAAY;GAClC,GAAI;aAEH,gBACC,WAEA;IACG,aACC,oBAAC,QAAD;KAAM,WAAW,GAAG,QAAQ,YAAY,cAAc,OAAO;KAAE;KAAY,eAAY;eACpF;KACI;IAER,UAAU,aAAa,oBAAC,YAAD;KAAY,WAAU;KAAgC,MAAM;KAAM;IACzF;IACA,WAAW,UAAU,aACpB,oBAAC,QAAD;KAAM,WAAW,GAAG,QAAQ,YAAY,cAAc,OAAO;KAAE;KAAY,eAAY;eACpF;KACI;IAER;GAEA,GACN,0BAA0B,oBAAC,cAAD;GAAc,YAAW;GAAgC,IAAI;GAAgB,SAAS;GAAwC;GAA0C;GAAuB,EACtN;;;AAGV,OAAO,cAAc"}

package/dist/ButtonGroup/ButtonGroupButton.d.ts

@@ -1,13 +1,26 @@
-import { VariantProps } from 'class-variance-authority';
-import { ComponentProps } from 'react';
-export declare const buttonVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "md" | "lg" | "icon-md" | "icon-sm" | "icon-lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const ButtonGroupButton: {
-    ({ asChild, className, size, variant, ...props }: ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-        asChild?: boolean;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+'use client';
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/ButtonGroup/ButtonGroupButton.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "default" | "outline" | null | undefined;
+  size?: "icon-lg" | "icon-md" | "icon-sm" | "lg" | "md" | "sm" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function ButtonGroupButton({
+  asChild,
+  className,
+  size,
+  variant,
+  ...props
+}: ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+  asChild?: boolean;
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace ButtonGroupButton {
+  var displayName: string;
+}
+//#endregion
+export { ButtonGroupButton, buttonVariants };
 //# sourceMappingURL=ButtonGroupButton.d.ts.map

package/dist/ButtonGroup/ButtonGroupButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupButton.d.ts","names":[],"sources":["../../src/components/ButtonGroup/ButtonGroupButton.tsx"],"mappings":";;;;;;;cAKa,cAAA,GAAc,KAAA;;;IAsB1B,iCAAA,CAAA,SAAA;AAAA;EAGC,OAAA;EACA,SAAA;EACA,IAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,cAAA,aACD,YAAA,QAAoB,cAAA;EAClB,OAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}

package/dist/ButtonGroup/ButtonGroupButton.js

@@ -1,12 +1,12 @@
-'use client'
-import '../styles/main.css'
-import { t as e } from "../twUtils-BpqlKSeB.js";
-import { t } from "../dist-tMzzRwxG.js";
-import { Slot as n } from "../primitives/slot.js";
+'use client';
+import { cn } from "../utils/twUtils.js";
+import { Slot } from "../primitives/slot.js";
 import "react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
 //#region src/components/ButtonGroup/ButtonGroupButton.tsx
-var i = t("gap-2 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 aria-invalid:ring-destructive/20 aria-invalid:border-destructive inline-flex shrink-0 cursor-pointer items-center justify-center rounded-[var(--radius,0.375rem)] bg-level-one whitespace-nowrap text-text-primary transition-all outline-none hover:bg-level-two focus-visible:border-accent focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent active:bg-accent active:text-text-inverted disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+const buttonVariants = cva(`gap-2 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 aria-invalid:ring-destructive/20 aria-invalid:border-destructive inline-flex shrink-0 cursor-pointer items-center justify-center rounded-[var(--radius,0.375rem)] bg-level-one whitespace-nowrap text-text-primary transition-all outline-none hover:bg-level-two focus-visible:border-accent focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent active:bg-accent active:text-text-inverted disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`, {
 	variants: {
 		variant: {
 			default: "",
@@ -25,17 +25,22 @@ var i = t("gap-2 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 aria-i
 		variant: "default",
 		size: "md"
 	}
-}), a = ({ asChild: t = !1, className: a, size: o, variant: s, ...c }) => /* @__PURE__ */ r(t ? n : "button", {
-	className: e(i({
-		variant: s,
-		size: o,
-		className: a
-	})),
-	"data-size": o,
-	"data-slot": "button-group-item",
-	"data-variant": s,
-	...c
 });
-a.displayName = "ButtonGroupButton";
+const ButtonGroupButton = ({ asChild = false, className, size, variant, ...props }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		"data-size": size,
+		"data-slot": "button-group-item",
+		"data-variant": variant,
+		...props
+	});
+};
+ButtonGroupButton.displayName = "ButtonGroupButton";
+
 //#endregion
-export { a as ButtonGroupButton, i as buttonVariants };
+export { ButtonGroupButton, buttonVariants };
+//# sourceMappingURL=ButtonGroupButton.js.map

package/dist/ButtonGroup/ButtonGroupButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupButton.js","names":[],"sources":["../../src/components/ButtonGroup/ButtonGroupButton.tsx"],"sourcesContent":["import { Slot } from '@primitives/slot'\nimport { cn } from '@utils/twUtils'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nexport const buttonVariants = cva(\n  `gap-2 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 aria-invalid:ring-destructive/20 aria-invalid:border-destructive inline-flex shrink-0 cursor-pointer items-center justify-center rounded-[var(--radius,0.375rem)] bg-level-one whitespace-nowrap text-text-primary transition-all outline-none hover:bg-level-two focus-visible:border-accent focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent active:bg-accent active:text-text-inverted disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,\n  {\n    variants: {\n      variant: {\n        default: '',\n        outline: 'border border-level-three',\n      },\n      size: {\n        md: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        sm: 'h-8 gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 px-6 has-[>svg]:px-4',\n        'icon-md': 'size-9',\n        'icon-sm': 'size-8',\n        'icon-lg': 'size-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n)\n\nexport const ButtonGroupButton = ({\n  asChild = false,\n  className,\n  size,\n  variant,\n  ...props\n}: ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) => {\n  const Comp = asChild ? Slot : 'button'\n\n  return <Comp className={cn(buttonVariants({ variant, size, className }))} data-size={size} data-slot='button-group-item' data-variant={variant} {...props} />\n}\nButtonGroupButton.displayName = 'ButtonGroupButton'\n"],"mappings":";;;;;;;;AAKA,MAAa,iBAAiB,IAC5B,6jBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,WAAW;GACX,WAAW;GACX,WAAW;GACZ;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,MAAa,qBAAqB,EAChC,UAAU,OACV,WACA,MACA,SACA,GAAG,YAIG;AAGN,QAAO,oBAFM,UAAU,OAAO,UAEvB;EAAM,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAAE,aAAW;EAAM,aAAU;EAAoB,gBAAc;EAAS,GAAI;EAAS;;AAE/J,kBAAkB,cAAc"}

package/dist/ButtonGroup.d.ts

@@ -1,32 +1,61 @@
-import { Separator } from '../Separator/Separator';
-import { VariantProps } from 'class-variance-authority';
-import { ComponentProps } from 'react';
-export type ButtonGroupProps = ComponentProps<typeof ButtonGroup> & VariantProps<typeof buttonGroupVariants>;
-export declare const buttonGroupVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const ButtonGroup: {
-    ({ children, className, orientation, size, variant, ...props }: ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants> & {
-        size?: "md" | "sm" | "lg" | "icon-md" | "icon-sm" | "icon-lg";
-        variant?: "default" | "outline";
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const ButtonGroupItem: {
-    ({ asChild, children, className, size, variant, ...props }: ComponentProps<"button"> & {
-        asChild?: boolean;
-        size?: "sm" | "md" | "lg" | "icon-sm" | "icon-md" | "icon-lg";
-        variant?: "default" | "outline";
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const ButtonGroupText: ({ asChild, className, ...props }: ComponentProps<"div"> & {
-    asChild?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const ButtonGroupSeparator: {
-    ({ className, orientation, ...props }: ComponentProps<typeof Separator> & {
-        orientation?: "vertical" | "horizontal";
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+'use client';
+import { Separator } from "./Separator.js";
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/ButtonGroup/ButtonGroup.d.ts
+type ButtonGroupProps = ComponentProps<typeof ButtonGroup> & VariantProps<typeof buttonGroupVariants>;
+declare const buttonGroupVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function ButtonGroup({
+  children,
+  className,
+  orientation,
+  size,
+  variant,
+  ...props
+}: ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants> & {
+  size?: 'md' | 'sm' | 'lg' | 'icon-md' | 'icon-sm' | 'icon-lg';
+  variant?: 'default' | 'outline';
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace ButtonGroup {
+  var displayName: string;
+}
+declare function ButtonGroupItem({
+  asChild,
+  children,
+  className,
+  size,
+  variant,
+  ...props
+}: ComponentProps<'button'> & {
+  asChild?: boolean;
+  size?: 'sm' | 'md' | 'lg' | 'icon-sm' | 'icon-md' | 'icon-lg';
+  variant?: 'default' | 'outline';
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace ButtonGroupItem {
+  var displayName: string;
+}
+declare const ButtonGroupText: ({
+  asChild,
+  className,
+  ...props
+}: ComponentProps<'div'> & {
+  asChild?: boolean;
+}) => _$react_jsx_runtime0.JSX.Element;
+declare function ButtonGroupSeparator({
+  className,
+  orientation,
+  ...props
+}: ComponentProps<typeof Separator> & {
+  orientation?: 'vertical' | 'horizontal';
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace ButtonGroupSeparator {
+  var displayName: string;
+}
+//#endregion
+export { ButtonGroup, ButtonGroupItem, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","names":[],"sources":["../src/components/ButtonGroup/ButtonGroup.tsx"],"mappings":";;;;;;;;KAYY,gBAAA,GAAmB,cAAA,QAAsB,WAAA,IAAe,YAAA,QAAoB,mBAAA;AAAA,cAE3E,mBAAA,GAAmB,KAAA;;IAa/B,iCAAA,CAAA,SAAA;AAAA;EAGC,QAAA;EACA,SAAA;EACA,WAAA;EACA,IAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,cAAA,UACD,YAAA,QAAoB,mBAAA;EAClB,IAAA;EACA,OAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EAkBD,OAAA;EACA,QAAA;EACA,SAAA;EACA,IAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,cAAA;EACD,OAAA;EACA,IAAA;EACA,OAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;cASY,eAAA;EAAe,OAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAIzB,cAAA;EACD,OAAA;AAAA,MACD,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;EAMC,SAAA;EACA,WAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,SAAA;EACvB,WAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}

package/dist/ButtonGroup.js

@@ -1,57 +1,72 @@
-'use client'
-import './styles/main.css'
-import { t as e } from "./twUtils-BpqlKSeB.js";
-import { t } from "./dist-tMzzRwxG.js";
-import { Slot as n } from "./primitives/slot.js";
-import { Separator as r } from "./Separator.js";
-import { ButtonGroupButton as i } from "./ButtonGroup/ButtonGroupButton.js";
-import { Children as a, cloneElement as o, isValidElement as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
+'use client';
+import { cn } from "./utils/twUtils.js";
+import { Slot } from "./primitives/slot.js";
+import { Separator } from "./Separator.js";
+import { ButtonGroupButton } from "./ButtonGroup/ButtonGroupButton.js";
+import { Children, cloneElement, isValidElement } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
 //#region src/components/ButtonGroup/ButtonGroup.tsx
-var l = t("has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2 flex w-fit items-stretch [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+const buttonGroupVariants = cva(`has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2 flex w-fit items-stretch [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1`, {
 	variants: { orientation: {
 		horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
 		vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
 	} },
 	defaultVariants: { orientation: "horizontal" }
-}), u = ({ children: t, className: n, orientation: r = "horizontal", size: u = "md", variant: f = "default", ...p }) => /* @__PURE__ */ c("div", {
-	"aria-label": p["aria-label"],
-	className: e(l({ orientation: r }), n),
-	"data-orientation": r,
-	"data-slot": "button-group",
-	"data-testid": "spectral-button-group",
-	role: "group",
-	...p,
-	children: a.map(t, (e) => s(e) && (e.type === d || e.type === i) ? o(e, {
-		variant: e.props.variant ?? f,
-		size: e.props.size ?? u
-	}) : e)
 });
-u.displayName = "ButtonGroup";
-var d = ({ asChild: t, children: n, className: r, size: a, variant: o, ...s }) => /* @__PURE__ */ c(i, {
-	asChild: t,
-	className: e(r),
-	"data-slot": "button-group-item",
-	"data-testid": "spectral-button-group-item",
-	"data-variant": o,
-	size: a,
-	variant: o,
-	...s,
-	children: n
-});
-d.displayName = "ButtonGroupItem";
-var f = ({ asChild: t = !1, className: r, ...i }) => /* @__PURE__ */ c(t ? n : "div", {
-	className: e("bg-muted gap-2 rounded-md px-4 text-sm font-medium shadow-xs [&_svg:not([class*='size-'])]:size-4 flex items-center border [&_svg]:pointer-events-none", r),
-	"data-slot": "button-group-text",
-	"data-testid": "spectral-button-group-text",
-	...i
-}), p = ({ className: t, orientation: n = "vertical", ...i }) => /* @__PURE__ */ c(r, {
-	className: e("m-0! relative self-stretch bg-input-primitive-border data-[orientation=vertical]:h-auto", t),
-	"data-slot": "button-group-separator",
-	"data-testid": "spectral-button-group-separator",
-	orientation: n,
-	...i
-});
-p.displayName = "ButtonGroupSeparator";
+const ButtonGroup = ({ children, className, orientation = "horizontal", size = "md", variant = "default", ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"aria-label": props["aria-label"],
+		className: cn(buttonGroupVariants({ orientation }), className),
+		"data-orientation": orientation,
+		"data-slot": "button-group",
+		"data-testid": "spectral-button-group",
+		role: "group",
+		...props,
+		children: Children.map(children, (child) => {
+			if (isValidElement(child) && (child.type === ButtonGroupItem || child.type === ButtonGroupButton)) return cloneElement(child, {
+				variant: child.props.variant ?? variant,
+				size: child.props.size ?? size
+			});
+			return child;
+		})
+	});
+};
+ButtonGroup.displayName = "ButtonGroup";
+const ButtonGroupItem = ({ asChild, children, className, size, variant, ...props }) => {
+	return /* @__PURE__ */ jsx(ButtonGroupButton, {
+		asChild,
+		className: cn(className),
+		"data-slot": "button-group-item",
+		"data-testid": "spectral-button-group-item",
+		"data-variant": variant,
+		size,
+		variant,
+		...props,
+		children
+	});
+};
+ButtonGroupItem.displayName = "ButtonGroupItem";
+const ButtonGroupText = ({ asChild = false, className, ...props }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		className: cn(`bg-muted gap-2 rounded-md px-4 text-sm font-medium shadow-xs [&_svg:not([class*='size-'])]:size-4 flex items-center border [&_svg]:pointer-events-none`, className),
+		"data-slot": "button-group-text",
+		"data-testid": "spectral-button-group-text",
+		...props
+	});
+};
+const ButtonGroupSeparator = ({ className, orientation = "vertical", ...props }) => {
+	return /* @__PURE__ */ jsx(Separator, {
+		className: cn("m-0! relative self-stretch bg-input-primitive-border data-[orientation=vertical]:h-auto", className),
+		"data-slot": "button-group-separator",
+		"data-testid": "spectral-button-group-separator",
+		orientation,
+		...props
+	});
+};
+ButtonGroupSeparator.displayName = "ButtonGroupSeparator";
+
 //#endregion
-export { u as ButtonGroup, d as ButtonGroupItem, p as ButtonGroupSeparator, f as ButtonGroupText, l as buttonGroupVariants };
+export { ButtonGroup, ButtonGroupItem, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","names":[],"sources":["../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { Separator } from '@components/Separator/Separator'\nimport { Slot } from '@primitives/slot'\nimport { cn } from '@utils/twUtils'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Children, cloneElement, isValidElement, type ComponentProps, type ReactElement } from 'react'\nimport { ButtonGroupButton } from './ButtonGroupButton'\n\ninterface ButtonGroupChildProps {\n  size?: 'md' | 'sm' | 'lg' | 'icon-md' | 'icon-sm' | 'icon-lg'\n  variant?: 'default' | 'outline'\n}\n\nexport type ButtonGroupProps = ComponentProps<typeof ButtonGroup> & VariantProps<typeof buttonGroupVariants>\n\nexport const buttonGroupVariants = cva(\n  `has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2 flex w-fit items-stretch [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1`,\n  {\n    variants: {\n      orientation: {\n        horizontal: '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',\n        vertical: 'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  },\n)\n\nexport const ButtonGroup = ({\n  children,\n  className,\n  orientation = 'horizontal',\n  size = 'md',\n  variant = 'default',\n  ...props\n}: ComponentProps<'div'> &\n  VariantProps<typeof buttonGroupVariants> & {\n    size?: 'md' | 'sm' | 'lg' | 'icon-md' | 'icon-sm' | 'icon-lg'\n    variant?: 'default' | 'outline'\n  }) => {\n  return (\n    <div aria-label={props['aria-label']} className={cn(buttonGroupVariants({ orientation }), className)} data-orientation={orientation} data-slot='button-group' data-testid='spectral-button-group' role='group' {...props}>\n      {Children.map(children, (child) => {\n        if (isValidElement<ButtonGroupChildProps>(child) && (child.type === ButtonGroupItem || child.type === ButtonGroupButton)) {\n          return cloneElement(child as ReactElement<ButtonGroupChildProps>, {\n            variant: child.props.variant ?? variant,\n            size: child.props.size ?? size,\n          })\n        }\n        return child\n      })}\n    </div>\n  )\n}\nButtonGroup.displayName = 'ButtonGroup'\n\nexport const ButtonGroupItem = ({\n  asChild,\n  children,\n  className,\n  size,\n  variant,\n  ...props\n}: ComponentProps<'button'> & {\n  asChild?: boolean\n  size?: 'sm' | 'md' | 'lg' | 'icon-sm' | 'icon-md' | 'icon-lg'\n  variant?: 'default' | 'outline'\n}) => {\n  return (\n    <ButtonGroupButton asChild={asChild} className={cn(className)} data-slot='button-group-item' data-testid='spectral-button-group-item' data-variant={variant} size={size} variant={variant} {...props}>\n      {children}\n    </ButtonGroupButton>\n  )\n}\nButtonGroupItem.displayName = 'ButtonGroupItem'\n\nexport const ButtonGroupText = ({\n  asChild = false,\n  className,\n  ...props\n}: ComponentProps<'div'> & {\n  asChild?: boolean\n}) => {\n  const Comp = asChild ? Slot : 'div'\n  return <Comp className={cn(`bg-muted gap-2 rounded-md px-4 text-sm font-medium shadow-xs [&_svg:not([class*='size-'])]:size-4 flex items-center border [&_svg]:pointer-events-none`, className)} data-slot='button-group-text' data-testid='spectral-button-group-text' {...props} />\n}\n\nexport const ButtonGroupSeparator = ({\n  className,\n  orientation = 'vertical',\n  ...props\n}: ComponentProps<typeof Separator> & {\n  orientation?: 'vertical' | 'horizontal'\n}) => {\n  return <Separator className={cn('m-0! relative self-stretch bg-input-primitive-border data-[orientation=vertical]:h-auto', className)} data-slot='button-group-separator' data-testid='spectral-button-group-separator' orientation={orientation} {...props} />\n}\nButtonGroupSeparator.displayName = 'ButtonGroupSeparator'\n"],"mappings":";;;;;;;;;;AAcA,MAAa,sBAAsB,IACjC,oSACA;CACE,UAAU,EACR,aAAa;EACX,YAAY;EACZ,UAAU;EACX,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CACF;AAED,MAAa,eAAe,EAC1B,UACA,WACA,cAAc,cACd,OAAO,MACP,UAAU,WACV,GAAG,YAKG;AACN,QACE,oBAAC,OAAD;EAAK,cAAY,MAAM;EAAe,WAAW,GAAG,oBAAoB,EAAE,aAAa,CAAC,EAAE,UAAU;EAAE,oBAAkB;EAAa,aAAU;EAAe,eAAY;EAAwB,MAAK;EAAQ,GAAI;YAChN,SAAS,IAAI,WAAW,UAAU;AACjC,OAAI,eAAsC,MAAM,KAAK,MAAM,SAAS,mBAAmB,MAAM,SAAS,mBACpG,QAAO,aAAa,OAA8C;IAChE,SAAS,MAAM,MAAM,WAAW;IAChC,MAAM,MAAM,MAAM,QAAQ;IAC3B,CAAC;AAEJ,UAAO;IACP;EACE;;AAGV,YAAY,cAAc;AAE1B,MAAa,mBAAmB,EAC9B,SACA,UACA,WACA,MACA,SACA,GAAG,YAKC;AACJ,QACE,oBAAC,mBAAD;EAA4B;EAAS,WAAW,GAAG,UAAU;EAAE,aAAU;EAAoB,eAAY;EAA6B,gBAAc;EAAe;EAAe;EAAS,GAAI;EAC5L;EACiB;;AAGxB,gBAAgB,cAAc;AAE9B,MAAa,mBAAmB,EAC9B,UAAU,OACV,WACA,GAAG,YAGC;AAEJ,QAAO,oBADM,UAAU,OAAO,OACvB;EAAM,WAAW,GAAG,0JAA0J,UAAU;EAAE,aAAU;EAAoB,eAAY;EAA6B,GAAI;EAAS;;AAGvR,MAAa,wBAAwB,EACnC,WACA,cAAc,YACd,GAAG,YAGC;AACJ,QAAO,oBAAC,WAAD;EAAW,WAAW,GAAG,2FAA2F,UAAU;EAAE,aAAU;EAAyB,eAAY;EAA+C;EAAa,GAAI;EAAS;;AAEjQ,qBAAqB,cAAc"}

package/dist/ButtonIcon.d.ts

@@ -1,19 +1,35 @@
-import { ButtonHTMLAttributes, MouseEvent, ReactElement, Ref } from 'react';
+'use client';
+import { ButtonHTMLAttributes, MouseEvent, ReactElement, Ref } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/ButtonIcon/ButtonIcon.d.ts
 type IconOrSVG = ReactElement | (() => ReactElement);
-export interface ButtonIconProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
-    className?: string;
-    icon: IconOrSVG;
-    isLoading?: boolean;
-    label: string;
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    shape?: 'circle' | 'square';
-    size?: 'sm' | 'md' | 'lg';
+interface ButtonIconProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
+  className?: string;
+  icon: IconOrSVG;
+  isLoading?: boolean;
+  label: string;
+  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+  shape?: 'circle' | 'square';
+  size?: 'sm' | 'md' | 'lg';
 }
-export declare const ButtonIcon: {
-    ({ className, disabled, icon, isLoading, label, onClick, ref, shape, size, ...props }: ButtonIconProps & {
-        ref?: Ref<HTMLButtonElement>;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};
+declare function ButtonIcon({
+  className,
+  disabled,
+  icon,
+  isLoading,
+  label,
+  onClick,
+  ref,
+  shape,
+  size,
+  ...props
+}: ButtonIconProps & {
+  ref?: Ref<HTMLButtonElement>;
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace ButtonIcon {
+  var displayName: string;
+}
+//#endregion
+export { ButtonIcon, ButtonIconProps };
 //# sourceMappingURL=ButtonIcon.d.ts.map

package/dist/ButtonIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.d.ts","names":[],"sources":["../src/components/ButtonIcon/ButtonIcon.tsx"],"mappings":";;;;;KAIK,SAAA,GAAY,YAAA,UAAsB,YAAA;AAAA,UAEtB,eAAA,SAAwB,IAAA,CAAK,oBAAA,CAAqB,iBAAA;EACjE,SAAA;EACA,IAAA,EAAM,SAAA;EACN,SAAA;EACA,KAAA;EACA,OAAA,IAAW,KAAA,EAAO,UAAA,CAAW,iBAAA;EAC7B,KAAA;EACA,IAAA;AAAA;AAAA;EAaA,SAAA;EACA,QAAA;EACA,IAAA;EACA,SAAA;EACA,KAAA;EACA,OAAA;EACA,GAAA;EACA,KAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,eAAA;EACD,GAAA,GAAM,GAAA,CAAI,iBAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}