@mks2508/mks-ui 0.8.0 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (136) hide show
  1. package/dist/react-ui/blocks/Terminal/TerminalDisplay.styles.d.ts +1 -1
  2. package/dist/react-ui/blocks/Terminal/TerminalDisplay.types.d.ts +1 -1
  3. package/dist/react-ui/blocks/Terminal/components/LogLineBadges/LogLineBadges.styles.d.ts +1 -1
  4. package/dist/react-ui/blocks/Terminal/components/TerminalLogBadge/TerminalLogBadge.styles.d.ts +1 -1
  5. package/dist/react-ui/blocks/Terminal/components/TerminalLogBadge/TerminalLogBadge.types.d.ts +1 -1
  6. package/dist/react-ui/blocks/Terminal/controls/TerminalActionBar/TerminalActionBar.styles.d.ts +1 -1
  7. package/dist/react-ui/blocks/Terminal/controls/TerminalActionBar/TerminalActionBar.types.d.ts +1 -1
  8. package/dist/react-ui/blocks/Terminal/controls/TerminalConnectionStatus/TerminalConnectionStatus.styles.d.ts +1 -1
  9. package/dist/react-ui/blocks/Terminal/controls/TerminalConnectionStatus/TerminalConnectionStatus.types.d.ts +1 -1
  10. package/dist/react-ui/blocks/Terminal/controls/TerminalFontControls/TerminalFontControls.styles.d.ts +1 -1
  11. package/dist/react-ui/blocks/Terminal/controls/TerminalFontControls/TerminalFontControls.types.d.ts +1 -1
  12. package/dist/react-ui/blocks/Terminal/controls/TerminalSplitButton/TerminalSplitButton.styles.d.ts +1 -1
  13. package/dist/react-ui/blocks/Terminal/controls/TerminalSplitButton/TerminalSplitButton.types.d.ts +1 -1
  14. package/dist/react-ui/blocks/Terminal/controls/TerminalStatusBar/TerminalStatusBar.styles.d.ts +1 -1
  15. package/dist/react-ui/blocks/Terminal/controls/TerminalStatusBar/TerminalStatusBar.types.d.ts +1 -1
  16. package/dist/react-ui/blocks/Terminal/panel/TerminalDebugPanel/TerminalDebugPanel.styles.d.ts +1 -1
  17. package/dist/react-ui/blocks/Terminal/panel/TerminalDebugPanel/TerminalDebugPanel.types.d.ts +1 -1
  18. package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/TerminalFilterDropdown.styles.d.ts +1 -1
  19. package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/TerminalFilterDropdown.types.d.ts +1 -1
  20. package/dist/react-ui/blocks/Terminal/panel/TerminalFilterTabs/TerminalFilterTabs.styles.d.ts +1 -1
  21. package/dist/react-ui/blocks/Terminal/panel/TerminalFilterTabs/TerminalFilterTabs.types.d.ts +1 -1
  22. package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.d.ts +0 -1
  23. package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.d.ts.map +1 -1
  24. package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.js +56 -18
  25. package/dist/react-ui/blocks/Terminal/panel/TerminalLogsPanel/TerminalLogsPanel.styles.d.ts +1 -1
  26. package/dist/react-ui/blocks/Terminal/panel/TerminalLogsPanel/TerminalLogsPanel.types.d.ts +1 -1
  27. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.styles.d.ts +1 -1
  28. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.types.d.ts +1 -1
  29. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelFooter/TerminalPanelFooter.styles.d.ts +1 -1
  30. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelFooter/TerminalPanelFooter.types.d.ts +1 -1
  31. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelHeader/TerminalPanelHeader.styles.d.ts +1 -1
  32. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelHeader/TerminalPanelHeader.types.d.ts +1 -1
  33. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelToolbar/TerminalPanelToolbar.styles.d.ts +1 -1
  34. package/dist/react-ui/blocks/Terminal/panel/TerminalPanelToolbar/TerminalPanelToolbar.types.d.ts +1 -1
  35. package/dist/react-ui/blocks/Terminal/panel/TerminalSessionControl/TerminalSessionControl.styles.d.ts +1 -1
  36. package/dist/react-ui/blocks/Terminal/panel/TerminalSessionControl/TerminalSessionControl.types.d.ts +1 -1
  37. package/dist/react-ui/blocks/Terminal/panel/TerminalSessionTabs/TerminalSessionTabs.styles.d.ts +1 -1
  38. package/dist/react-ui/blocks/Terminal/panel/TerminalSessionTabs/TerminalSessionTabs.types.d.ts +1 -1
  39. package/dist/react-ui/blocks/Terminal/panel/TerminalSettingsPopover/TerminalSettingsPopover.styles.d.ts +1 -1
  40. package/dist/react-ui/blocks/Terminal/panel/TerminalSettingsPopover/TerminalSettingsPopover.types.d.ts +1 -1
  41. package/dist/react-ui/blocks/Terminal/panel/TerminalThemeSelector/TerminalThemeSelector.styles.d.ts +1 -1
  42. package/dist/react-ui/blocks/Terminal/panel/TerminalThemeSelector/TerminalThemeSelector.types.d.ts +1 -1
  43. package/dist/react-ui/primitives/AutoHeight/index.d.ts +1 -1
  44. package/dist/react-ui/primitives/CountingNumber/index.d.ts +1 -1
  45. package/dist/react-ui/primitives/DotMatrix/DotMatrix.types.d.ts +1 -1
  46. package/dist/react-ui/primitives/waapi/SlidingNumber/SlidingNumber.styles.d.ts +1 -1
  47. package/dist/react-ui/primitives/waapi/SlidingText/SlidingText.styles.d.ts +1 -1
  48. package/dist/react-ui/ui/Accordion/Accordion.styles.d.ts +1 -1
  49. package/dist/react-ui/ui/Accordion/Accordion.types.d.ts +1 -1
  50. package/dist/react-ui/ui/AlertDialog/AlertDialog.styles.d.ts +1 -1
  51. package/dist/react-ui/ui/AlertDialog/AlertDialog.types.d.ts +1 -1
  52. package/dist/react-ui/ui/Badge/Badge.styles.d.ts +1 -1
  53. package/dist/react-ui/ui/Badge/Badge.types.d.ts +1 -1
  54. package/dist/react-ui/ui/Button/Button.styles.d.ts +1 -1
  55. package/dist/react-ui/ui/Button/Button.types.d.ts +1 -1
  56. package/dist/react-ui/ui/Card/Card.styles.d.ts +1 -1
  57. package/dist/react-ui/ui/Card/Card.types.d.ts +1 -1
  58. package/dist/react-ui/ui/Checkbox/Checkbox.styles.d.ts +1 -1
  59. package/dist/react-ui/ui/Checkbox/Checkbox.types.d.ts +1 -1
  60. package/dist/react-ui/ui/Combobox/Combobox.styles.d.ts +1 -1
  61. package/dist/react-ui/ui/Combobox/Combobox.types.d.ts +1 -1
  62. package/dist/react-ui/ui/CornerBracket/CornerBracket.styles.d.ts +1 -1
  63. package/dist/react-ui/ui/CornerBracket/CornerBracket.types.d.ts +1 -1
  64. package/dist/react-ui/ui/DataCard/DataCard.styles.d.ts +1 -1
  65. package/dist/react-ui/ui/DataCard/DataCard.types.d.ts +1 -1
  66. package/dist/react-ui/ui/DataCard/index.d.ts +1 -1
  67. package/dist/react-ui/ui/Dialog/Dialog.styles.d.ts +1 -1
  68. package/dist/react-ui/ui/Dialog/Dialog.types.d.ts +1 -1
  69. package/dist/react-ui/ui/DropdownMenu/DropdownMenu.styles.d.ts +1 -1
  70. package/dist/react-ui/ui/DropdownMenu/DropdownMenu.types.d.ts +1 -1
  71. package/dist/react-ui/ui/DynamicToggle/DynamicToggle.styles.d.ts +1 -1
  72. package/dist/react-ui/ui/DynamicToggle/DynamicToggle.types.d.ts +1 -1
  73. package/dist/react-ui/ui/Field/Field.styles.d.ts +1 -1
  74. package/dist/react-ui/ui/Field/Field.types.d.ts +1 -1
  75. package/dist/react-ui/ui/FileIcon/FileIcon.styles.d.ts +1 -1
  76. package/dist/react-ui/ui/FileIcon/FileIcon.types.d.ts +1 -1
  77. package/dist/react-ui/ui/FileItem/FileItem.styles.d.ts +1 -1
  78. package/dist/react-ui/ui/FileItem/FileItem.types.d.ts +1 -1
  79. package/dist/react-ui/ui/FilePanel/FilePanel.styles.d.ts +1 -1
  80. package/dist/react-ui/ui/FilePanel/FilePanel.types.d.ts +1 -1
  81. package/dist/react-ui/ui/FileTree/FileTree.styles.d.ts +1 -1
  82. package/dist/react-ui/ui/FileTree/FileTree.types.d.ts +1 -1
  83. package/dist/react-ui/ui/GooeyButton/GooeyButton.types.d.ts +1 -1
  84. package/dist/{css/ui-GooeyButton-gooey.css → react-ui/ui/GooeyButton/gooey-button-8rHWiw0w.css} +6 -2
  85. package/dist/react-ui/ui/GooeyButton/index.d.ts.map +1 -1
  86. package/dist/react-ui/ui/GooeyButton/index.js +11 -2
  87. package/dist/react-ui/ui/Input/Input.styles.d.ts +1 -1
  88. package/dist/react-ui/ui/Input/Input.types.d.ts +1 -1
  89. package/dist/react-ui/ui/InputGroup/InputGroup.styles.d.ts +1 -1
  90. package/dist/react-ui/ui/InputGroup/InputGroup.types.d.ts +1 -1
  91. package/dist/react-ui/ui/Label/Label.styles.d.ts +1 -1
  92. package/dist/react-ui/ui/Label/Label.types.d.ts +1 -1
  93. package/dist/react-ui/ui/Menu/Menu.styles.d.ts +1 -1
  94. package/dist/react-ui/ui/Menu/Menu.types.d.ts +2 -2
  95. package/dist/react-ui/ui/MiddleTruncatePath/MiddleTruncatePath.styles.d.ts +1 -1
  96. package/dist/react-ui/ui/MiddleTruncatePath/MiddleTruncatePath.types.d.ts +1 -1
  97. package/dist/react-ui/ui/OperationCard/OperationCard.styles.d.ts +1 -1
  98. package/dist/react-ui/ui/OperationCard/OperationCard.types.d.ts +2 -2
  99. package/dist/react-ui/ui/Popover/Popover.styles.d.ts +1 -1
  100. package/dist/react-ui/ui/Popover/Popover.types.d.ts +1 -1
  101. package/dist/react-ui/ui/Progress/Progress.styles.d.ts +1 -1
  102. package/dist/react-ui/ui/Progress/Progress.types.d.ts +2 -2
  103. package/dist/react-ui/ui/Select/Select.styles.d.ts +1 -1
  104. package/dist/react-ui/ui/Select/Select.types.d.ts +1 -1
  105. package/dist/react-ui/ui/Separator/Separator.styles.d.ts +1 -1
  106. package/dist/react-ui/ui/Separator/Separator.types.d.ts +1 -1
  107. package/dist/react-ui/ui/Switch/Switch.styles.d.ts +1 -1
  108. package/dist/react-ui/ui/Switch/Switch.types.d.ts +1 -1
  109. package/dist/react-ui/ui/Tabs/Tabs.styles.d.ts +1 -1
  110. package/dist/react-ui/ui/Tabs/Tabs.types.d.ts +3 -3
  111. package/dist/react-ui/ui/TextFlow/TextFlow.styles.d.ts +1 -1
  112. package/dist/react-ui/ui/Textarea/Textarea.styles.d.ts +1 -1
  113. package/dist/react-ui/ui/Textarea/Textarea.types.d.ts +1 -1
  114. package/dist/react-ui/ui/Tooltip/Tooltip.styles.d.ts +1 -1
  115. package/dist/react-ui/ui/Tooltip/Tooltip.types.d.ts +1 -1
  116. package/package.json +2 -2
  117. package/dist/index.css +0 -1590
  118. package/dist/react-ui/blocks/Sidebar/animations/tooltip.css +0 -330
  119. package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/terminal-filter-dropdown.module.css +0 -60
  120. package/dist/react-ui/blocks/Terminal/panel/TerminalSessionTabs/terminal-session-tabs.module.css +0 -60
  121. package/dist/react-ui/components/MorphingPopover/morphing-popover.module.css +0 -154
  122. package/dist/react-ui/primitives/DotMatrix/dot.css +0 -364
  123. package/dist/react-ui/primitives/GooeyMorphingSurface/gooey-morphing.css +0 -112
  124. package/dist/react-ui/primitives/waapi/Morph/techniques/useViewTransitions.module.css +0 -20
  125. package/dist/react-ui/ui/DynamicToggle/DynamicToggle.css +0 -369
  126. package/dist/react-ui/ui/GooeyButton/gooey.css +0 -43
  127. package/dist/react-ui/ui/Tabs/Tabs.css +0 -38
  128. /package/dist/{css/blocks-Sidebar-animations-tooltip.css → react-ui/blocks/Sidebar/animations/tooltip-keyframes-DRT9W6Xj.css} +0 -0
  129. /package/dist/{css/blocks-Terminal-panel-TerminalFilterDropdown-terminal-filter-dropdown.module.css → react-ui/blocks/Terminal/panel/TerminalFilterDropdown/terminal-filter-dropdown.module-G5zpw08N.css} +0 -0
  130. /package/dist/{css/blocks-Terminal-panel-TerminalSessionTabs-terminal-session-tabs.module.css → react-ui/blocks/Terminal/panel/TerminalSessionTabs/terminal-session-tabs.module-BAOuAeiX.css} +0 -0
  131. /package/dist/{css/components-MorphingPopover-morphing-popover.module.css → react-ui/components/MorphingPopover/morphing-popover.module-T3s-wJN-.css} +0 -0
  132. /package/dist/{css/primitives-DotMatrix-dot.css → react-ui/primitives/DotMatrix/dot-matrix-B8DHjPGb.css} +0 -0
  133. /package/dist/{css/primitives-GooeyMorphingSurface-gooey.css → react-ui/primitives/GooeyMorphingSurface/gooey-morphing-surface-DfdjAg5U.css} +0 -0
  134. /package/dist/{css/primitives-waapi-Morph-techniques-useViewTransitions.module.css → react-ui/primitives/waapi/Morph/techniques/useViewTransitions.module-DNDWYN8q.css} +0 -0
  135. /package/dist/{css/ui-DynamicToggle-DynamicToggle.css → react-ui/ui/DynamicToggle/DynamicToggle-DY2Hle7P.css} +0 -0
  136. /package/dist/{css/ui-Tabs-Tabs.css → react-ui/ui/Tabs/Tabs-DqzZRGB3.css} +0 -0
@@ -1,4 +1,4 @@
1
- import type { StyleSlots } from '../../../core/types';
1
+ import type { StyleSlots } from '@/core/types';
2
2
  /** Visual regions for the Button component. */
3
3
  type ButtonSlot = 'root';
4
4
  declare const buttonStyles: StyleSlots<ButtonSlot>;
@@ -1,5 +1,5 @@
1
1
  import type { VariantProps } from 'class-variance-authority';
2
- import type { SlotOverrides } from '../../../core/types';
2
+ import type { SlotOverrides } from '@/core/types';
3
3
  import type { buttonVariants, ButtonSlot } from './Button.styles';
4
4
  /** Button interaction state. */
5
5
  interface IButtonState {
@@ -1,4 +1,4 @@
1
- import type { StyleSlots } from '../../../core/types';
1
+ import type { StyleSlots } from '@/core/types';
2
2
  /** Visual regions for the Card component. */
3
3
  type CardSlot = 'root' | 'header' | 'title' | 'description' | 'action' | 'content' | 'footer';
4
4
  declare const cardStyles: StyleSlots<CardSlot>;
@@ -1,5 +1,5 @@
1
1
  import type { VariantProps } from 'class-variance-authority';
2
- import type { SlotOverrides } from '../../../core/types';
2
+ import type { SlotOverrides } from '@/core/types';
3
3
  import type { cardVariants, CardSlot } from './Card.styles';
4
4
  /** Props for the Card component. */
5
5
  interface ICardProps extends React.ComponentProps<'div'>, VariantProps<typeof cardVariants> {
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/ui/Checkbox/Checkbox.styles
5
5
  */
6
- import type { StyleSlots } from '../../../core/types';
6
+ import type { StyleSlots } from '@/core/types';
7
7
  import type { CheckboxSlot } from './Checkbox.types';
8
8
  /**
9
9
  * Default style slots for the Checkbox component.
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import type { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
7
7
  import type { HTMLMotionProps, SVGMotionProps } from 'motion/react';
8
- import type { IBaseConfig, SlotOverrides } from '../../../core/types';
8
+ import type { IBaseConfig, SlotOverrides } from '@/core/types';
9
9
  /**
10
10
  * Available style slot names for the Checkbox component.
11
11
  * Each slot maps to a visual region that can be customized via the `slots` prop.
@@ -1,4 +1,4 @@
1
- import type { StyleSlots } from '../../../core/types';
1
+ import type { StyleSlots } from '@/core/types';
2
2
  /** Visual regions for the Combobox component family. */
3
3
  type ComboboxSlot = 'root' | 'trigger' | 'content' | 'list' | 'item' | 'label' | 'separator' | 'empty' | 'chips' | 'chip' | 'chipInput';
4
4
  declare const comboboxStyles: StyleSlots<ComboboxSlot>;
@@ -1,5 +1,5 @@
1
1
  import type { Combobox as ComboboxPrimitive } from '@base-ui/react';
2
- import type { SlotOverrides } from '../../../core/types';
2
+ import type { SlotOverrides } from '@/core/types';
3
3
  import type { ComboboxSlot } from './Combobox.styles';
4
4
  /** Props for the Combobox root. */
5
5
  type IComboboxProps = ComboboxPrimitive.Root.Props<any, any>;
@@ -1,4 +1,4 @@
1
- import type { StyleSlots } from '../../../core/types';
1
+ import type { StyleSlots } from '@/core/types';
2
2
  type CornerBracketSlot = 'root';
3
3
  declare const cornerBracketStyles: StyleSlots<CornerBracketSlot>;
4
4
  /** CVA variants for CornerBracket positioning and color. */
@@ -1,5 +1,5 @@
1
1
  import type { VariantProps } from 'class-variance-authority';
2
- import type { SlotOverrides } from '../../../core/types';
2
+ import type { SlotOverrides } from '@/core/types';
3
3
  import type { bracketVariants, CornerBracketSlot } from './CornerBracket.styles';
4
4
  /** Props for the CornerBracket component. */
5
5
  interface ICornerBracketProps extends Omit<React.SVGProps<SVGSVGElement>, 'variant'>, VariantProps<typeof bracketVariants> {
@@ -14,7 +14,7 @@
14
14
  * </DataCard>
15
15
  * ```
16
16
  */
17
- import type { StyleSlots } from '../../../core/types';
17
+ import type { StyleSlots } from '@/core/types';
18
18
  /**
19
19
  * Visual slots for DataCard component family.
20
20
  */
@@ -4,7 +4,7 @@
4
4
  * @module @mks2508/mks-ui/react/ui/DataCard
5
5
  */
6
6
  import type { VariantProps } from 'class-variance-authority';
7
- import type { SlotOverrides, IBaseConfig } from '../../../core/types';
7
+ import type { SlotOverrides, IBaseConfig } from '@/core/types';
8
8
  import type { dataCardVariants, DataCardSlot } from './DataCard.styles';
9
9
  export type { DataCardSlot } from './DataCard.styles';
10
10
  /** Visual variant names */
@@ -1,5 +1,5 @@
1
1
  import { dataCardVariants } from './DataCard.styles';
2
- import type { SlotOverrides } from '../../../core/types';
2
+ import type { SlotOverrides } from '@/core/types';
3
3
  import type { IDataCardProps, IDataCardValueProps, IDataCardLabelProps, IDataCardToggleProps, IDataCardActionsProps, IDataCardBracketProps, IDataCardConfig, DataCardSlot } from './DataCard.types';
4
4
  type DataCardContextType = {
5
5
  variant: IDataCardProps['variant'];
@@ -7,7 +7,7 @@
7
7
  *
8
8
  * @module @mks2508/mks-ui/react/ui/Dialog/Dialog.styles
9
9
  */
10
- import type { StyleSlots } from '../../../core/types';
10
+ import type { StyleSlots } from '@/core/types';
11
11
  import type { DialogSlot } from './Dialog.types';
12
12
  /**
13
13
  * Default Tailwind classes for each Dialog visual region.
@@ -9,7 +9,7 @@
9
9
  import type * as React from 'react';
10
10
  import type { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
11
11
  import type { HTMLMotionProps } from 'motion/react';
12
- import type { SlotOverrides, IBaseConfig } from '../../../core/types';
12
+ import type { SlotOverrides, IBaseConfig } from '@/core/types';
13
13
  /**
14
14
  * Visual regions available for class-name overrides via the `slots` prop.
15
15
  *
@@ -1,4 +1,4 @@
1
- import type { StyleSlots } from '../../../core/types';
1
+ import type { StyleSlots } from '@/core/types';
2
2
  /** Visual regions for the DropdownMenu component family. */
3
3
  type DropdownMenuSlot = 'root' | 'content' | 'item' | 'label' | 'separator' | 'shortcut' | 'subTrigger' | 'subContent' | 'checkboxItem' | 'radioItem';
4
4
  declare const dropdownMenuStyles: StyleSlots<DropdownMenuSlot>;
@@ -1,5 +1,5 @@
1
1
  import type { Menu as MenuPrimitive } from '@base-ui/react/menu';
2
- import type { SlotOverrides } from '../../../core/types';
2
+ import type { SlotOverrides } from '@/core/types';
3
3
  import type { DropdownMenuSlot } from './DropdownMenu.styles';
4
4
  /** Props for the DropdownMenu root. */
5
5
  type IDropdownMenuProps = MenuPrimitive.Root.Props;
@@ -7,7 +7,7 @@
7
7
  * @module @mks2508/mks-ui/react/ui/DynamicToggle
8
8
  */
9
9
  import { type VariantProps } from 'class-variance-authority';
10
- import type { StyleSlots } from '../../../core/types';
10
+ import type { StyleSlots } from '@/core/types';
11
11
  /** Slot names for DynamicToggle */
12
12
  export type DynamicToggleSlot = 'root' | 'track' | 'option' | 'indicator' | 'group' | 'groupIndicator' | 'groupLabel';
13
13
  /**
@@ -7,7 +7,7 @@
7
7
  *
8
8
  * @module @mks2508/mks-ui/react/ui/DynamicToggle
9
9
  */
10
- import type { SlotOverrides, IBaseConfig } from '../../../core/types';
10
+ import type { SlotOverrides, IBaseConfig } from '@/core/types';
11
11
  import type { DynamicToggleSlot, DynamicToggleVariantProps } from './DynamicToggle.styles';
12
12
  /** How the group appears when collapsed (standalone option active). */
13
13
  export type DynamicToggleCollapsedMode = 'title' | 'opts' | 'title-opts';
@@ -1,4 +1,4 @@
1
- import type { StyleSlots } from '../../../core/types';
1
+ import type { StyleSlots } from '@/core/types';
2
2
  /** Visual regions for the Field component family. */
3
3
  type FieldSlot = 'root' | 'set' | 'legend' | 'group' | 'content' | 'label' | 'title' | 'description' | 'separator' | 'error';
4
4
  declare const fieldStyles: StyleSlots<FieldSlot>;
@@ -1,5 +1,5 @@
1
1
  import type { VariantProps } from 'class-variance-authority';
2
- import type { SlotOverrides } from '../../../core/types';
2
+ import type { SlotOverrides } from '@/core/types';
3
3
  import type { fieldVariants, FieldSlot } from './Field.styles';
4
4
  /** Props for the FieldSet component. */
5
5
  interface IFieldSetProps extends React.ComponentProps<'fieldset'> {
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/ui/FileIcon
5
5
  */
6
- import type { StyleSlots } from '../../../core/types';
6
+ import type { StyleSlots } from '@/core/types';
7
7
  /** Visual regions for the FileIcon component. */
8
8
  export type FileIconSlot = 'root';
9
9
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/ui/FileIcon
5
5
  */
6
- import type { SlotOverrides } from '../../../core/types';
6
+ import type { SlotOverrides } from '@/core/types';
7
7
  import type { FileIconSlot, FolderIconSlot } from './FileIcon.styles';
8
8
  /**
9
9
  * Function that resolves a filename to an icon asset identifier.
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/ui/FileItem
5
5
  */
6
- import type { StyleSlots } from '../../../core/types';
6
+ import type { StyleSlots } from '@/core/types';
7
7
  /** Visual regions of the FileItem component. */
8
8
  export type FileItemSlot = 'root' | 'icon' | 'path' | 'modifiedChip' | 'boost' | 'gitStatus';
9
9
  /**
@@ -4,7 +4,7 @@
4
4
  * @module @mks2508/mks-ui/react/ui/FileItem
5
5
  */
6
6
  import type { VariantProps } from 'class-variance-authority';
7
- import type { SlotOverrides } from '../../../core/types';
7
+ import type { SlotOverrides } from '@/core/types';
8
8
  import type { FileIconResolver } from '../FileIcon/FileIcon.types';
9
9
  import type { FileItemSlot, fileItemVariants } from './FileItem.styles';
10
10
  /** What kind of filesystem entry this row represents. */
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/ui/FilePanel
5
5
  */
6
- import type { StyleSlots } from '../../../core/types';
6
+ import type { StyleSlots } from '@/core/types';
7
7
  /** Visual regions of the FilePanel component. */
8
8
  export type FilePanelSlot = 'root' | 'header' | 'title' | 'toolbar' | 'search' | 'body' | 'footer' | 'status';
9
9
  /**
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import type { ReactNode } from 'react';
7
7
  import type { VariantProps } from 'class-variance-authority';
8
- import type { SlotOverrides } from '../../../core/types';
8
+ import type { SlotOverrides } from '@/core/types';
9
9
  import type { FilePanelSlot, filePanelVariants } from './FilePanel.styles';
10
10
  /** Visual density for the panel frame. */
11
11
  export type FilePanelDensity = NonNullable<VariantProps<typeof filePanelVariants>['density']>;
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/ui/FileTree
5
5
  */
6
- import type { StyleSlots } from '../../../core/types';
6
+ import type { StyleSlots } from '@/core/types';
7
7
  /** Visual regions of the FileTree component. */
8
8
  export type FileTreeSlot = 'root' | 'list' | 'node' | 'row' | 'indent' | 'chevron' | 'empty';
9
9
  /**
@@ -4,7 +4,7 @@
4
4
  * @module @mks2508/mks-ui/react/ui/FileTree
5
5
  */
6
6
  import type { VariantProps } from 'class-variance-authority';
7
- import type { SlotOverrides } from '../../../core/types';
7
+ import type { SlotOverrides } from '@/core/types';
8
8
  import type { FileIconResolver } from '../FileIcon/FileIcon.types';
9
9
  import type { FileItemChangeStatus } from '../FileItem/FileItem.types';
10
10
  import type { FileTreeSlot, fileTreeVariants } from './FileTree.styles';
@@ -5,7 +5,7 @@
5
5
  * @module @mks2508/mks-ui/react/ui/GooeyButton
6
6
  */
7
7
  import type { ReactNode } from 'react';
8
- import type { IGooeyMorphConfig, IGooeyMorphSlots } from '../../../react-ui/primitives/GooeyMorphingSurface';
8
+ import type { IGooeyMorphConfig, IGooeyMorphSlots } from '@/react-ui/primitives/GooeyMorphingSurface';
9
9
  export interface IGooeyButtonProps {
10
10
  /** Controlled open state. */
11
11
  open?: boolean;
@@ -15,8 +15,12 @@
15
15
  .gbtn-trigger {
16
16
  position: absolute;
17
17
  top: 0;
18
- left: 50%;
19
- transform: translateX(-50%);
18
+ /* Follow the pill's computed X (which honours `pillOffsetX`) instead of
19
+ * centring the hit-area in the host. Centring worked only while
20
+ * `pillOffsetX === 0`; any non-zero offset drifted the visual pill away
21
+ * from the invisible trigger. See `GooeyButton/index.tsx` — the host
22
+ * exposes `--gms-pill-x` identical to the primitive's internal value. */
23
+ left: var(--gms-pill-x);
20
24
  z-index: 3;
21
25
  width: var(--gms-pill-w);
22
26
  height: var(--gms-pill-h);
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/GooeyButton/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAWH,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,cAAc,qBAAqB,CAAC;AAEpC;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC3B,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,aAAoB,EACpB,cAAqB,EACrB,QAAgB,EAChB,SAAS,EACT,KAAK,EACL,YAAY,EAAE,SAAoB,GAClC,EAAE,iBAAiB,2CA6EnB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/GooeyButton/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAWH,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,cAAc,qBAAqB,CAAC;AAEpC;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC3B,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,aAAoB,EACpB,cAAqB,EACrB,QAAgB,EAChB,SAAS,EACT,KAAK,EACL,YAAY,EAAE,SAAoB,GAClC,EAAE,iBAAiB,2CAyFnB"}
@@ -38,11 +38,20 @@ function GooeyButton({ open: controlledOpen, defaultOpen = false, onOpenChange,
38
38
  const hostStyle = useMemo(() => {
39
39
  const pillWidth = config?.pillWidth ?? DEFAULT_GOOEY_CONFIG.pillWidth;
40
40
  const pillHeight = config?.pillHeight ?? DEFAULT_GOOEY_CONFIG.pillHeight;
41
+ const cardWidth = config?.cardWidth ?? DEFAULT_GOOEY_CONFIG.cardWidth;
42
+ const pillOffsetX = config?.pillOffsetX ?? DEFAULT_GOOEY_CONFIG.pillOffsetX;
43
+ const pillX = (cardWidth - pillWidth) / 2 + pillOffsetX;
41
44
  return {
42
45
  "--gms-pill-w": `${pillWidth}px`,
43
- "--gms-pill-h": `${pillHeight}px`
46
+ "--gms-pill-h": `${pillHeight}px`,
47
+ "--gms-pill-x": `${pillX}px`
44
48
  };
45
- }, [config?.pillWidth, config?.pillHeight]);
49
+ }, [
50
+ config?.pillWidth,
51
+ config?.pillHeight,
52
+ config?.cardWidth,
53
+ config?.pillOffsetX
54
+ ]);
46
55
  const toggle = useCallback(() => {
47
56
  if (disabled) return;
48
57
  setOpen(!open);
@@ -1,4 +1,4 @@
1
- import type { StyleSlots } from '../../../core/types';
1
+ import type { StyleSlots } from '@/core/types';
2
2
  /** Visual regions for the Input component. */
3
3
  type InputSlot = 'root';
4
4
  declare const inputStyles: StyleSlots<InputSlot>;
@@ -1,4 +1,4 @@
1
- import type { SlotOverrides } from '../../../core/types';
1
+ import type { SlotOverrides } from '@/core/types';
2
2
  import type { InputSlot } from './Input.styles';
3
3
  /** Props for the Input component. */
4
4
  interface IInputProps extends React.ComponentProps<'input'> {
@@ -1,4 +1,4 @@
1
- import type { StyleSlots } from '../../../core/types';
1
+ import type { StyleSlots } from '@/core/types';
2
2
  /** Visual regions for the InputGroup component family. */
3
3
  type InputGroupSlot = 'root' | 'addon' | 'button' | 'text' | 'input' | 'textarea';
4
4
  declare const inputGroupStyles: StyleSlots<InputGroupSlot>;
@@ -1,5 +1,5 @@
1
1
  import type { VariantProps } from 'class-variance-authority';
2
- import type { SlotOverrides } from '../../../core/types';
2
+ import type { SlotOverrides } from '@/core/types';
3
3
  import type { inputGroupAddonVariants, inputGroupButtonVariants, InputGroupSlot } from './InputGroup.styles';
4
4
  /** Props for the InputGroup container. */
5
5
  interface IInputGroupProps extends React.ComponentProps<'div'> {
@@ -1,4 +1,4 @@
1
- import type { StyleSlots } from '../../../core/types';
1
+ import type { StyleSlots } from '@/core/types';
2
2
  type LabelSlot = 'root';
3
3
  declare const labelStyles: StyleSlots<LabelSlot>;
4
4
  export { labelStyles };
@@ -1,4 +1,4 @@
1
- import type { SlotOverrides } from '../../../core/types';
1
+ import type { SlotOverrides } from '@/core/types';
2
2
  import type { LabelSlot } from './Label.styles';
3
3
  /** Props for the Label component. */
4
4
  interface ILabelProps extends React.ComponentProps<'label'> {
@@ -12,7 +12,7 @@
12
12
  * // menuStyles.popup => default popup classes
13
13
  * ```
14
14
  */
15
- import type { StyleSlots } from '../../../core/types';
15
+ import type { StyleSlots } from '@/core/types';
16
16
  /**
17
17
  * Union of all visual regions (slots) in the Menu component tree.
18
18
  *
@@ -10,8 +10,8 @@
10
10
  import type * as React from 'react';
11
11
  import type { Menu as MenuPrimitive } from '@base-ui/react/menu';
12
12
  import type { HTMLMotionProps, Transition } from 'motion/react';
13
- import type { IBaseConfig, SlotOverrides } from '../../../core/types';
14
- import type { IHighlightProps, IHighlightItemProps } from '../../../react-ui/primitives/Highlight';
13
+ import type { IBaseConfig, SlotOverrides } from '@/core/types';
14
+ import type { IHighlightProps, IHighlightItemProps } from '@/react-ui/primitives/Highlight';
15
15
  import type { MenuSlot } from './Menu.styles';
16
16
  /**
17
17
  * Configuration interface for Menu behavior and animation.
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/ui/MiddleTruncatePath
5
5
  */
6
- import type { StyleSlots } from '../../../core/types';
6
+ import type { StyleSlots } from '@/core/types';
7
7
  /** Visual regions of the MiddleTruncatePath component. */
8
8
  export type MiddleTruncatePathSlot = 'root' | 'start' | 'end';
9
9
  /**
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/ui/MiddleTruncatePath
5
5
  */
6
- import type { SlotOverrides } from '../../../core/types';
6
+ import type { SlotOverrides } from '@/core/types';
7
7
  import type { MiddleTruncatePathSlot } from './MiddleTruncatePath.styles';
8
8
  /**
9
9
  * Props for MiddleTruncatePath.
@@ -5,7 +5,7 @@
5
5
  *
6
6
  * @module @mks2508/mks-ui/react/ui/OperationCard
7
7
  */
8
- import type { StyleSlots } from '../../../core/types';
8
+ import type { StyleSlots } from '@/core/types';
9
9
  import type { OperationCardSlot } from './OperationCard.types';
10
10
  /** Per-slot base classes. CVA applies only to `root`. */
11
11
  export declare const OperationCardStyles: StyleSlots<OperationCardSlot>;
@@ -12,8 +12,8 @@
12
12
  * @module @mks2508/mks-ui/react/ui/OperationCard
13
13
  */
14
14
  import type { ReactNode } from 'react';
15
- import type { IBaseConfig, SlotOverrides } from '../../../core/types';
16
- import type { DotMatrixAccentRow, DotMatrixColor, DotMatrixPattern } from '../../../react-ui/primitives/DotMatrix';
15
+ import type { IBaseConfig, SlotOverrides } from '@/core/types';
16
+ import type { DotMatrixAccentRow, DotMatrixColor, DotMatrixPattern } from '@/react-ui/primitives/DotMatrix';
17
17
  /** Lifecycle status of the underlying operation. */
18
18
  export type OperationCardStatus = 'idle' | 'pending' | 'success' | 'failed' | 'cancelled';
19
19
  /**
@@ -6,7 +6,7 @@
6
6
  *
7
7
  * @module @mks2508/mks-ui/react/ui/Popover/Popover.styles
8
8
  */
9
- import type { StyleSlots } from '../../../core/types';
9
+ import type { StyleSlots } from '@/core/types';
10
10
  import type { PopoverSlot } from './Popover.types';
11
11
  /**
12
12
  * Default Tailwind classes for each Popover visual region.
@@ -9,7 +9,7 @@
9
9
  import type * as React from 'react';
10
10
  import type { Popover as PopoverPrimitive } from '@base-ui/react/popover';
11
11
  import type { HTMLMotionProps } from 'motion/react';
12
- import type { SlotOverrides, IBaseConfig } from '../../../core/types';
12
+ import type { SlotOverrides, IBaseConfig } from '@/core/types';
13
13
  /**
14
14
  * Visual regions available for class-name overrides via the `slots` prop.
15
15
  *
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/ui/Progress/Progress.styles
5
5
  */
6
- import type { StyleSlots } from '../../../core/types';
6
+ import type { StyleSlots } from '@/core/types';
7
7
  import type { ProgressSlot } from './Progress.types';
8
8
  /**
9
9
  * Default style slots for the Progress component.
@@ -4,8 +4,8 @@
4
4
  * @module @mks2508/mks-ui/react/ui/Progress/Progress.types
5
5
  */
6
6
  import type { Progress as ProgressPrimitives } from '@base-ui/react/progress';
7
- import type { IBaseConfig, SlotOverrides } from '../../../core/types';
8
- import type { ICountingNumberProps } from '../../../react-ui/primitives/CountingNumber';
7
+ import type { IBaseConfig, SlotOverrides } from '@/core/types';
8
+ import type { ICountingNumberProps } from '@/react-ui/primitives/CountingNumber';
9
9
  /**
10
10
  * Available style slot names for the Progress component.
11
11
  * Each slot maps to a visual region that can be customized via the `slots` prop.
@@ -1,4 +1,4 @@
1
- import type { StyleSlots } from '../../../core/types';
1
+ import type { StyleSlots } from '@/core/types';
2
2
  /** Visual regions for the Select component family. */
3
3
  type SelectSlot = 'root' | 'trigger' | 'content' | 'item' | 'label' | 'separator' | 'group' | 'value' | 'scrollButton';
4
4
  declare const selectStyles: StyleSlots<SelectSlot>;
@@ -1,5 +1,5 @@
1
1
  import type { Select as SelectPrimitive } from '@base-ui/react/select';
2
- import type { SlotOverrides } from '../../../core/types';
2
+ import type { SlotOverrides } from '@/core/types';
3
3
  import type { SelectSlot } from './Select.styles';
4
4
  /** Props for the Select root. */
5
5
  type ISelectProps = SelectPrimitive.Root.Props<any>;
@@ -1,4 +1,4 @@
1
- import type { StyleSlots } from '../../../core/types';
1
+ import type { StyleSlots } from '@/core/types';
2
2
  type SeparatorSlot = 'root';
3
3
  declare const separatorStyles: StyleSlots<SeparatorSlot>;
4
4
  export { separatorStyles };
@@ -1,5 +1,5 @@
1
1
  import type { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
2
- import type { SlotOverrides } from '../../../core/types';
2
+ import type { SlotOverrides } from '@/core/types';
3
3
  import type { SeparatorSlot } from './Separator.styles';
4
4
  /** Props for the Separator component. */
5
5
  interface ISeparatorProps extends SeparatorPrimitive.Props {
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * @module @mks2508/mks-ui/react/ui/Switch/Switch.styles
5
5
  */
6
- import type { StyleSlots } from '../../../core/types';
6
+ import type { StyleSlots } from '@/core/types';
7
7
  import type { SwitchSlot } from './Switch.types';
8
8
  /**
9
9
  * Default style slots for the Switch component.
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import type { Switch as SwitchPrimitives } from '@base-ui/react/switch';
7
7
  import type { HTMLMotionProps, LegacyAnimationControls, TargetAndTransition, VariantLabels } from 'motion/react';
8
- import type { IBaseConfig, SlotOverrides } from '../../../core/types';
8
+ import type { IBaseConfig, SlotOverrides } from '@/core/types';
9
9
  /**
10
10
  * Available style slot names for the Switch component.
11
11
  * Each slot maps to a visual region that can be customized via the `slots` prop.
@@ -10,7 +10,7 @@
10
10
  *
11
11
  * @module @mks2508/mks-ui/react/ui/Tabs/Tabs.styles
12
12
  */
13
- import type { StyleSlots } from '../../../core/types';
13
+ import type { StyleSlots } from '@/core/types';
14
14
  /**
15
15
  * Union of all visual regions (slots) in the Tabs component tree.
16
16
  */
@@ -10,9 +10,9 @@ import type * as React from 'react';
10
10
  import type { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
11
11
  import type { HTMLMotionProps, Transition } from 'motion/react';
12
12
  import type { VariantProps } from 'class-variance-authority';
13
- import type { IBaseConfig, SlotOverrides } from '../../../core/types';
14
- import type { IHighlightProps, IHighlightItemProps } from '../../../react-ui/primitives/Highlight';
15
- import type { IAutoHeightProps } from '../../../react-ui/primitives/AutoHeight';
13
+ import type { IBaseConfig, SlotOverrides } from '@/core/types';
14
+ import type { IHighlightProps, IHighlightItemProps } from '@/react-ui/primitives/Highlight';
15
+ import type { IAutoHeightProps } from '@/react-ui/primitives/AutoHeight';
16
16
  import type { TabsSlot, tabsListVariants, tabsTabVariants } from './Tabs.styles';
17
17
  /**
18
18
  * Configuration interface for Tabs behavior and animation.
@@ -1,5 +1,5 @@
1
1
  import { type VariantProps } from 'class-variance-authority';
2
- import type { StyleSlots } from '../../../core/types';
2
+ import type { StyleSlots } from '@/core/types';
3
3
  /**
4
4
  * Style slots for TextFlow component
5
5
  */
@@ -1,4 +1,4 @@
1
- import type { StyleSlots } from '../../../core/types';
1
+ import type { StyleSlots } from '@/core/types';
2
2
  type TextareaSlot = 'root';
3
3
  declare const textareaStyles: StyleSlots<TextareaSlot>;
4
4
  export { textareaStyles };
@@ -1,4 +1,4 @@
1
- import type { SlotOverrides } from '../../../core/types';
1
+ import type { SlotOverrides } from '@/core/types';
2
2
  import type { TextareaSlot } from './Textarea.styles';
3
3
  /** Props for the Textarea component. */
4
4
  interface ITextareaProps extends React.ComponentProps<'textarea'> {
@@ -6,7 +6,7 @@
6
6
  *
7
7
  * @module @mks2508/mks-ui/react/ui/Tooltip/Tooltip.styles
8
8
  */
9
- import type { StyleSlots } from '../../../core/types';
9
+ import type { StyleSlots } from '@/core/types';
10
10
  import type { TooltipSlot } from './Tooltip.types';
11
11
  /**
12
12
  * Default Tailwind classes for each Tooltip visual region.
@@ -9,7 +9,7 @@
9
9
  import type * as React from 'react';
10
10
  import type { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
11
11
  import type { HTMLMotionProps, MotionValue, SpringOptions } from 'motion/react';
12
- import type { SlotOverrides, IBaseConfig } from '../../../core/types';
12
+ import type { SlotOverrides, IBaseConfig } from '@/core/types';
13
13
  /**
14
14
  * Visual regions available for class-name overrides via the `slots` prop.
15
15
  *