@mks2508/mks-ui 0.8.1 → 0.8.2

package/dist/react-ui/ui/MiddleTruncatePath/MiddleTruncatePath.types.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/ui/MiddleTruncatePath
  */
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { MiddleTruncatePathSlot } from './MiddleTruncatePath.styles';
 /**
  * Props for MiddleTruncatePath.

package/dist/react-ui/ui/OperationCard/OperationCard.styles.d.ts

@@ -5,7 +5,7 @@
  *
  * @module @mks2508/mks-ui/react/ui/OperationCard
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 import type { OperationCardSlot } from './OperationCard.types';
 /** Per-slot base classes. CVA applies only to `root`. */
 export declare const OperationCardStyles: StyleSlots<OperationCardSlot>;

package/dist/react-ui/ui/OperationCard/OperationCard.types.d.ts

@@ -12,8 +12,8 @@
  * @module @mks2508/mks-ui/react/ui/OperationCard
  */
 import type { ReactNode } from 'react';
-import type { IBaseConfig, SlotOverrides } from '@/core/types';
-import type { DotMatrixAccentRow, DotMatrixColor, DotMatrixPattern } from '@/react-ui/primitives/DotMatrix';
+import type { IBaseConfig, SlotOverrides } from '../../../core/types';
+import type { DotMatrixAccentRow, DotMatrixColor, DotMatrixPattern } from '../../../react-ui/primitives/DotMatrix';
 /** Lifecycle status of the underlying operation. */
 export type OperationCardStatus = 'idle' | 'pending' | 'success' | 'failed' | 'cancelled';
 /**

package/dist/react-ui/ui/Popover/Popover.styles.d.ts

@@ -6,7 +6,7 @@
  *
  * @module @mks2508/mks-ui/react/ui/Popover/Popover.styles
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 import type { PopoverSlot } from './Popover.types';
 /**
  * Default Tailwind classes for each Popover visual region.

package/dist/react-ui/ui/Popover/Popover.types.d.ts

@@ -9,7 +9,7 @@
 import type * as React from 'react';
 import type { Popover as PopoverPrimitive } from '@base-ui/react/popover';
 import type { HTMLMotionProps } from 'motion/react';
-import type { SlotOverrides, IBaseConfig } from '@/core/types';
+import type { SlotOverrides, IBaseConfig } from '../../../core/types';
 /**
  * Visual regions available for class-name overrides via the `slots` prop.
  *

package/dist/react-ui/ui/Progress/Progress.styles.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/ui/Progress/Progress.styles
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 import type { ProgressSlot } from './Progress.types';
 /**
  * Default style slots for the Progress component.

package/dist/react-ui/ui/Progress/Progress.types.d.ts

@@ -4,8 +4,8 @@
  * @module @mks2508/mks-ui/react/ui/Progress/Progress.types
  */
 import type { Progress as ProgressPrimitives } from '@base-ui/react/progress';
-import type { IBaseConfig, SlotOverrides } from '@/core/types';
-import type { ICountingNumberProps } from '@/react-ui/primitives/CountingNumber';
+import type { IBaseConfig, SlotOverrides } from '../../../core/types';
+import type { ICountingNumberProps } from '../../../react-ui/primitives/CountingNumber';
 /**
  * Available style slot names for the Progress component.
  * Each slot maps to a visual region that can be customized via the `slots` prop.

package/dist/react-ui/ui/Select/Select.styles.d.ts

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 /** Visual regions for the Select component family. */
 type SelectSlot = 'root' | 'trigger' | 'content' | 'item' | 'label' | 'separator' | 'group' | 'value' | 'scrollButton';
 declare const selectStyles: StyleSlots<SelectSlot>;

package/dist/react-ui/ui/Select/Select.types.d.ts

@@ -1,5 +1,5 @@
 import type { Select as SelectPrimitive } from '@base-ui/react/select';
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { SelectSlot } from './Select.styles';
 /** Props for the Select root. */
 type ISelectProps = SelectPrimitive.Root.Props<any>;

package/dist/react-ui/ui/Separator/Separator.styles.d.ts

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 type SeparatorSlot = 'root';
 declare const separatorStyles: StyleSlots<SeparatorSlot>;
 export { separatorStyles };

package/dist/react-ui/ui/Separator/Separator.types.d.ts

@@ -1,5 +1,5 @@
 import type { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { SeparatorSlot } from './Separator.styles';
 /** Props for the Separator component. */
 interface ISeparatorProps extends SeparatorPrimitive.Props {

package/dist/react-ui/ui/Switch/Switch.styles.d.ts

@@ -3,7 +3,7 @@
  *
  * @module @mks2508/mks-ui/react/ui/Switch/Switch.styles
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 import type { SwitchSlot } from './Switch.types';
 /**
  * Default style slots for the Switch component.

package/dist/react-ui/ui/Switch/Switch.types.d.ts

@@ -5,7 +5,7 @@
  */
 import type { Switch as SwitchPrimitives } from '@base-ui/react/switch';
 import type { HTMLMotionProps, LegacyAnimationControls, TargetAndTransition, VariantLabels } from 'motion/react';
-import type { IBaseConfig, SlotOverrides } from '@/core/types';
+import type { IBaseConfig, SlotOverrides } from '../../../core/types';
 /**
  * Available style slot names for the Switch component.
  * Each slot maps to a visual region that can be customized via the `slots` prop.

package/dist/react-ui/ui/Tabs/Tabs.css

@@ -0,0 +1,38 @@
+/**
+ * Tabs CSS Anchor Positioning.
+ *
+ * Zero-JS position tracking for the sliding indicator using CSS Anchor API.
+ * The indicator automatically follows the active tab via anchor positioning.
+ */
+
+/* Scope anchors per Tabs instance */
+[data-slot="tabs-list"] {
+  anchor-scope: --tabs-active;
+}
+
+/* Active tab becomes the anchor */
+[data-slot="tabs-tab"][data-active] {
+  anchor-name: --tabs-active;
+}
+
+/* Indicator follows the active anchor */
+[data-slot="tabs-indicator"] {
+  position-anchor: --tabs-active;
+  left: anchor(left);
+  right: anchor(right);
+  transition:
+    top 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
+    left 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
+    right 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
+    bottom 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
+    width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
+    height 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+/* Respect reduced motion preference */
+@media (prefers-reduced-motion: reduce) {
+  [data-slot="tabs-indicator"] {
+    transition-duration: 0ms;
+  }
+}
+

package/dist/react-ui/ui/Tabs/Tabs.styles.d.ts

@@ -10,7 +10,7 @@
  *
  * @module @mks2508/mks-ui/react/ui/Tabs/Tabs.styles
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 /**
  * Union of all visual regions (slots) in the Tabs component tree.
  */

package/dist/react-ui/ui/Tabs/Tabs.types.d.ts

@@ -10,9 +10,9 @@ import type * as React from 'react';
 import type { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
 import type { HTMLMotionProps, Transition } from 'motion/react';
 import type { VariantProps } from 'class-variance-authority';
-import type { IBaseConfig, SlotOverrides } from '@/core/types';
-import type { IHighlightProps, IHighlightItemProps } from '@/react-ui/primitives/Highlight';
-import type { IAutoHeightProps } from '@/react-ui/primitives/AutoHeight';
+import type { IBaseConfig, SlotOverrides } from '../../../core/types';
+import type { IHighlightProps, IHighlightItemProps } from '../../../react-ui/primitives/Highlight';
+import type { IAutoHeightProps } from '../../../react-ui/primitives/AutoHeight';
 import type { TabsSlot, tabsListVariants, tabsTabVariants } from './Tabs.styles';
 /**
  * Configuration interface for Tabs behavior and animation.

package/dist/react-ui/ui/TextFlow/TextFlow.styles.d.ts

@@ -1,5 +1,5 @@
 import { type VariantProps } from 'class-variance-authority';
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 /**
  * Style slots for TextFlow component
  */

package/dist/react-ui/ui/Textarea/Textarea.styles.d.ts

@@ -1,4 +1,4 @@
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 type TextareaSlot = 'root';
 declare const textareaStyles: StyleSlots<TextareaSlot>;
 export { textareaStyles };

package/dist/react-ui/ui/Textarea/Textarea.types.d.ts

@@ -1,4 +1,4 @@
-import type { SlotOverrides } from '@/core/types';
+import type { SlotOverrides } from '../../../core/types';
 import type { TextareaSlot } from './Textarea.styles';
 /** Props for the Textarea component. */
 interface ITextareaProps extends React.ComponentProps<'textarea'> {

package/dist/react-ui/ui/Tooltip/Tooltip.styles.d.ts

@@ -6,7 +6,7 @@
  *
  * @module @mks2508/mks-ui/react/ui/Tooltip/Tooltip.styles
  */
-import type { StyleSlots } from '@/core/types';
+import type { StyleSlots } from '../../../core/types';
 import type { TooltipSlot } from './Tooltip.types';
 /**
  * Default Tailwind classes for each Tooltip visual region.

package/dist/react-ui/ui/Tooltip/Tooltip.types.d.ts

@@ -9,7 +9,7 @@
 import type * as React from 'react';
 import type { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
 import type { HTMLMotionProps, MotionValue, SpringOptions } from 'motion/react';
-import type { SlotOverrides, IBaseConfig } from '@/core/types';
+import type { SlotOverrides, IBaseConfig } from '../../../core/types';
 /**
  * Visual regions available for class-name overrides via the `slots` prop.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mks2508/mks-ui",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "description": "UI component library - Shadcn/Animate UI based with DevEnv components",
   "type": "module",
   "main": "./dist/index.js",