@cube-dev/ui-kit 0.0.0-canary-fca14eb → 0.0.0-canary-1cb94e6

package/dist/components/fields/NumberInput/NumberInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";

package/dist/components/fields/NumberInput/StepButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
 import { Button } from "../../actions/index.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/fields/PasswordInput/PasswordInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";

package/dist/components/fields/Picker/Picker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/fields/RadioGroup/Radio.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";

package/dist/components/fields/RadioGroup/RadioGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";

package/dist/components/fields/RadioGroup/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/fields/RadioGroup/context.ts

package/dist/components/fields/SearchInput/SearchInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";

package/dist/components/fields/Select/Select.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { forwardRefWithGenerics } from "../../../utils/react/forwardRefWithGenerics.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/Slider/Gradation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { SliderGradationElement, SliderGradeElement } from "./elements.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/fields/Slider/HueSlider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { __Slider } from "./Slider.js";
 import { forwardRef, useCallback, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Slider/RangeSlider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { Gradation } from "./Gradation.js";
 import { _SliderBase } from "./SliderBase.js";
 import { SliderThumb } from "./SliderThumb.js";

package/dist/components/fields/Slider/Slider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { Gradation } from "./Gradation.js";

package/dist/components/fields/Slider/SliderBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { forwardRefWithGenerics } from "../../../utils/react/forwardRefWithGenerics.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/Slider/SliderThumb.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { SliderThumbElement } from "./elements.js";
 import { useMemo, useRef } from "react";

package/dist/components/fields/Slider/SliderTrack.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { SliderTrackContainerElement } from "./elements.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Slider/elements.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/fields/Slider/elements.ts

package/dist/components/fields/Slider/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { __RangeSlider } from "./RangeSlider.js";
 import { __Slider } from "./Slider.js";
 import { __HueSlider } from "./HueSlider.js";

package/dist/components/fields/Switch/Switch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useId as useId$2 } from "../../../utils/react/useId.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/TextArea/TextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/TextInput/TextInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";

package/dist/components/fields/TextInput/TextInputBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/TextInputMapper/TextInputMapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/form/FieldWrapper/FieldWrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/form/FieldWrapper/extract-field-wrapper-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 //#region src/components/form/FieldWrapper/extract-field-wrapper-props.ts
 const createFieldWrapperPropsKeys = (arr) => new Set(arr);
 const fieldWrapperPropsKeys = createFieldWrapperPropsKeys([

package/dist/components/form/Form/Field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { warn } from "../../../utils/warnings.js";
 import { FieldWrapper } from "../FieldWrapper/FieldWrapper.js";

package/dist/components/form/Form/Form.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { Provider, useProviderProps } from "../../../provider.js";

package/dist/components/form/Form/ResetButton/ResetButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useProviderProps } from "../../../../provider.js";

package/dist/components/form/Form/SubmitButton/SubmitButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { useProviderProps } from "../../../../provider.js";
 import { Button } from "../../../actions/Button/Button.js";
 import { useFormProps } from "../Form.js";

package/dist/components/form/Form/SubmitError.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { FormContext } from "./Form.js";
 import { Alert } from "../../content/Alert/Alert.js";
 import { forwardRef, isValidElement, useContext } from "react";

package/dist/components/form/Form/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { useForm } from "./use-form.js";
 import { FormContext, _Form, useFormProps } from "./Form.js";
 import { useField } from "./use-field/use-field.js";

package/dist/components/form/Form/use-field/use-field-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { warn } from "../../../../utils/warnings.js";

package/dist/components/form/Form/use-field/use-field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useIsFirstRender } from "../../../../_internal/hooks/use-is-first-render.js";
 import { delayValidationRule } from "../validation.js";

package/dist/components/form/Form/use-form.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { applyRules } from "./validation.js";
 import { dotize } from "@tenphi/tasty";
 import { useRef, useState } from "react";

package/dist/components/form/Form/validation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { validate } from "email-validator";
 import validUrl from "valid-url";
 

package/dist/components/form/Label.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useProviderProps } from "../../provider.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/form/wrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { mergeProps } from "../../utils/react/mergeProps.js";
 import { FieldWrapper } from "./FieldWrapper/FieldWrapper.js";
 import { jsx } from "react/jsx-runtime";

package/dist/components/helpers/DisplayTransition/DisplayTransition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 
 //#region src/components/helpers/DisplayTransition/DisplayTransition.tsx

package/dist/components/helpers/IconSwitch/IconSwitch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { DisplayTransition } from "../DisplayTransition/DisplayTransition.js";
 import { tasty } from "@tenphi/tasty";
 import { isValidElement, useCallback, useLayoutEffect, useRef, useState } from "react";

package/dist/components/layout/Flex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Flow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Grid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Panel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/layout/Prefix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";

package/dist/components/layout/ResizablePanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/layout/Space.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Suffix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { CONTAINER_STYLES, filterBaseProps, parseStyle, tasty } from "@tenphi/tasty";

package/dist/components/navigation/Tabs/DraggableTabList.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { jsx } from "react/jsx-runtime";
 
@@ -6,14 +6,16 @@ import { jsx } from "react/jsx-runtime";
 /**
 * Component that enables drag-and-drop reordering for tabs.
 *
-* Thin wrapper around DraggableCollection with horizontal orientation.
+* Thin wrapper around DraggableCollection. The `orientation` prop should be
+* derived from the parent Tabs `placement` so drag math/visuals match the
+* visible axis (horizontal for `top`/`bottom`, vertical for `left`/`right`).
 */
-function DraggableTabList({ state, listRef, orderedKeys, onReorder, children }) {
+function DraggableTabList({ state, listRef, orderedKeys, orientation = "horizontal", onReorder, children }) {
 	return /* @__PURE__ */ jsx(DraggableCollection, {
 		state,
 		listRef,
 		orderedKeys,
-		orientation: "horizontal",
+		orientation,
 		onReorder,
 		children
 	});

package/dist/components/navigation/Tabs/DraggableTabList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableTabList.js","names":[],"sources":["../../../../src/components/navigation/Tabs/DraggableTabList.tsx"],"sourcesContent":["import { ReactNode, RefObject } from 'react';\nimport {\n  DraggableCollectionState,\n  DroppableCollectionState,\n  TabListState,\n} from 'react-stately';\n\nimport { DraggableCollection } from '../../shared/DraggableCollection';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface DraggableTabListProps {\n  /** Tab list state from React Stately */\n  state: TabListState<object>;\n  /** Ref to the tab list container */\n  listRef: RefObject<HTMLDivElement | null>;\n  /** Current ordered keys */\n  orderedKeys: string[];\n  /** Callback when tabs are reordered */\n  onReorder?: (newOrder: string[]) => void;\n  /** Render function that receives drag/drop states */\n  children: (\n    dragState: DraggableCollectionState,\n    dropState: DroppableCollectionState,\n    collectionProps: Record<string, unknown>,\n  ) => ReactNode;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Component that enables drag-and-drop reordering for tabs.\n *\n * Thin wrapper around DraggableCollection with horizontal orientation.\n */\nexport function DraggableTabList({\n  state,\n  listRef,\n  orderedKeys,\n  onReorder,\n  children,\n}: DraggableTabListProps) {\n  return (\n    <DraggableCollection\n      state={state}\n      listRef={listRef}\n      orderedKeys={orderedKeys}\n      orientation=\"horizontal\"\n      onReorder={onReorder}\n    >\n      {children}\n    </DraggableCollection>\n  );\n}\n"],"mappings":";;;;;;;;;;AAuCA,SAAgB,iBAAiB,EAC/B,OACA,SACA,aACA,WACA,YACwB;AACxB,QACE,oBAAC;EACQ;EACE;EACI;EACb,aAAY;EACD;EAEV;GACmB"}
+{"version":3,"file":"DraggableTabList.js","names":[],"sources":["../../../../src/components/navigation/Tabs/DraggableTabList.tsx"],"sourcesContent":["import { ReactNode, RefObject } from 'react';\nimport {\n  DraggableCollectionState,\n  DroppableCollectionState,\n  TabListState,\n} from 'react-stately';\n\nimport { DraggableCollection } from '../../shared/DraggableCollection';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface DraggableTabListProps {\n  /** Tab list state from React Stately */\n  state: TabListState<object>;\n  /** Ref to the tab list container */\n  listRef: RefObject<HTMLDivElement | null>;\n  /** Current ordered keys */\n  orderedKeys: string[];\n  /**\n   * Orientation of the underlying DraggableCollection.\n   * Driven by the parent Tabs `placement`.\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /** Callback when tabs are reordered */\n  onReorder?: (newOrder: string[]) => void;\n  /** Render function that receives drag/drop states */\n  children: (\n    dragState: DraggableCollectionState,\n    dropState: DroppableCollectionState,\n    collectionProps: Record<string, unknown>,\n  ) => ReactNode;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Component that enables drag-and-drop reordering for tabs.\n *\n * Thin wrapper around DraggableCollection. The `orientation` prop should be\n * derived from the parent Tabs `placement` so drag math/visuals match the\n * visible axis (horizontal for `top`/`bottom`, vertical for `left`/`right`).\n */\nexport function DraggableTabList({\n  state,\n  listRef,\n  orderedKeys,\n  orientation = 'horizontal',\n  onReorder,\n  children,\n}: DraggableTabListProps) {\n  return (\n    <DraggableCollection\n      state={state}\n      listRef={listRef}\n      orderedKeys={orderedKeys}\n      orientation={orientation}\n      onReorder={onReorder}\n    >\n      {children}\n    </DraggableCollection>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA+CA,SAAgB,iBAAiB,EAC/B,OACA,SACA,aACA,cAAc,cACd,WACA,YACwB;AACxB,QACE,oBAAC;EACQ;EACE;EACI;EACA;EACF;EAEV;GACmB"}

package/dist/components/navigation/Tabs/TabButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fca14eb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1cb94e6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
@@ -11,8 +11,8 @@ import { __Menu } from "../../actions/Menu/Menu.js";
 import { useContextMenu } from "../../actions/use-context-menu.js";
 import { createMockDragState } from "../../shared/DraggableCollection.js";
 import { TabContainer, TabElement } from "./styled.js";
-import { TabDropIndicator } from "./TabDropIndicator.js";
 import { useTabsContext } from "./TabsContext.js";
+import { TabDropIndicator } from "./TabDropIndicator.js";
 import { RADIO_SIZE_MAP } from "./types.js";
 import { Children, cloneElement, isValidElement, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -94,7 +94,7 @@ function isMenuEmpty(menu) {
 * - Focus and hover states
 */
 function TabButton({ item, tabData, isLastTab }) {
-	const { state, type, size, autoHideActions: parentAutoHideActions, isEditable: parentIsEditable, menu: parentMenu, menuTriggerProps: parentMenuTriggerProps, menuProps: parentMenuProps, contextMenu: parentContextMenu, onAction: parentOnAction, onDelete, dragState, dropState, editingKey, startEditing, submitEditing, cancelEditing } = useTabsContext();
+	const { state, type, size, placement, autoHideActions: parentAutoHideActions, isEditable: parentIsEditable, menu: parentMenu, menuTriggerProps: parentMenuTriggerProps, menuProps: parentMenuProps, contextMenu: parentContextMenu, onAction: parentOnAction, onDelete, dragState, dropState, editingKey, startEditing, submitEditing, cancelEditing } = useTabsContext();
 	const ref = useRef(null);
 	const containerRef = useRef(null);
 	const actionsRef = useRef(null);
@@ -128,7 +128,7 @@ function TabButton({ item, tabData, isLastTab }) {
 		...tabData.menuProps
 	};
 	const effectiveContextMenu = tabData.contextMenu ?? parentContextMenu ?? false;
-	const effectiveType = tabData.type ?? type ?? "default";
+	const effectiveType = type ?? "default";
 	const contextMenuEnabled = effectiveContextMenu === true || effectiveContextMenu === "context-only";
 	const contextMenuOnly = effectiveContextMenu === "context-only";
 	const showDeleteButton = isDeletable && (isMenuEmpty(effectiveMenu) || contextMenuOnly);
@@ -220,6 +220,7 @@ function TabButton({ item, tabData, isLastTab }) {
 	});
 	const mods = useMemo(() => ({
 		type: effectiveType,
+		placement,
 		active: isActive,
 		deletable: isDeletable,
 		disabled: isDisabled,
@@ -231,6 +232,7 @@ function TabButton({ item, tabData, isLastTab }) {
 		dragging: isDragging
 	}), [
 		effectiveType,
+		placement,
 		isActive,
 		isDeletable,
 		isDisabled,
@@ -275,7 +277,7 @@ function TabButton({ item, tabData, isLastTab }) {
 	const itemType = "clear";
 	const itemShape = effectiveType === "file" ? "sharp" : void 0;
 	const effectiveAutoHideActions = tabData.autoHideActions ?? parentAutoHideActions;
-	const { title: _title, content: _content, key: _key, isDisabled: _isDisabled, prerender: _prerender, keepMounted: _keepMounted, size: _size, type: _type, actions: _actions, autoHideActions: _autoHideActions, isEditable: _isEditable, onTitleChange: _onTitleChange, menu: _menu, menuTriggerProps: _menuTriggerProps, menuProps: _menuProps, contextMenu: _contextMenu, onAction: _onAction, tooltip: tabTooltip, qa, qaVal, styles, ...itemStyleProps } = tabData;
+	const { title: _title, content: _content, key: _key, isDisabled: _isDisabled, prerender: _prerender, keepMounted: _keepMounted, size: _size, actions: _actions, autoHideActions: _autoHideActions, isEditable: _isEditable, onTitleChange: _onTitleChange, menu: _menu, menuTriggerProps: _menuTriggerProps, menuProps: _menuProps, contextMenu: _contextMenu, onAction: _onAction, tooltip: tabTooltip, qa, qaVal, styles, ...itemStyleProps } = tabData;
 	const renderTitleDisplay = typeof tabData.title === "string" ? void 0 : () => tabData.title;
 	const titleContent = effectiveIsEditable ? /* @__PURE__ */ jsx(InlineInput, {
 		ref: inlineInputRef,