npm - @hubstr/kit - Versions diffs - 0.1.0 → 0.1.2 - Mend

@hubstr/kit 0.1.0 → 0.1.2

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 (746) hide show

package/ui/src/Select/type.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { type RefSelectProps, type SelectProps as AntdSelectProps } from 'antd';
 import { type Ref } from 'react';
-import { type IconProps } from '@/Icon';
+import { type IconProps } from '../Icon';
 export interface SelectProps extends Omit<AntdSelectProps, 'suffixIcon'> {
   ref?: Ref<RefSelectProps>;

package/ui/src/SideNav/SideNav.tsx CHANGED Viewed

@@ -3,7 +3,7 @@
 import { cx } from 'antd-style';
 import { memo } from 'react';
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../Flex';
 import { styles } from './style';
 import type { SideNavProps } from './type';

package/ui/src/SideNav/type.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { FlexboxProps } from '@/Flex';
+import type { FlexboxProps } from '../Flex';
 export interface SideNavProps extends FlexboxProps {
   avatar?: ReactNode;

package/ui/src/Skeleton/Skeleton.tsx CHANGED Viewed

@@ -3,7 +3,7 @@
 import { cx } from 'antd-style';
 import { type FC } from 'react';
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../Flex';
 import SkeletonAvatar from './SkeletonAvatar';
 import SkeletonParagraph from './SkeletonParagraph';

package/ui/src/Skeleton/SkeletonBlock.tsx CHANGED Viewed

@@ -3,8 +3,8 @@
 import { cx } from 'antd-style';
 import { type FC } from 'react';
-import Block from '@/Block';
-import type { SkeletonBlockProps } from '@/Skeleton/type';
+import Block from '../Block';
+import type { SkeletonBlockProps } from './type';
 import { styles } from './style';

package/ui/src/Skeleton/SkeletonParagraph.tsx CHANGED Viewed

@@ -2,7 +2,7 @@
 import { type FC } from 'react';
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../Flex';
 import SkeletonBlock from './SkeletonBlock';
 import type { SkeletonParagraphProps } from './type';

package/ui/src/Skeleton/SkeletonTags.tsx CHANGED Viewed

@@ -3,7 +3,7 @@
 import { cssVar } from 'antd-style';
 import { type FC } from 'react';
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../Flex';
 import SkeletonBlock from './SkeletonBlock';
 import type { SkeletonTagsProps } from './type';

package/ui/src/Skeleton/demos/Avatar.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Avatar, Skeleton } from '@hubstr/kit/ui';
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../Flex';
 export default () => (
   <Flexbox gap={16}>

package/ui/src/Skeleton/demos/Block.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Skeleton } from '@hubstr/kit/ui';
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../Flex';
 export default () => (
   <Flexbox gap={16}>

package/ui/src/Skeleton/demos/Button.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Button, Skeleton } from '@hubstr/kit/ui';
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../Flex';
 export default () => (
   <Flexbox align="flex-start" gap={16}>

package/ui/src/Skeleton/demos/Paragraph.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Skeleton, Text } from '@hubstr/kit/ui';
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../Flex';
 export default () => (
   <Flexbox gap={16}>

package/ui/src/Skeleton/demos/Tags.tsx CHANGED Viewed

@@ -2,7 +2,7 @@
 import { Skeleton, Tag } from '@hubstr/kit/ui';
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../Flex';
 export default () => (
   <Flexbox gap={16}>

package/ui/src/Skeleton/demos/Title.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Skeleton, Text } from '@hubstr/kit/ui';
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../Flex';
 export default () => (
   <Flexbox gap={16}>

package/ui/src/Skeleton/index.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { SkeletonProps } from '@/Skeleton/type';
+import type { SkeletonProps } from './type';
 import SkeletonParent from './Skeleton';
 import SkeletonAvatar from './SkeletonAvatar';

package/ui/src/SliderWithInput/SliderWithInput.tsx CHANGED Viewed

@@ -4,8 +4,8 @@ import { Slider } from 'antd';
 import { isNull } from 'es-toolkit/compat';
 import { memo } from 'react';
-import { Flexbox } from '@/Flex';
-import InputNumber from '@/Input/InputNumber';
+import { Flexbox } from '../Flex';
+import InputNumber from '../Input/InputNumber';
 import type { SliderWithInputProps } from './type';

package/ui/src/SliderWithInput/type.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import type { SliderSingleProps } from 'antd';
 import type { CSSProperties } from 'react';
-import type { FlexboxProps } from '@/Flex';
-import type { InputNumberProps } from '@/Input';
+import type { FlexboxProps } from '../Flex';
+import type { InputNumberProps } from '../Input';
 export interface SliderWithInputProps extends Omit<SliderSingleProps, 'classNames' | 'styles'> {
   changeOnWheel?: boolean;

package/ui/src/Snippet/Snippet.tsx CHANGED Viewed

@@ -3,10 +3,10 @@
 import { cx } from 'antd-style';
 import type { FC } from 'react';
-import Spotlight from '@/awesome/Spotlight';
-import CopyButton from '@/CopyButton';
-import { Flexbox } from '@/Flex';
-import SyntaxHighlighter from '@/Highlighter/SyntaxHighlighter';
+import Spotlight from '../awesome/Spotlight';
+import CopyButton from '../CopyButton';
+import { Flexbox } from '../Flex';
+import SyntaxHighlighter from '../Highlighter/SyntaxHighlighter';
 import { styles, variants } from './style';
 import { type SnippetProps } from './type';

package/ui/src/Snippet/style.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { createStaticStyles } from 'antd-style';
 import { cva } from 'class-variance-authority';
-import { hubstrStaticStylish } from '@/styles';
+import { hubstrStaticStylish } from '../styles';
 export const styles = createStaticStyles(({ css, cssVar }) => {
   return {

package/ui/src/Snippet/type.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { Ref } from 'react';
-import type { FlexboxProps } from '@/Flex';
+import type { FlexboxProps } from '../Flex';
 export interface SnippetProps extends FlexboxProps {
   children: string;

package/ui/src/SortableList/SortableList.tsx CHANGED Viewed

@@ -19,7 +19,7 @@ import {
 } from '@dnd-kit/sortable';
 import { Fragment, memo, type ReactNode, useMemo, useState } from 'react';
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../Flex';
 import DragHandle from './components/DragHandle';
 import SortableItem from './components/SortableItem';

package/ui/src/SortableList/components/DragHandle.tsx CHANGED Viewed

@@ -3,7 +3,7 @@
 import { GripVertical } from 'lucide-react';
 import { memo, use, useState } from 'react';
-import ActionIcon, { type ActionIconProps } from '@/ActionIcon';
+import ActionIcon, { type ActionIconProps } from '../../ActionIcon';
 import { SortableItemContext } from './SortableItem';

package/ui/src/SortableList/components/SortableItem.tsx CHANGED Viewed

@@ -6,8 +6,8 @@ import { CSS } from '@dnd-kit/utilities';
 import { cx } from 'antd-style';
 import { createContext, memo, useMemo } from 'react';
-import { type FlexboxProps } from '@/Flex';
-import { Flexbox } from '@/Flex';
+import { type FlexboxProps } from '../../Flex';
+import { Flexbox } from '../../Flex';
 import { variants } from '../style';

package/ui/src/SortableList/style.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { createStaticStyles } from 'antd-style';
 import { cva } from 'class-variance-authority';
-import { hubstrStaticStylish } from '@/styles';
+import { hubstrStaticStylish } from '../styles';
 export const styles = createStaticStyles(({ css, cssVar }) => {
   return {

package/ui/src/SortableList/type.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { ReactNode, Ref } from 'react';
-import type { FlexboxProps } from '@/Flex';
+import type { FlexboxProps } from '../Flex';
 export interface SortableListItem {
   [key: string]: any;

package/ui/src/Tabs/Tabs.tsx CHANGED Viewed

@@ -5,7 +5,7 @@ import { cx } from 'antd-style';
 import { MoreHorizontalIcon } from 'lucide-react';
 import { type FC } from 'react';
-import ActionIcon from '@/ActionIcon';
+import ActionIcon from '../ActionIcon';
 import { styles, variants } from './style';
 import type { TabsProps } from './type';

package/ui/src/Tag/Tag.tsx CHANGED Viewed

@@ -4,8 +4,8 @@ import { Tag as AntTag } from 'antd';
 import { cssVar, cx } from 'antd-style';
 import { type FC, useMemo } from 'react';
-import { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from '@/Tag/utils';
-import { safeReadableColor } from '@/utils/safeReadableColor';
+import { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from './utils';
+import { safeReadableColor } from '../utils/safeReadableColor';
 import { variants } from './styles';
 import type { TagProps } from './type';

package/ui/src/Tag/demos/Color.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Tag } from '@hubstr/kit/ui';
 import { Badge } from 'antd';
-import { Center } from '@/Flex';
+import { Center } from '../../Flex';
 export default () => {
   return (

package/ui/src/Tag/styles.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { createStaticStyles } from 'antd-style';
 import { cva } from 'class-variance-authority';
-import { hubstrStaticStylish } from '@/styles';
+import { hubstrStaticStylish } from '../styles';
 const prefixCls = 'ant';

package/ui/src/Text/Text.tsx CHANGED Viewed

@@ -3,8 +3,8 @@
 import { cx } from 'antd-style';
 import { type FC, useRef } from 'react';
-import { useTextOverflow } from '@/hooks/useTextOverflow';
-import Tooltip from '@/Tooltip';
+import { useTextOverflow } from '../hooks/useTextOverflow';
+import Tooltip from '../Tooltip';
 import { variants } from './styles';
 import { type TextProps } from './type';

package/ui/src/Text/type.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { CSSProperties, ElementType, Ref } from 'react';
-import type { TooltipProps } from '@/Tooltip';
-import type { DivProps } from '@/types';
+import type { TooltipProps } from '../Tooltip';
+import type { DivProps } from '../types';
 export interface TextProps extends DivProps {
   align?: 'left' | 'center' | 'right';

package/ui/src/ThemeProvider/GlobalStyle/antdOverride.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { css, type Theme } from 'antd-style';
 import { rgba } from 'polished';
-import { safeReadableColor } from '@/utils/safeReadableColor';
+import { safeReadableColor } from '../../utils/safeReadableColor';
 export default (token: Theme) => {
   const readColor = safeReadableColor(token.colorPrimary);

package/ui/src/ThemeProvider/GlobalStyle/global.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { css, type Theme } from 'antd-style';
-import { CLASSNAMES } from '@/styles/classNames';
+import { CLASSNAMES } from '../../styles/classNames';
 export default (token: Theme) => css`
   :root {

package/ui/src/ThemeProvider/Meta.tsx CHANGED Viewed

@@ -2,7 +2,7 @@
 import { type FC, useCallback } from 'react';
-import { useCdnFn } from '@/ConfigProvider';
+import { useCdnFn } from '../ConfigProvider';
 import type { MetaProps } from './type';

package/ui/src/ThemeProvider/ThemeProvider.tsx CHANGED Viewed

@@ -10,11 +10,11 @@ import {
 import { merge } from 'es-toolkit/compat';
 import { memo, useCallback, useMemo, useState } from 'react';
-import { useCdnFn } from '@/ConfigProvider';
-import FontLoader from '@/FontLoader';
-import { hubstrCustomStylish, hubstrCustomToken } from '@/styles';
-import { createHubstrAntdTheme } from '@/styles/theme/antdTheme';
-import { type HubstrCustomToken } from '@/types/customToken';
+import { useCdnFn } from '../ConfigProvider';
+import FontLoader from '../FontLoader';
+import { hubstrCustomStylish, hubstrCustomToken } from '../styles';
+import { createHubstrAntdTheme } from '../styles/theme/antdTheme';
+import { type HubstrCustomToken } from '../types/customToken';
 import AppElementContext from './AppElementContext';
 import AntdConfigProvider from './ConfigProvider';

package/ui/src/ThemeProvider/demos/CustomFonts.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import { ConfigProvider, ThemeProvider } from '@hubstr/kit/ui';
 import { useTheme } from 'antd-style';
 import { motion } from 'motion/react';
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../Flex';
 export default () => {
   const theme = useTheme();

package/ui/src/ThemeProvider/type.ts CHANGED Viewed

@@ -5,7 +5,7 @@ import {
 } from 'antd-style';
 import { type CSSProperties } from 'react';
-import { type NeutralColors, type PrimaryColors } from '@/styles';
+import { type NeutralColors, type PrimaryColors } from '../styles';
 export interface ThemeProviderProps extends AntdThemeProviderProps<any> {
   className?: string;

package/ui/src/ThemeSwitch/ThemeSwitch.tsx CHANGED Viewed

@@ -4,11 +4,11 @@ import { Select } from 'antd';
 import { Monitor, Moon, Sun } from 'lucide-react';
 import { type FC, useMemo } from 'react';
-import ActionIcon from '@/ActionIcon';
-import { type DropdownItem } from '@/DropdownMenu';
-import DropdownMenu from '@/DropdownMenu';
-import { Flexbox } from '@/Flex';
-import Icon from '@/Icon';
+import ActionIcon from '../ActionIcon';
+import { type DropdownItem } from '../DropdownMenu';
+import DropdownMenu from '../DropdownMenu';
+import { Flexbox } from '../Flex';
+import Icon from '../Icon';
 import { type ThemeSwitchProps } from './type';

package/ui/src/ThemeSwitch/type.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { ThemeMode } from 'antd-style';
-import type { ActionIconProps } from '@/ActionIcon';
-import type { DivProps } from '@/types';
+import type { ActionIconProps } from '../ActionIcon';
+import type { DivProps } from '../types';
 export interface ThemeSwitchProps extends DivProps {
   labels?: {

package/ui/src/Toast/index.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export * from '@/base-ui/Toast';
1	+ export * from '../base-ui/Toast';

package/ui/src/Toc/TocMobile.tsx CHANGED Viewed

@@ -5,7 +5,7 @@ import { PanelTopClose, PanelTopOpen } from 'lucide-react';
 import { memo, useMemo } from 'react';
 import useControlledState from 'use-merge-value';
-import ActionIcon from '@/ActionIcon';
+import ActionIcon from '../ActionIcon';
 import { styles } from './style';
 import type { TocMobileProps } from './type';

package/ui/src/Toc/style.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { createStaticStyles, cx, responsive } from 'antd-style';
-import { hubstrStaticStylish } from '@/styles';
+import { hubstrStaticStylish } from '../styles';
 const prefixCls = 'ant';

package/ui/src/Toc/utils.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { TocItemType } from '@/Toc/type';
+import type { TocItemType } from './type';
 export const mapItems = (items: TocItemType[]) =>
   items.map((item) => ({

package/ui/src/Tooltip/index.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export * from '@/base-ui/Tooltip';
-export { default } from '@/base-ui/Tooltip';
+export * from '../base-ui/Tooltip';
+export { default } from '../base-ui/Tooltip';

package/ui/src/Video/index.tsx CHANGED Viewed

@@ -5,9 +5,9 @@ import { cssVar, cx } from 'antd-style';
 import { PlayIcon } from 'lucide-react';
 import { type CSSProperties, memo, type Ref, useMemo, useState } from 'react';
-import ActionIcon from '@/ActionIcon';
-import { Flexbox, type FlexboxProps } from '@/Flex';
-import { type VideoProps as VProps } from '@/types';
+import ActionIcon from '../ActionIcon';
+import { Flexbox, type FlexboxProps } from '../Flex';
+import { type VideoProps as VProps } from '../types';
 import { styles, variants } from './style';

package/ui/src/Video/style.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { createStaticStyles, cx } from 'antd-style';
 import { cva } from 'class-variance-authority';
-import { hubstrStaticStylish } from '@/styles';
+import { hubstrStaticStylish } from '../styles';
 // 用于 hover 选择器的类名标识
 export const maskHoverCls = 'hubstr-video-mask';

package/ui/src/awesome/AuroraBackground/AuroraBackground.tsx CHANGED Viewed

@@ -3,7 +3,7 @@
 import { cx, useThemeMode } from 'antd-style';
 import { memo } from 'react';
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../Flex';
 import { styles } from './style';
 import type { AuroraBackgroundProps } from './type';

package/ui/src/awesome/AuroraBackground/type.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { CSSProperties, Ref } from 'react';
-import type { FlexboxProps } from '@/Flex';
+import type { FlexboxProps } from '../../Flex';
 export interface AuroraBackgroundProps extends FlexboxProps {
   classNames?: {

package/ui/src/awesome/BottomGradientButton/BottomGradientButton.tsx CHANGED Viewed

@@ -3,7 +3,7 @@
 import { cx } from 'antd-style';
 import { memo } from 'react';
-import Button from '@/Button';
+import Button from '../../Button';
 import { styles } from './style';
 import type { BottomGradientButtonProps } from './type';

package/ui/src/awesome/BottomGradientButton/style.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { createStaticStyles, cx } from 'antd-style';
-import { hubstrStaticStylish } from '@/styles';
+import { hubstrStaticStylish } from '../../styles';
 export const styles = createStaticStyles(({ css, cssVar }) =>
   cx(

package/ui/src/awesome/BottomGradientButton/type.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import type { ButtonProps } from '@/Button';
+import type { ButtonProps } from '../../Button';
 export type BottomGradientButtonProps = ButtonProps;

package/ui/src/awesome/Features/FeatureItem.tsx CHANGED Viewed

@@ -3,11 +3,11 @@
 import { cx } from 'antd-style';
 import { type CSSProperties, memo, useMemo } from 'react';
-import A from '@/A';
-import { Center, Flexbox } from '@/Flex';
-import Icon from '@/Icon';
-import Img from '@/Img';
-import Text from '@/Text';
+import A from '../../A';
+import { Center, Flexbox } from '../../Flex';
+import Icon from '../../Icon';
+import Img from '../../Img';
+import Text from '../../Text';
 import { styles } from './style';
 import type { FeatureItemProps } from './type';

package/ui/src/awesome/Features/Features.tsx CHANGED Viewed

@@ -2,7 +2,7 @@
 import { memo } from 'react';
-import SpotlightCard from '@/awesome/SpotlightCard';
+import SpotlightCard from '../SpotlightCard';
 import FeatureItem from './FeatureItem';
 import type { FeaturesProps } from './type';

package/ui/src/awesome/Features/type.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import { type CSSProperties } from 'react';
-import { type SpotlightCardProps } from '@/awesome/SpotlightCard';
-import { type IconProps } from '@/Icon';
-import { type DivProps } from '@/types';
+import { type SpotlightCardProps } from '../SpotlightCard';
+import { type IconProps } from '../../Icon';
+import { type DivProps } from '../../types';
 export interface FeatureItemType {
   column?: number;

package/ui/src/awesome/Giscus/style.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import { css, useTheme } from 'antd-style';
 import { rgba } from 'polished';
 import { useMemo } from 'react';
-import { safeReadableColor } from '@/utils/safeReadableColor';
+import { safeReadableColor } from '../../utils/safeReadableColor';
 export const useStyles = () => {
   const theme = useTheme();

package/ui/src/awesome/GradientButton/GradientButton.tsx CHANGED Viewed

@@ -3,7 +3,7 @@
 import { cssVar, cx, useThemeMode } from 'antd-style';
 import { memo, useMemo } from 'react';
-import Button from '@/Button';
+import Button from '../../Button';
 import { styles } from './style';
 import type { GradientButtonProps } from './type';

package/ui/src/awesome/GradientButton/style.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { createStaticStyles, cx } from 'antd-style';
-import { hubstrStaticStylish } from '@/styles';
+import { hubstrStaticStylish } from '../../styles';
 export const styles = createStaticStyles(({ css, cssVar }) => {
   const borderRadius = 'var(--gradient-button-border-radius, var(--ant-border-radius))';

package/ui/src/awesome/GradientButton/type.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { ButtonProps } from '@/Button';
+import type { ButtonProps } from '../../Button';
 export interface GradientButtonProps extends ButtonProps {
   glow?: boolean;

package/ui/src/awesome/GridBackground/GridShowcase.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import { useTheme } from 'antd-style';
 import { rgba } from 'polished';
 import { memo } from 'react';
-import { Flexbox } from '@/Flex';
+import { Flexbox } from '../../Flex';
 import GridBackground from './GridBackground';
 import type { GridShowcaseProps } from './type';

package/ui/src/awesome/GridBackground/components/Grid.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import { isUndefined } from 'es-toolkit/compat';
 import { memo, useCallback } from 'react';
-import type { SvgProps } from '@/types';
+import type { SvgProps } from '../../../types';
 enum Line {
   l7,

package/ui/src/awesome/GridBackground/type.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { FlexboxProps } from '@/Flex';
-import type { DivProps } from '@/types';
+import type { FlexboxProps } from '../../Flex';
+import type { DivProps } from '../../types';
 export interface GridBackgroundProps extends DivProps {
   animation?: boolean;