@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.
- package/dist/react-ui/blocks/Terminal/TerminalDisplay.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/TerminalDisplay.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/components/LogLineBadges/LogLineBadges.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/components/TerminalLogBadge/TerminalLogBadge.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/components/TerminalLogBadge/TerminalLogBadge.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalActionBar/TerminalActionBar.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalActionBar/TerminalActionBar.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalConnectionStatus/TerminalConnectionStatus.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalConnectionStatus/TerminalConnectionStatus.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalFontControls/TerminalFontControls.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalFontControls/TerminalFontControls.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalSplitButton/TerminalSplitButton.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalSplitButton/TerminalSplitButton.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalStatusBar/TerminalStatusBar.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/controls/TerminalStatusBar/TerminalStatusBar.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalDebugPanel/TerminalDebugPanel.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalDebugPanel/TerminalDebugPanel.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/TerminalFilterDropdown.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/TerminalFilterDropdown.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalFilterTabs/TerminalFilterTabs.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalFilterTabs/TerminalFilterTabs.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.d.ts +0 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.d.ts.map +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalInteractivePanelWterm.js +56 -18
- package/dist/react-ui/blocks/Terminal/panel/TerminalLogsPanel/TerminalLogsPanel.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalLogsPanel/TerminalLogsPanel.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalPanelChrome.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalPanelFooter/TerminalPanelFooter.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalPanelFooter/TerminalPanelFooter.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalPanelHeader/TerminalPanelHeader.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalPanelHeader/TerminalPanelHeader.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalPanelToolbar/TerminalPanelToolbar.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalPanelToolbar/TerminalPanelToolbar.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalSessionControl/TerminalSessionControl.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalSessionControl/TerminalSessionControl.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalSessionTabs/TerminalSessionTabs.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalSessionTabs/TerminalSessionTabs.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalSettingsPopover/TerminalSettingsPopover.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalSettingsPopover/TerminalSettingsPopover.types.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalThemeSelector/TerminalThemeSelector.styles.d.ts +1 -1
- package/dist/react-ui/blocks/Terminal/panel/TerminalThemeSelector/TerminalThemeSelector.types.d.ts +1 -1
- package/dist/react-ui/primitives/AutoHeight/index.d.ts +1 -1
- package/dist/react-ui/primitives/CountingNumber/index.d.ts +1 -1
- package/dist/react-ui/primitives/DotMatrix/DotMatrix.types.d.ts +1 -1
- package/dist/react-ui/primitives/waapi/SlidingNumber/SlidingNumber.styles.d.ts +1 -1
- package/dist/react-ui/primitives/waapi/SlidingText/SlidingText.styles.d.ts +1 -1
- package/dist/react-ui/ui/Accordion/Accordion.styles.d.ts +1 -1
- package/dist/react-ui/ui/Accordion/Accordion.types.d.ts +1 -1
- package/dist/react-ui/ui/AlertDialog/AlertDialog.styles.d.ts +1 -1
- package/dist/react-ui/ui/AlertDialog/AlertDialog.types.d.ts +1 -1
- package/dist/react-ui/ui/Badge/Badge.styles.d.ts +1 -1
- package/dist/react-ui/ui/Badge/Badge.types.d.ts +1 -1
- package/dist/react-ui/ui/Button/Button.styles.d.ts +1 -1
- package/dist/react-ui/ui/Button/Button.types.d.ts +1 -1
- package/dist/react-ui/ui/Card/Card.styles.d.ts +1 -1
- package/dist/react-ui/ui/Card/Card.types.d.ts +1 -1
- package/dist/react-ui/ui/Checkbox/Checkbox.styles.d.ts +1 -1
- package/dist/react-ui/ui/Checkbox/Checkbox.types.d.ts +1 -1
- package/dist/react-ui/ui/Combobox/Combobox.styles.d.ts +1 -1
- package/dist/react-ui/ui/Combobox/Combobox.types.d.ts +1 -1
- package/dist/react-ui/ui/CornerBracket/CornerBracket.styles.d.ts +1 -1
- package/dist/react-ui/ui/CornerBracket/CornerBracket.types.d.ts +1 -1
- package/dist/react-ui/ui/DataCard/DataCard.styles.d.ts +1 -1
- package/dist/react-ui/ui/DataCard/DataCard.types.d.ts +1 -1
- package/dist/react-ui/ui/DataCard/index.d.ts +1 -1
- package/dist/react-ui/ui/Dialog/Dialog.styles.d.ts +1 -1
- package/dist/react-ui/ui/Dialog/Dialog.types.d.ts +1 -1
- package/dist/react-ui/ui/DropdownMenu/DropdownMenu.styles.d.ts +1 -1
- package/dist/react-ui/ui/DropdownMenu/DropdownMenu.types.d.ts +1 -1
- package/dist/react-ui/ui/DynamicToggle/DynamicToggle.styles.d.ts +1 -1
- package/dist/react-ui/ui/DynamicToggle/DynamicToggle.types.d.ts +1 -1
- package/dist/react-ui/ui/Field/Field.styles.d.ts +1 -1
- package/dist/react-ui/ui/Field/Field.types.d.ts +1 -1
- package/dist/react-ui/ui/FileIcon/FileIcon.styles.d.ts +1 -1
- package/dist/react-ui/ui/FileIcon/FileIcon.types.d.ts +1 -1
- package/dist/react-ui/ui/FileItem/FileItem.styles.d.ts +1 -1
- package/dist/react-ui/ui/FileItem/FileItem.types.d.ts +1 -1
- package/dist/react-ui/ui/FilePanel/FilePanel.styles.d.ts +1 -1
- package/dist/react-ui/ui/FilePanel/FilePanel.types.d.ts +1 -1
- package/dist/react-ui/ui/FileTree/FileTree.styles.d.ts +1 -1
- package/dist/react-ui/ui/FileTree/FileTree.types.d.ts +1 -1
- package/dist/react-ui/ui/GooeyButton/GooeyButton.types.d.ts +1 -1
- package/dist/{css/ui-GooeyButton-gooey.css → react-ui/ui/GooeyButton/gooey-button-8rHWiw0w.css} +6 -2
- package/dist/react-ui/ui/GooeyButton/index.d.ts.map +1 -1
- package/dist/react-ui/ui/GooeyButton/index.js +11 -2
- package/dist/react-ui/ui/Input/Input.styles.d.ts +1 -1
- package/dist/react-ui/ui/Input/Input.types.d.ts +1 -1
- package/dist/react-ui/ui/InputGroup/InputGroup.styles.d.ts +1 -1
- package/dist/react-ui/ui/InputGroup/InputGroup.types.d.ts +1 -1
- package/dist/react-ui/ui/Label/Label.styles.d.ts +1 -1
- package/dist/react-ui/ui/Label/Label.types.d.ts +1 -1
- package/dist/react-ui/ui/Menu/Menu.styles.d.ts +1 -1
- package/dist/react-ui/ui/Menu/Menu.types.d.ts +2 -2
- package/dist/react-ui/ui/MiddleTruncatePath/MiddleTruncatePath.styles.d.ts +1 -1
- package/dist/react-ui/ui/MiddleTruncatePath/MiddleTruncatePath.types.d.ts +1 -1
- package/dist/react-ui/ui/OperationCard/OperationCard.styles.d.ts +1 -1
- package/dist/react-ui/ui/OperationCard/OperationCard.types.d.ts +2 -2
- package/dist/react-ui/ui/Popover/Popover.styles.d.ts +1 -1
- package/dist/react-ui/ui/Popover/Popover.types.d.ts +1 -1
- package/dist/react-ui/ui/Progress/Progress.styles.d.ts +1 -1
- package/dist/react-ui/ui/Progress/Progress.types.d.ts +2 -2
- package/dist/react-ui/ui/Select/Select.styles.d.ts +1 -1
- package/dist/react-ui/ui/Select/Select.types.d.ts +1 -1
- package/dist/react-ui/ui/Separator/Separator.styles.d.ts +1 -1
- package/dist/react-ui/ui/Separator/Separator.types.d.ts +1 -1
- package/dist/react-ui/ui/Switch/Switch.styles.d.ts +1 -1
- package/dist/react-ui/ui/Switch/Switch.types.d.ts +1 -1
- package/dist/react-ui/ui/Tabs/Tabs.styles.d.ts +1 -1
- package/dist/react-ui/ui/Tabs/Tabs.types.d.ts +3 -3
- package/dist/react-ui/ui/TextFlow/TextFlow.styles.d.ts +1 -1
- package/dist/react-ui/ui/Textarea/Textarea.styles.d.ts +1 -1
- package/dist/react-ui/ui/Textarea/Textarea.types.d.ts +1 -1
- package/dist/react-ui/ui/Tooltip/Tooltip.styles.d.ts +1 -1
- package/dist/react-ui/ui/Tooltip/Tooltip.types.d.ts +1 -1
- package/package.json +2 -2
- package/dist/index.css +0 -1590
- package/dist/react-ui/blocks/Sidebar/animations/tooltip.css +0 -330
- package/dist/react-ui/blocks/Terminal/panel/TerminalFilterDropdown/terminal-filter-dropdown.module.css +0 -60
- package/dist/react-ui/blocks/Terminal/panel/TerminalSessionTabs/terminal-session-tabs.module.css +0 -60
- package/dist/react-ui/components/MorphingPopover/morphing-popover.module.css +0 -154
- package/dist/react-ui/primitives/DotMatrix/dot.css +0 -364
- package/dist/react-ui/primitives/GooeyMorphingSurface/gooey-morphing.css +0 -112
- package/dist/react-ui/primitives/waapi/Morph/techniques/useViewTransitions.module.css +0 -20
- package/dist/react-ui/ui/DynamicToggle/DynamicToggle.css +0 -369
- package/dist/react-ui/ui/GooeyButton/gooey.css +0 -43
- package/dist/react-ui/ui/Tabs/Tabs.css +0 -38
- /package/dist/{css/blocks-Sidebar-animations-tooltip.css → react-ui/blocks/Sidebar/animations/tooltip-keyframes-DRT9W6Xj.css} +0 -0
- /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
- /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
- /package/dist/{css/components-MorphingPopover-morphing-popover.module.css → react-ui/components/MorphingPopover/morphing-popover.module-T3s-wJN-.css} +0 -0
- /package/dist/{css/primitives-DotMatrix-dot.css → react-ui/primitives/DotMatrix/dot-matrix-B8DHjPGb.css} +0 -0
- /package/dist/{css/primitives-GooeyMorphingSurface-gooey.css → react-ui/primitives/GooeyMorphingSurface/gooey-morphing-surface-DfdjAg5U.css} +0 -0
- /package/dist/{css/primitives-waapi-Morph-techniques-useViewTransitions.module.css → react-ui/primitives/waapi/Morph/techniques/useViewTransitions.module-DNDWYN8q.css} +0 -0
- /package/dist/{css/ui-DynamicToggle-DynamicToggle.css → react-ui/ui/DynamicToggle/DynamicToggle-DY2Hle7P.css} +0 -0
- /package/dist/{css/ui-Tabs-Tabs.css → react-ui/ui/Tabs/Tabs-DqzZRGB3.css} +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { VariantProps } from 'class-variance-authority';
|
|
2
|
-
import type { SlotOverrides } from '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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,5 +1,5 @@
|
|
|
1
1
|
import type { VariantProps } from 'class-variance-authority';
|
|
2
|
-
import type { SlotOverrides } from '
|
|
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> {
|
|
@@ -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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 { SlotOverrides } from '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
8
|
+
import type { IGooeyMorphConfig, IGooeyMorphSlots } from '@/react-ui/primitives/GooeyMorphingSurface';
|
|
9
9
|
export interface IGooeyButtonProps {
|
|
10
10
|
/** Controlled open state. */
|
|
11
11
|
open?: boolean;
|
package/dist/{css/ui-GooeyButton-gooey.css → react-ui/ui/GooeyButton/gooey-button-8rHWiw0w.css}
RENAMED
|
@@ -15,8 +15,12 @@
|
|
|
15
15
|
.gbtn-trigger {
|
|
16
16
|
position: absolute;
|
|
17
17
|
top: 0;
|
|
18
|
-
|
|
19
|
-
|
|
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,
|
|
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
|
-
}, [
|
|
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 '
|
|
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 '
|
|
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'> {
|
|
@@ -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 '
|
|
14
|
-
import type { IHighlightProps, IHighlightItemProps } from '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
16
|
-
import type { DotMatrixAccentRow, DotMatrixColor, DotMatrixPattern } from '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
8
|
-
import type { ICountingNumberProps } from '
|
|
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 '
|
|
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 '
|
|
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,5 +1,5 @@
|
|
|
1
1
|
import type { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
|
|
2
|
-
import type { SlotOverrides } from '
|
|
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 '
|
|
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 '
|
|
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,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 '
|
|
14
|
-
import type { IHighlightProps, IHighlightItemProps } from '
|
|
15
|
-
import type { IAutoHeightProps } from '
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import type { SlotOverrides } from '
|
|
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 '
|
|
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 '
|
|
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
|
*
|