@spear-ai/spectral 1.13.1 → 1.14.2

package/dist/Switch.js

@@ -1,3 +1,118 @@
-'use client'
-import { t as e } from "./Switch-CSmXtkia.js";
-export { e as Switch };
+'use client';
+import { cn } from "./utils/twUtils.js";
+import { ErrorMessage, WarningMessage } from "./FormFieldMessage.js";
+import { useFormFieldId } from "./utils/formFieldUtils.js";
+import { Label } from "./Label.js";
+import { Switch as Switch$1, SwitchThumb } from "./Switch/SwitchBase.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, XIcon } from "lucide-react";
+
+//#region src/components/Switch/Switch.tsx
+const thumbBase = "bg-switch-thumb--checked data-[state=checked]:bg-switch-thumb pointer-events-none block rounded-full ring-0 transition-transform motion-reduce:transition-none";
+const Switch = ({ className, disabled, errorMessage, hideLabel = false, id, label, labelPosition = "right", labelText, messageReserveLines = 1, messageReserveSpace = true, name, onChange, ref, required, state = "default", value, variant, warningMessage, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, ...props }) => {
+	const switchId = useFormFieldId(id, name);
+	const isDisabled = Boolean(disabled);
+	const resolvedLabelText = labelText ?? label;
+	const errorMessageId = `${switchId}-error`;
+	const warningMessageId = `${switchId}-warning`;
+	const messageId = state === "error" && errorMessage && errorMessageId ? errorMessageId : state === "warning" && warningMessage && warningMessageId ? warningMessageId : void 0;
+	const isSquared = variant === "squared";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center",
+		"data-testid": "spectral-switch-container",
+		"data-state": state,
+		children: [
+			labelPosition === "left" && !hideLabel && resolvedLabelText && /* @__PURE__ */ jsx(Label, {
+				className: "mr-2",
+				"data-testid": "spectral-switch-label-left",
+				htmlFor: switchId,
+				children: resolvedLabelText
+			}),
+			variant === "permanent-indicator" ? /* @__PURE__ */ jsxs("div", {
+				className: "h-7 text-sm font-medium relative inline-grid grid-cols-[1fr_1fr] items-center",
+				children: [
+					/* @__PURE__ */ jsx(Switch$1, {
+						"aria-required": required,
+						"aria-describedby": [messageId, ariaDescribedBy].filter(Boolean).join(" ") || void 0,
+						"aria-invalid": state === "error" ? true : void 0,
+						"aria-label": ariaLabel ?? (hideLabel ? resolvedLabelText : void 0),
+						className: cn("peer inset-0 w-14 focus-visible:ring-ring absolute inline-flex h-[inherit] items-center focus-visible:ring-offset-background data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg/50", "shadow-2xs cursor-pointer rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:cursor-not-allowed disabled:opacity-50", className),
+						"data-testid": "spectral-switch",
+						disabled: isDisabled,
+						id: switchId,
+						name,
+						onCheckedChange: onChange,
+						ref,
+						required,
+						value,
+						...props,
+						children: /* @__PURE__ */ jsx(SwitchThumb, { className: cn(thumbBase, "size-6.5 shadow-xs relative z-10 duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] data-[state=checked]:translate-x-[26px] motion-reduce:duration-0 data-[state=checked]:rtl:translate-x-[-26px]") })
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "ml-0.5 min-w-8 peer-data-[state=unchecked]:translate-x-6 peer-data-[state=unchecked]:rtl:-translate-x-6 motion-reduce:translate-x-0 pointer-events-none relative flex items-center justify-center text-center transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] peer-data-[state=checked]:invisible motion-reduce:transition-none motion-reduce:duration-0",
+						children: /* @__PURE__ */ jsx(XIcon, {
+							"aria-hidden": "true",
+							className: "size-4"
+						})
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "min-w-8 motion-reduce:translate-x-0 pointer-events-none relative flex items-center justify-center text-center transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] peer-data-[state=checked]:-translate-x-full peer-data-[state=checked]:text-background peer-data-[state=unchecked]:invisible motion-reduce:transition-none motion-reduce:duration-0 peer-data-[state=checked]:rtl:translate-x-full",
+						children: /* @__PURE__ */ jsx(CheckIcon, {
+							"aria-hidden": "true",
+							className: "size-4"
+						})
+					})
+				]
+			}) : /* @__PURE__ */ jsx(Switch$1, {
+				"aria-required": required,
+				"aria-describedby": [messageId, ariaDescribedBy].filter(Boolean).join(" ") || void 0,
+				"aria-invalid": state === "error" ? true : void 0,
+				"aria-label": ariaLabel ?? (hideLabel ? resolvedLabelText : void 0),
+				className: cn(isSquared ? "peer h-6 w-10 rounded-sm focus-visible:ring-black inline-flex shrink-0 items-center border-2 border-transparent transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg [&_span]:rounded-[4px]" : "focus-visible:ring-ring peer h-6 w-10 shadow-2xs inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg", className),
+				"data-testid": "spectral-switch",
+				disabled: isDisabled,
+				id: switchId,
+				name,
+				onCheckedChange: onChange,
+				ref,
+				required,
+				value,
+				...props,
+				children: /* @__PURE__ */ jsx(SwitchThumb, { className: cn(thumbBase, isSquared ? "size-5 shadow-xs data-[state=checked]:translate-x-4 data-[state=checked]:rtl:-translate-x-4" : "h-5 w-5 shadow-lg data-[state=checked]:translate-x-4") })
+			}),
+			labelPosition === "right" && !hideLabel && resolvedLabelText && /* @__PURE__ */ jsx(Label, {
+				className: "ml-2",
+				"data-testid": "spectral-switch-label-right",
+				htmlFor: switchId,
+				id: `${switchId}-label`,
+				children: resolvedLabelText
+			}),
+			hideLabel && resolvedLabelText && /* @__PURE__ */ jsx(Label, {
+				className: "sr-only",
+				"data-testid": "spectral-switch-label-hidden",
+				htmlFor: switchId,
+				children: resolvedLabelText
+			}),
+			/* @__PURE__ */ jsx(ErrorMessage, {
+				dataTestId: "spectral-switch-error-message",
+				id: errorMessageId,
+				message: state === "error" ? errorMessage ?? null : null,
+				messageReserveLines,
+				messageReserveSpace
+			}),
+			/* @__PURE__ */ jsx(WarningMessage, {
+				dataTestId: "spectral-switch-warning-message",
+				id: warningMessageId,
+				message: state === "warning" ? warningMessage ?? null : null,
+				messageReserveLines,
+				messageReserveSpace
+			})
+		]
+	});
+};
+Switch.displayName = "Switch";
+
+//#endregion
+export { Switch };
+//# sourceMappingURL=Switch.js.map

package/dist/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["SwitchBase"],"sources":["../src/components/Switch/Switch.tsx"],"sourcesContent":["import { Label } from '@components/Label/Label'\nimport { ErrorMessage, WarningMessage, useFormFieldId, type BaseFormFieldProps, type FormFieldState } from '@utils/formFieldUtils'\nimport { cn } from '@utils/twUtils'\nimport { CheckIcon, XIcon } from 'lucide-react'\nimport { type Ref } from 'react'\nimport { Switch as SwitchBase, SwitchThumb, type SwitchProps as SwitchBaseProps } from './SwitchBase'\n\ntype SwitchVisualState = Exclude<FormFieldState, 'disabled'>\n\nexport type SwitchProps = Omit<SwitchBaseProps, 'onCheckedChange'> & {\n  'aria-describedby'?: string\n  'aria-label'?: string\n  errorMessage?: BaseFormFieldProps['errorMessage']\n  hideLabel?: boolean\n  id?: string\n  label?: string\n  labelPosition?: 'left' | 'right'\n  labelText?: string\n  messageReserveLines?: number\n  messageReserveSpace?: boolean\n  onChange?: (checked: boolean) => void\n  ref?: Ref<HTMLButtonElement>\n  required?: boolean\n  state?: SwitchVisualState\n  value?: string\n  variant?: 'default' | 'squared' | 'permanent-indicator'\n  warningMessage?: BaseFormFieldProps['errorMessage']\n}\n\nconst thumbBase = 'bg-switch-thumb--checked data-[state=checked]:bg-switch-thumb pointer-events-none block rounded-full ring-0 transition-transform motion-reduce:transition-none'\n\nexport const Switch = ({\n  className,\n  disabled,\n  errorMessage,\n  hideLabel = false,\n  id,\n  label,\n  labelPosition = 'right',\n  labelText,\n  messageReserveLines = 1,\n  messageReserveSpace = true,\n  name,\n  onChange,\n  ref,\n  required,\n  state = 'default',\n  value,\n  variant,\n  warningMessage,\n  'aria-describedby': ariaDescribedBy,\n  'aria-label': ariaLabel,\n  ...props\n}: SwitchProps) => {\n  const switchId = useFormFieldId(id, name)\n  const isDisabled = Boolean(disabled)\n  const resolvedLabelText = labelText ?? label\n  const errorMessageId = `${switchId}-error`\n  const warningMessageId = `${switchId}-warning`\n  const messageId = state === 'error' && errorMessage && errorMessageId ? errorMessageId : state === 'warning' && warningMessage && warningMessageId ? warningMessageId : undefined\n  const isSquared = variant === 'squared'\n  const isPermanentIndicator = variant === 'permanent-indicator'\n\n  return (\n    <div className='flex items-center' data-testid='spectral-switch-container' data-state={state}>\n      {labelPosition === 'left' && !hideLabel && resolvedLabelText && (\n        <Label className='mr-2' data-testid='spectral-switch-label-left' htmlFor={switchId}>\n          {resolvedLabelText}\n        </Label>\n      )}\n\n      {isPermanentIndicator ? (\n        <div className='h-7 text-sm font-medium relative inline-grid grid-cols-[1fr_1fr] items-center'>\n          <SwitchBase\n            aria-required={required}\n            aria-describedby={[messageId, ariaDescribedBy].filter(Boolean).join(' ') || undefined}\n            aria-invalid={state === 'error' ? true : undefined}\n            aria-label={ariaLabel ?? (hideLabel ? resolvedLabelText : undefined)}\n            className={cn(\n              'peer inset-0 w-14 focus-visible:ring-ring absolute inline-flex h-[inherit] items-center focus-visible:ring-offset-background data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg/50',\n              'shadow-2xs cursor-pointer rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none',\n              'disabled:cursor-not-allowed disabled:opacity-50',\n              className,\n            )}\n            data-testid='spectral-switch'\n            disabled={isDisabled}\n            id={switchId}\n            name={name}\n            onCheckedChange={onChange}\n            ref={ref}\n            required={required}\n            value={value}\n            {...props}\n          >\n            <SwitchThumb className={cn(thumbBase, 'size-6.5 shadow-xs relative z-10 duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] data-[state=checked]:translate-x-[26px] motion-reduce:duration-0 data-[state=checked]:rtl:translate-x-[-26px]')} />\n          </SwitchBase>\n          <span className='ml-0.5 min-w-8 peer-data-[state=unchecked]:translate-x-6 peer-data-[state=unchecked]:rtl:-translate-x-6 motion-reduce:translate-x-0 pointer-events-none relative flex items-center justify-center text-center transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] peer-data-[state=checked]:invisible motion-reduce:transition-none motion-reduce:duration-0'>\n            <XIcon aria-hidden='true' className='size-4' />\n          </span>\n          <span className='min-w-8 motion-reduce:translate-x-0 pointer-events-none relative flex items-center justify-center text-center transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] peer-data-[state=checked]:-translate-x-full peer-data-[state=checked]:text-background peer-data-[state=unchecked]:invisible motion-reduce:transition-none motion-reduce:duration-0 peer-data-[state=checked]:rtl:translate-x-full'>\n            <CheckIcon aria-hidden='true' className='size-4' />\n          </span>\n        </div>\n      ) : (\n        <SwitchBase\n          aria-required={required}\n          aria-describedby={[messageId, ariaDescribedBy].filter(Boolean).join(' ') || undefined}\n          aria-invalid={state === 'error' ? true : undefined}\n          aria-label={ariaLabel ?? (hideLabel ? resolvedLabelText : undefined)}\n          className={cn(\n            isSquared\n              ? 'peer h-6 w-10 rounded-sm focus-visible:ring-black inline-flex shrink-0 items-center border-2 border-transparent transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg [&_span]:rounded-[4px]'\n              : 'focus-visible:ring-ring peer h-6 w-10 shadow-2xs inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg',\n            className,\n          )}\n          data-testid='spectral-switch'\n          disabled={isDisabled}\n          id={switchId}\n          name={name}\n          onCheckedChange={onChange}\n          ref={ref}\n          required={required}\n          value={value}\n          {...props}\n        >\n          <SwitchThumb className={cn(thumbBase, isSquared ? 'size-5 shadow-xs data-[state=checked]:translate-x-4 data-[state=checked]:rtl:-translate-x-4' : 'h-5 w-5 shadow-lg data-[state=checked]:translate-x-4')} />\n        </SwitchBase>\n      )}\n\n      {labelPosition === 'right' && !hideLabel && resolvedLabelText && (\n        <Label className='ml-2' data-testid='spectral-switch-label-right' htmlFor={switchId} id={`${switchId}-label`}>\n          {resolvedLabelText}\n        </Label>\n      )}\n\n      {hideLabel && resolvedLabelText && (\n        <Label className='sr-only' data-testid='spectral-switch-label-hidden' htmlFor={switchId}>\n          {resolvedLabelText}\n        </Label>\n      )}\n      <ErrorMessage dataTestId='spectral-switch-error-message' id={errorMessageId} message={state === 'error' ? (errorMessage ?? null) : null} messageReserveLines={messageReserveLines} messageReserveSpace={messageReserveSpace} />\n      <WarningMessage dataTestId='spectral-switch-warning-message' id={warningMessageId} message={state === 'warning' ? (warningMessage ?? null) : null} messageReserveLines={messageReserveLines} messageReserveSpace={messageReserveSpace} />\n    </div>\n  )\n}\nSwitch.displayName = 'Switch'\n"],"mappings":";;;;;;;;;;;AA6BA,MAAM,YAAY;AAElB,MAAa,UAAU,EACrB,WACA,UACA,cACA,YAAY,OACZ,IACA,OACA,gBAAgB,SAChB,WACA,sBAAsB,GACtB,sBAAsB,MACtB,MACA,UACA,KACA,UACA,QAAQ,WACR,OACA,SACA,gBACA,oBAAoB,iBACpB,cAAc,WACd,GAAG,YACc;CACjB,MAAM,WAAW,eAAe,IAAI,KAAK;CACzC,MAAM,aAAa,QAAQ,SAAS;CACpC,MAAM,oBAAoB,aAAa;CACvC,MAAM,iBAAiB,GAAG,SAAS;CACnC,MAAM,mBAAmB,GAAG,SAAS;CACrC,MAAM,YAAY,UAAU,WAAW,gBAAgB,iBAAiB,iBAAiB,UAAU,aAAa,kBAAkB,mBAAmB,mBAAmB;CACxK,MAAM,YAAY,YAAY;AAG9B,QACE,qBAAC,OAAD;EAAK,WAAU;EAAoB,eAAY;EAA4B,cAAY;YAAvF;GACG,kBAAkB,UAAU,CAAC,aAAa,qBACzC,oBAAC,OAAD;IAAO,WAAU;IAAO,eAAY;IAA6B,SAAS;cACvE;IACK;GAPe,YAAY,wBAWnC,qBAAC,OAAD;IAAK,WAAU;cAAf;KACE,oBAACA,UAAD;MACE,iBAAe;MACf,oBAAkB,CAAC,WAAW,gBAAgB,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,IAAI;MAC5E,gBAAc,UAAU,UAAU,OAAO;MACzC,cAAY,cAAc,YAAY,oBAAoB;MAC1D,WAAW,GACT,kNACA,oKACA,mDACA,UACD;MACD,eAAY;MACZ,UAAU;MACV,IAAI;MACE;MACN,iBAAiB;MACZ;MACK;MACH;MACP,GAAI;gBAEJ,oBAAC,aAAD,EAAa,WAAW,GAAG,WAAW,gMAAgM,EAAI;MAC/N;KACb,oBAAC,QAAD;MAAM,WAAU;gBACd,oBAAC,OAAD;OAAO,eAAY;OAAO,WAAU;OAAW;MAC1C;KACP,oBAAC,QAAD;MAAM,WAAU;gBACd,oBAAC,WAAD;OAAW,eAAY;OAAO,WAAU;OAAW;MAC9C;KACH;QAEN,oBAACA,UAAD;IACE,iBAAe;IACf,oBAAkB,CAAC,WAAW,gBAAgB,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,IAAI;IAC5E,gBAAc,UAAU,UAAU,OAAO;IACzC,cAAY,cAAc,YAAY,oBAAoB;IAC1D,WAAW,GACT,YACI,+TACA,gZACJ,UACD;IACD,eAAY;IACZ,UAAU;IACV,IAAI;IACE;IACN,iBAAiB;IACZ;IACK;IACH;IACP,GAAI;cAEJ,oBAAC,aAAD,EAAa,WAAW,GAAG,WAAW,YAAY,gGAAgG,uDAAuD,EAAI;IAClM;GAGd,kBAAkB,WAAW,CAAC,aAAa,qBAC1C,oBAAC,OAAD;IAAO,WAAU;IAAO,eAAY;IAA8B,SAAS;IAAU,IAAI,GAAG,SAAS;cAClG;IACK;GAGT,aAAa,qBACZ,oBAAC,OAAD;IAAO,WAAU;IAAU,eAAY;IAA+B,SAAS;cAC5E;IACK;GAEV,oBAAC,cAAD;IAAc,YAAW;IAAgC,IAAI;IAAgB,SAAS,UAAU,UAAW,gBAAgB,OAAQ;IAA2B;IAA0C;IAAuB;GAC/N,oBAAC,gBAAD;IAAgB,YAAW;IAAkC,IAAI;IAAkB,SAAS,UAAU,YAAa,kBAAkB,OAAQ;IAA2B;IAA0C;IAAuB;GACrO;;;AAGV,OAAO,cAAc"}

package/dist/Tabs/TabsBase.d.ts

@@ -1,57 +1,101 @@
-import { ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
-export interface TabsContextValue {
-    activationMode: 'automatic' | 'manual';
-    baseId: string;
-    dir: 'ltr' | 'rtl';
-    disabled: boolean;
-    onValueChange: (value: string) => void;
-    orientation: 'horizontal' | 'vertical';
-    rightSlot?: ReactNode | undefined;
-    value: string;
+'use client';
+import * as _$react from "react";
+import { ComponentPropsWithoutRef, ReactNode, Ref } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Tabs/TabsBase.d.ts
+interface TabsContextValue {
+  activationMode: 'automatic' | 'manual';
+  baseId: string;
+  dir: 'ltr' | 'rtl';
+  disabled: boolean;
+  onValueChange: (value: string) => void;
+  orientation: 'horizontal' | 'vertical';
+  rightSlot?: ReactNode | undefined;
+  value: string;
 }
-export declare const TabsContext: import('react').Context<TabsContextValue | null>;
-export declare const useTabsContext: (componentName?: string) => TabsContextValue;
-export interface TabsBaseProps extends Omit<ComponentPropsWithoutRef<'div'>, 'dir' | 'defaultValue'> {
-    onValueChange?: (value: string) => void;
-    activationMode?: 'automatic' | 'manual';
-    defaultValue?: string;
-    children: ReactNode;
-    dir?: 'ltr' | 'rtl';
-    disabled?: boolean;
-    orientation?: 'horizontal' | 'vertical';
-    rightSlot?: ReactNode | undefined;
-    value?: string;
+declare const TabsContext: _$react.Context<TabsContextValue | null>;
+declare const useTabsContext: (componentName?: string) => TabsContextValue;
+interface TabsBaseProps extends Omit<ComponentPropsWithoutRef<'div'>, 'dir' | 'defaultValue'> {
+  onValueChange?: (value: string) => void;
+  activationMode?: 'automatic' | 'manual';
+  defaultValue?: string;
+  children: ReactNode;
+  dir?: 'ltr' | 'rtl';
+  disabled?: boolean;
+  orientation?: 'horizontal' | 'vertical';
+  rightSlot?: ReactNode | undefined;
+  value?: string;
 }
-export declare const TabsBase: ({ ref, activationMode, children, defaultValue, dir, disabled, onValueChange, orientation, rightSlot, value: controlledValue, ...props }: TabsBaseProps & {
-    ref?: Ref<HTMLElement>;
-}) => import("react/jsx-runtime").JSX.Element;
-export interface TabsListProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
-    children?: ReactNode;
-    loop?: boolean;
-    rightSlot?: ReactNode | undefined;
+declare const TabsBase: ({
+  ref,
+  activationMode,
+  children,
+  defaultValue,
+  dir,
+  disabled,
+  onValueChange,
+  orientation,
+  rightSlot,
+  value: controlledValue,
+  ...props
+}: TabsBaseProps & {
+  ref?: Ref<HTMLElement>;
+}) => _$react_jsx_runtime0.JSX.Element;
+interface TabsListProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
+  children?: ReactNode;
+  loop?: boolean;
+  rightSlot?: ReactNode | undefined;
 }
-export declare const TabsList: ({ ref, children, className, loop, rightSlot, ...props }: TabsListProps & {
-    ref?: Ref<HTMLElement>;
-}) => import("react/jsx-runtime").JSX.Element;
-export interface TabsTriggerProps extends ComponentPropsWithoutRef<'button'> {
-    value: string;
-    disabled?: boolean;
+declare const TabsList: ({
+  ref,
+  children,
+  className,
+  loop,
+  rightSlot,
+  ...props
+}: TabsListProps & {
+  ref?: Ref<HTMLElement>;
+}) => _$react_jsx_runtime0.JSX.Element;
+interface TabsTriggerProps extends ComponentPropsWithoutRef<'button'> {
+  value: string;
+  disabled?: boolean;
 }
-export declare const TabsTrigger: ({ ref, className, value: triggerValue, onClick, onKeyDown, disabled: triggerDisabled, ...props }: TabsTriggerProps & {
-    ref?: Ref<HTMLElement>;
-}) => import("react/jsx-runtime").JSX.Element;
-export interface TabsContentContainerProps {
-    children: ReactNode;
-    className?: string;
+declare const TabsTrigger: ({
+  ref,
+  className,
+  value: triggerValue,
+  onClick,
+  onKeyDown,
+  disabled: triggerDisabled,
+  ...props
+}: TabsTriggerProps & {
+  ref?: Ref<HTMLElement>;
+}) => _$react_jsx_runtime0.JSX.Element;
+interface TabsContentContainerProps {
+  children: ReactNode;
+  className?: string;
 }
-export declare const TabsContentContainer: ({ ref, children, className, }: TabsContentContainerProps & {
-    ref?: Ref<HTMLDivElement>;
-}) => import("react/jsx-runtime").JSX.Element;
-export interface TabsContentProps extends ComponentPropsWithoutRef<'div'> {
-    value: string;
-    forceMount?: boolean;
+declare const TabsContentContainer: ({
+  ref,
+  children,
+  className
+}: TabsContentContainerProps & {
+  ref?: Ref<HTMLDivElement>;
+}) => _$react_jsx_runtime0.JSX.Element;
+interface TabsContentProps extends ComponentPropsWithoutRef<'div'> {
+  value: string;
+  forceMount?: boolean;
 }
-export declare const TabsContent: ({ ref, className, value: contentValue, forceMount, ...props }: TabsContentProps & {
-    ref?: Ref<HTMLElement>;
-}) => import("react/jsx-runtime").JSX.Element | null;
+declare const TabsContent: ({
+  ref,
+  className,
+  value: contentValue,
+  forceMount,
+  ...props
+}: TabsContentProps & {
+  ref?: Ref<HTMLElement>;
+}) => _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { TabsBase, TabsBaseProps, TabsContent, TabsContentContainer, TabsContentContainerProps, TabsContentProps, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, useTabsContext };
 //# sourceMappingURL=TabsBase.d.ts.map

package/dist/Tabs/TabsBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsBase.d.ts","names":[],"sources":["../../src/components/Tabs/TabsBase.tsx"],"mappings":";;;;;;UAMiB,gBAAA;EACf,cAAA;EACA,MAAA;EACA,GAAA;EACA,QAAA;EACA,aAAA,GAAgB,KAAA;EAChB,WAAA;EACA,SAAA,GAAY,SAAA;EACZ,KAAA;AAAA;AAAA,cAGW,WAAA,EAAW,OAAA,CAAA,OAAA,CAAA,gBAAA;AAAA,cAEX,cAAA,GAAc,aAAA,cAAqC,gBAAA;AAAA,UAQ/C,aAAA,SAAsB,IAAA,CAAK,wBAAA;EAC1C,aAAA,IAAiB,KAAA;EACjB,cAAA;EACA,YAAA;EACA,QAAA,EAAU,SAAA;EACV,GAAA;EACA,QAAA;EACA,WAAA;EACA,SAAA,GAAY,SAAA;EACZ,KAAA;AAAA;AAAA,cAGW,QAAA;EAAQ,GAAA;EAAA,cAAA;EAAA,QAAA;EAAA,YAAA;EAAA,GAAA;EAAA,QAAA;EAAA,aAAA;EAAA,WAAA;EAAA,SAAA;EAAA,KAAA,EAAA,eAAA;EAAA,GAAA;AAAA,GAYlB,aAAA;EACD,GAAA,GAAM,GAAA,CAAI,WAAA;AAAA,MACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UAsCgB,aAAA,SAAsB,IAAA,CAAK,wBAAA;EAC1C,QAAA,GAAW,SAAA;EACX,IAAA;EACA,SAAA,GAAY,SAAA;AAAA;AAAA,cAGD,QAAA;EAAQ,GAAA;EAAA,QAAA;EAAA,SAAA;EAAA,IAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAOlB,aAAA;EACD,GAAA,GAAM,GAAA,CAAI,WAAA;AAAA,MACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UAwJgB,gBAAA,SAAyB,wBAAA;EACxC,KAAA;EACA,QAAA;AAAA;AAAA,cAGW,WAAA;EAAW,GAAA;EAAA,SAAA;EAAA,KAAA,EAAA,YAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA,EAAA,eAAA;EAAA,GAAA;AAAA,GAQrB,gBAAA;EACD,GAAA,GAAM,GAAA,CAAI,WAAA;AAAA,MACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UAsEgB,yBAAA;EACf,QAAA,EAAU,SAAA;EACV,SAAA;AAAA;AAAA,cAGW,oBAAA;EAAoB,GAAA;EAAA,QAAA;EAAA;AAAA,GAI9B,yBAAA;EACD,GAAA,GAAM,GAAA,CAAI,cAAA;AAAA,MACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UA6CgB,gBAAA,SAAyB,wBAAA;EACxC,KAAA;EACA,UAAA;AAAA;AAAA,cAGW,WAAA;EAAW,GAAA;EAAA,SAAA;EAAA,KAAA,EAAA,YAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAMrB,gBAAA;EACD,GAAA,GAAM,GAAA,CAAI,WAAA;AAAA,MACX,oBAAA,CAAA,GAAA,CAAA,OAAA"}