@sendoutcards/quantum-design-ui 1.8.39-alpha.6 → 1.8.39

package/dist/src/hooks/useEvent.d.ts

@@ -1 +1 @@
-export declare const useEvent: (event: string, handler: () => void) => void;
+export declare const useEvent: (event: string, handler: () => void) => void;

package/dist/src/hooks/useInnerHeight.d.ts

@@ -1 +1 @@
-export declare const useInnerHeight: () => number;
+export declare const useInnerHeight: () => number;

package/dist/src/hooks/useInnerWidth.d.ts

@@ -1 +1 @@
-export declare const useInnerWidth: () => number;
+export declare const useInnerWidth: () => number;

package/dist/src/hooks/useLinearGradient.d.ts

@@ -1,5 +1,5 @@
-import { ColorStop } from 'src/types/global';
-import { LiteralUnion, HOCSwatchColorKeys } from 'src/helpers/hoc-types/entityValueTypes';
-type LinearColorStop = number | LiteralUnion<HOCSwatchColorKeys> | ColorStop;
-export declare const useLinearGradient: (angle: number, colors: LinearColorStop[]) => string;
-export {};
+import { ColorStop } from "../types/global";
+import { LiteralUnion, HOCSwatchColorKeys } from "../helpers/hoc-types/entityValueTypes";
+declare type LinearColorStop = number | LiteralUnion<HOCSwatchColorKeys> | ColorStop;
+export declare const useLinearGradient: (angle: number, colors: LinearColorStop[]) => string;
+export {};

package/dist/src/hooks/useLongPress.d.ts

@@ -1,11 +1,10 @@
-import React from 'react';
-export declare const useLongPress: (onLongPress: (event: React.MouseEvent<HTMLInputElement> | React.TouchEvent<HTMLInputElement>) => void, onLongPressEnd: (event: React.MouseEvent<HTMLInputElement> | React.TouchEvent<HTMLInputElement>) => void, onClick: () => void, { isPreventDefault, delay }?: {
-    isPreventDefault?: boolean | undefined;
-    delay?: number | undefined;
-}) => {
-    onMouseDown: (e: React.MouseEvent<HTMLInputElement>) => void;
-    onTouchStart: (e: React.TouchEvent<HTMLInputElement>) => void;
-    onMouseUp: (e: React.MouseEvent<HTMLInputElement>) => void;
-    onMouseLeave: (e: React.MouseEvent<HTMLInputElement>) => void;
-    onTouchEnd: (e: React.TouchEvent<HTMLInputElement>) => void;
-};
+export declare const useLongPress: (onLongPress: (event: React.MouseEvent<HTMLInputElement> | React.TouchEvent<HTMLInputElement>) => void, onLongPressEnd: (event: React.MouseEvent<HTMLInputElement> | React.TouchEvent<HTMLInputElement>) => void, onClick: () => void, { isPreventDefault, delay }?: {
+    isPreventDefault?: boolean | undefined;
+    delay?: number | undefined;
+}) => {
+    onMouseDown: (e: React.MouseEvent<HTMLInputElement>) => void;
+    onTouchStart: (e: React.TouchEvent<HTMLInputElement>) => void;
+    onMouseUp: (e: React.MouseEvent<HTMLInputElement>) => void;
+    onMouseLeave: (e: React.MouseEvent<HTMLInputElement>) => void;
+    onTouchEnd: (e: React.TouchEvent<HTMLInputElement>) => void;
+};

package/dist/src/hooks/useOutsideClick.d.ts

@@ -1 +1 @@
-export declare const useOutsideClick: (ref: any, handler: (event: any) => void, targetIdBypass?: string) => void;
+export declare const useOutsideClick: (ref: any, handler: (event: any) => void, targetIdBypass?: string) => void;

package/dist/src/hooks/usePrevious.d.ts

@@ -1 +1 @@
-export declare function usePrevious<T>(value: T): T;
+export declare function usePrevious<T>(value: T): T;

package/dist/src/hooks/useProgressiveImage.d.ts

@@ -1 +1 @@
-export declare const useProgressiveImage: (src: string) => string | null;
+export declare const useProgressiveImage: (src: string) => string | null;

package/dist/src/hooks/useRadialGradient.d.ts

@@ -1,5 +1,5 @@
-import { ColorStop } from 'src/types/global';
-type RadialShape = 'ellipse' | 'circle';
-type RadialSize = 'farthest-corner' | 'closest-corner' | 'closest-side' | 'farthest-side';
-export declare const useRadialGradient: (colors: ColorStop[], shape?: RadialShape, size?: RadialSize, position?: string) => string;
-export {};
+import { ColorStop } from "../types/global";
+declare type RadialShape = 'ellipse' | 'circle';
+declare type RadialSize = 'farthest-corner' | 'closest-corner' | 'closest-side' | 'farthest-side';
+export declare const useRadialGradient: (colors: ColorStop[], shape?: RadialShape, size?: RadialSize, position?: string) => string;
+export {};

package/dist/src/hooks/useWindowSize.d.ts

@@ -1,4 +1,4 @@
-export declare const useWindowSize: () => {
-    width: number;
-    height: number;
-};
+export declare const useWindowSize: () => {
+    width: number;
+    height: number;
+};

package/dist/src/index.d.ts

@@ -1,7 +1,7 @@
-export * from './theme/quantumThemeWrapper';
-export * from './exports/atoms';
-export * from './exports/molecules';
-export * from './exports/organisms';
-export * from './exports/socPortfolio';
-export * from './exports/themes';
-export * from './exports/hooks';
+export * from './theme/quantumThemeWrapper';
+export * from './exports/atoms';
+export * from './exports/molecules';
+export * from './exports/organisms';
+export * from './exports/socPortfolio';
+export * from './exports/themes';
+export * from './exports/hooks';

package/dist/src/molecules/articleCard/articleCard.d.ts

@@ -1,12 +1,12 @@
-import { FC } from 'react';
-import { TextColor } from 'src/atoms/typography/text';
-export type ArticleCardProps = {
-    imageURL: string;
-    category?: string;
-    categoryColor: TextColor;
-    title: string;
-    date?: string;
-    onClick?: () => void;
-    href?: string;
-};
-export declare const ArticleCard: FC<ArticleCardProps>;
+import { FC } from 'react';
+import { TextColor } from "../../atoms/typography/text";
+export declare type ArticleCardProps = {
+    imageURL: string;
+    category?: string;
+    categoryColor: TextColor;
+    title: string;
+    date?: string;
+    onClick?: () => void;
+    href?: string;
+};
+export declare const ArticleCard: FC<ArticleCardProps>;

package/dist/src/molecules/blockQuote/blockQuote.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import { TextType, TextColor } from 'src/exports/atoms';
-import { BorderRadiusDirection, HOCBorderRadiusKeys, LiteralUnion, Responsive, Shadows } from 'src/helpers/hoc-types/entityValueTypes';
-import { ThemeMode } from 'src/types/global';
-type QuoteType = Omit<ThemeMode, 'accent' | 'shadow'>;
-export type BlockQuoteProps = {
-    author?: string;
-    background?: 'background' | 'foreground';
-    type?: QuoteType;
-    textColor?: TextColor;
-    content?: string;
-    contentTextType?: TextType | Responsive<TextType>;
-    borderRadius?: BorderRadiusDirection | LiteralUnion<HOCBorderRadiusKeys>;
-    boxShadow?: Shadows;
-    children?: React.ReactNode;
-};
-export declare const BlockQuote: ({ author, background, textColor, type, content, contentTextType, borderRadius, boxShadow, children, }: BlockQuoteProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import React from 'react';
+import { TextType, TextColor } from "../../exports/atoms";
+import { BorderRadiusDirection, HOCBorderRadiusKeys, LiteralUnion, Responsive, Shadows } from "../../helpers/hoc-types/entityValueTypes";
+import { ThemeMode } from "../../types/global";
+declare type QuoteType = Omit<ThemeMode, 'accent' | 'shadow'>;
+export declare type BlockQuoteProps = {
+    author?: string;
+    background?: 'background' | 'foreground';
+    type?: QuoteType;
+    textColor?: TextColor;
+    content?: string;
+    contentTextType?: TextType | Responsive<TextType>;
+    borderRadius?: BorderRadiusDirection | LiteralUnion<HOCBorderRadiusKeys>;
+    boxShadow?: Shadows;
+    children?: React.ReactNode;
+};
+export declare const BlockQuote: ({ author, background, textColor, type, content, contentTextType, borderRadius, boxShadow, children, }: BlockQuoteProps) => React.JSX.Element;
+export {};

package/dist/src/molecules/button/button.d.ts

@@ -1,34 +1,33 @@
-import React from 'react';
-import { TextColor, WeightType } from 'src/atoms/typography/text';
-import { SizeType, OnMouseEvent, ThemeMode } from 'src/types/global';
-import { entities } from 'src/theme/theming/entities';
-import { IconType, IconColors } from 'src/exports/atoms';
-import { DirectionType } from '../tooltip/tooltip';
-import { LiteralUnion } from 'src/helpers/hoc-types/entityValueTypes';
-import './button.css';
-export type ButtonType = ThemeMode | 'smoke';
-export type ButtonProps = {
-    title?: string;
-    type?: ButtonType;
-    size?: SizeType;
-    onClick?: (() => void) | 'submitForm';
-    onMouseEvent?: OnMouseEvent;
-    disabled?: boolean;
-    hover?: boolean;
-    outlined?: boolean;
-    fullWidth?: boolean;
-    textColorOverride?: LiteralUnion<TextColor> | string;
-    backgroundColorOverride?: string;
-    disabledCaption?: string;
-    disabledDirection?: DirectionType;
-    id?: string;
-    icon?: {
-        name: IconType;
-        fill?: LiteralUnion<IconColors>;
-    };
-    fontWeight?: WeightType;
-    children?: React.ReactNode;
-    boxShadow?: boolean;
-};
-export type ButtonStyle = typeof entities.buttons.primary;
-export declare const Button: ({ title, type, size, onClick, children, disabled, hover, outlined, onMouseEvent, fullWidth, textColorOverride, backgroundColorOverride, disabledCaption, id, icon, fontWeight, boxShadow, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+import { TextColor, WeightType } from "../../atoms/typography/text";
+import { SizeType, OnMouseEvent, ThemeMode } from "../../types/global";
+import { entities } from "../../theme/theming/entities";
+import { IconType, IconColors } from "../../exports/atoms";
+import { DirectionType } from '../tooltip/tooltip';
+import { LiteralUnion } from "../../helpers/hoc-types/entityValueTypes";
+export declare type ButtonType = ThemeMode | 'smoke';
+export declare type ButtonProps = {
+    title?: string;
+    type?: ButtonType;
+    size?: SizeType;
+    onClick?: (() => void) | 'submitForm';
+    onMouseEvent?: OnMouseEvent;
+    disabled?: boolean;
+    hover?: boolean;
+    outlined?: boolean;
+    fullWidth?: boolean;
+    textColorOverride?: LiteralUnion<TextColor> | string;
+    backgroundColorOverride?: string;
+    disabledCaption?: string;
+    disabledDirection?: DirectionType;
+    id?: string;
+    icon?: {
+        name: IconType;
+        fill?: LiteralUnion<IconColors>;
+    };
+    fontWeight?: WeightType;
+    children?: React.ReactNode;
+    boxShadow?: boolean;
+};
+export declare type ButtonStyle = typeof entities.buttons.primary;
+export declare const Button: ({ title, type, size, onClick, children, disabled, hover, outlined, onMouseEvent, fullWidth, textColorOverride, backgroundColorOverride, disabledCaption, id, icon, fontWeight, boxShadow, }: ButtonProps) => React.JSX.Element;

package/dist/src/molecules/button/styles.d.ts

@@ -0,0 +1,9 @@
+import { ButtonsEntity, Entities, TextEntity } from "../../theme/theming/entities";
+import { SizeType } from "../../types/global";
+import { ButtonType, ButtonStyle } from './button';
+import { WeightType } from "../../exports/atoms";
+declare const _default: {
+    buttonStyles: (type: ButtonType, buttonStyle: ButtonStyle, entities: Entities, size: SizeType, hover?: boolean, outlined?: boolean, fullWidth?: boolean, backgroundColorOverride?: string, boxShadow?: boolean) => import("@emotion/react").SerializedStyles;
+    buttonTitle: (type: ButtonType, buttonEntity: ButtonsEntity, size: SizeType, textEntity: TextEntity, fontWeight?: WeightType) => import("@emotion/react").SerializedStyles;
+};
+export default _default;

package/dist/src/molecules/checkbox/checkbox.d.ts

@@ -1,12 +1,11 @@
-import { FC } from 'react';
-import './checkbox.css';
-export type CheckboxProps = {
-    onChange: (isChecked: boolean) => void;
-    isChecked: boolean;
-    type?: CheckboxType;
-    label?: string;
-    id?: string;
-    inputDisplay?: string;
-};
-export type CheckboxType = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'dark';
-export declare const Checkbox: FC<CheckboxProps>;
+import { FC } from 'react';
+export declare type CheckboxProps = {
+    onChange: (isChecked: boolean) => void;
+    isChecked: boolean;
+    type?: CheckboxType;
+    label?: string;
+    id?: string;
+    inputDisplay?: string;
+};
+export declare type CheckboxType = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'dark';
+export declare const Checkbox: FC<CheckboxProps>;

package/dist/src/molecules/checkbox/styles.d.ts

@@ -0,0 +1,9 @@
+import { CheckboxType } from './checkbox';
+import { InputsEntity } from "../../theme/theming/entities";
+declare const _default: {
+    app: import("@emotion/react").SerializedStyles;
+    checkboxContainer: (inputsEntity: InputsEntity, type: CheckboxType) => import("@emotion/react").SerializedStyles;
+    box: (inputsEntity: InputsEntity) => import("@emotion/react").SerializedStyles;
+    boxInner: import("@emotion/react").SerializedStyles;
+};
+export default _default;

package/dist/src/molecules/circle/circle.d.ts

@@ -1,13 +1,13 @@
-import { FC } from 'react';
-import { SizeType } from 'src/types/global';
-import { IconType, IconColors } from 'src/atoms/iconography/types';
-export type CircleProps = {
-    icon: IconType;
-    fill: IconColors;
-    size?: SizeType;
-    scale?: number;
-    layer?: number;
-    onClick?: () => void;
-    animate?: {};
-};
-export declare const Circle: FC<CircleProps>;
+import { FC } from 'react';
+import { SizeType } from "../../types/global";
+import { IconType, IconColors } from "../../atoms/iconography/types";
+export declare type CircleProps = {
+    icon: IconType;
+    fill: IconColors;
+    size?: SizeType;
+    scale?: number;
+    layer?: number;
+    onClick?: () => void;
+    animate?: {};
+};
+export declare const Circle: FC<CircleProps>;

package/dist/src/molecules/clipboard/clipboard.d.ts

@@ -1,7 +1,7 @@
-import { FC } from 'react';
-export type ClipboardProps = {
-    copyText: string;
-    width?: string;
-    type?: 'text' | 'link';
-};
-export declare const Clipboard: FC<ClipboardProps>;
+import { FC } from 'react';
+export declare type ClipboardProps = {
+    copyText: string;
+    width?: string;
+    type?: 'text' | 'link';
+};
+export declare const Clipboard: FC<ClipboardProps>;

package/dist/src/molecules/closeButton/closeButton.d.ts

@@ -1,15 +1,14 @@
-import { FC } from 'react';
-import { IconColors } from 'src/exports/atoms';
-import { SizeType } from 'src/types/global';
-import { ColorSelection, LiteralUnion, Responsive, HOCColorKeys } from 'src/helpers/hoc-types/entityValueTypes';
-import './closeButton.css';
-export type CloseButtonProps = {
-    onClose: () => void;
-    backgroundColor?: ColorSelection | LiteralUnion<HOCColorKeys> | Responsive<HOCColorKeys>;
-    fill?: IconColors;
-    top?: string;
-    right?: string;
-    size?: SizeType;
-    id?: string;
-};
-export declare const CloseButton: FC<CloseButtonProps>;
+import { FC } from 'react';
+import { IconColors } from "../../exports/atoms";
+import { SizeType } from "../../types/global";
+import { ColorSelection, LiteralUnion, Responsive, HOCColorKeys } from "../../helpers/hoc-types/entityValueTypes";
+export declare type CloseButtonProps = {
+    onClose: () => void;
+    backgroundColor?: ColorSelection | LiteralUnion<HOCColorKeys> | Responsive<HOCColorKeys>;
+    fill?: IconColors;
+    top?: string;
+    right?: string;
+    size?: SizeType;
+    id?: string;
+};
+export declare const CloseButton: FC<CloseButtonProps>;

package/dist/src/molecules/closeButton/styles.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    closeButtonContainer: (top?: string, right?: string) => import("@emotion/react").SerializedStyles;
+};
+export default _default;

package/dist/src/molecules/comparisonItem/comparisonItem.d.ts

@@ -1,13 +1,13 @@
-import { FC } from 'react';
-import { entities } from 'src/theme/theming/entities';
-type ColorType = keyof typeof entities.animatedCheckmark.colors;
-export type ComparisonItemProps = {
-    title: string;
-    description?: string | string[];
-    isIncluded: boolean;
-    checkMarkColor?: ColorType;
-    maxWidth?: string;
-    isMinified?: boolean;
-};
-export declare const ComparisonItem: FC<ComparisonItemProps>;
-export {};
+import { FC } from 'react';
+import { entities } from "../../theme/theming/entities";
+declare type ColorType = keyof typeof entities.animatedCheckmark.colors;
+export declare type ComparisonItemProps = {
+    title: string;
+    description?: string | string[];
+    isIncluded: boolean;
+    checkMarkColor?: ColorType;
+    maxWidth?: string;
+    isMinified?: boolean;
+};
+export declare const ComparisonItem: FC<ComparisonItemProps>;
+export {};

package/dist/src/molecules/contextBar/contextBar.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-type ContextBarProps = {
-    children?: React.ReactNode;
-};
-export declare const ContextBar: ({ children }: ContextBarProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import React from 'react';
+declare type ContextBarProps = {
+    children?: React.ReactNode;
+};
+export declare const ContextBar: ({ children }: ContextBarProps) => React.JSX.Element;
+export {};

package/dist/src/molecules/countdownTimer/countdownTimer.d.ts

@@ -1,17 +1,17 @@
-import { FC } from 'react';
-import { SizeType } from 'src/types/global';
-declare enum DateStrBrand {
-}
-type DateStr = string & DateStrBrand;
-export type CountdownTimerProps = {
-    endDate: DateStr;
-    endTime?: {
-        hour: number;
-        minute: number;
-        second: number;
-    };
-    size?: SizeType;
-    timeReachedMessage?: string;
-};
-export declare const CountdownTimer: FC<CountdownTimerProps>;
-export {};
+import { FC } from 'react';
+import { SizeType } from "../../types/global";
+declare enum DateStrBrand {
+}
+declare type DateStr = string & DateStrBrand;
+export declare type CountdownTimerProps = {
+    endDate: DateStr;
+    endTime?: {
+        hour: number;
+        minute: number;
+        second: number;
+    };
+    size?: SizeType;
+    timeReachedMessage?: string;
+};
+export declare const CountdownTimer: FC<CountdownTimerProps>;
+export {};

package/dist/src/molecules/dialog/dialog.d.ts

@@ -1,27 +1,26 @@
-import React from 'react';
-import './dialog.css';
-import { Responsive, LiteralUnion, HOCSpacingKeys } from 'src/helpers/hoc-types/entityValueTypes';
-import { Height, Width, BorderRadius } from 'src/helpers/hoc-types/hocBaseUnion';
-export type PinnedType = 'top' | 'center' | 'bottom';
-export type DialogProps = {
-    zIndex?: number;
-    isOpen: boolean;
-    onClose?: () => void;
-    maxWidth?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
-    maxHeight?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
-    bgElementSelector?: string;
-    isFullScreen?: boolean;
-    closeButtonId?: string;
-    insetOverride?: HOCSpacingKeys | string;
-    outsetOverride?: HOCSpacingKeys | string;
-    height?: Height;
-    width?: Width;
-    shouldScroll?: boolean;
-    borderRadius?: BorderRadius;
-    pinned?: PinnedType;
-    backgroundVariant?: 'solid' | 'blur';
-    footer?: React.ReactNode;
-};
-export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & {
-    children: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { Responsive, LiteralUnion, HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
+import { Height, Width, BorderRadius } from "../../helpers/hoc-types/hocBaseUnion";
+export declare type PinnedType = 'top' | 'center' | 'bottom';
+export declare type DialogProps = {
+    zIndex?: number;
+    isOpen: boolean;
+    onClose?: () => void;
+    maxWidth?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
+    maxHeight?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
+    bgElementSelector?: string;
+    isFullScreen?: boolean;
+    closeButtonId?: string;
+    insetOverride?: HOCSpacingKeys | string;
+    outsetOverride?: HOCSpacingKeys | string;
+    height?: Height;
+    width?: Width;
+    shouldScroll?: boolean;
+    borderRadius?: BorderRadius;
+    pinned?: PinnedType;
+    backgroundVariant?: 'solid' | 'blur';
+    footer?: React.ReactNode;
+};
+export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & {
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/src/molecules/dialog/styles.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    dialogContainer: import("@emotion/react").SerializedStyles;
+    closeIconWrapper: import("@emotion/react").SerializedStyles;
+};
+export default _default;

package/dist/src/molecules/displayCard/displayCard.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-export type DisplayCardProps = {
-    title: string;
-    description: string;
-    children?: React.ReactNode;
-};
-export declare const DisplayCard: ({ title, description, children, }: DisplayCardProps) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare type DisplayCardProps = {
+    title: string;
+    description: string;
+    children?: React.ReactNode;
+};
+export declare const DisplayCard: ({ title, description, children, }: DisplayCardProps) => React.JSX.Element;

package/dist/src/molecules/downloadButton/downloadButton.d.ts

@@ -1,8 +1,8 @@
-import { FC } from 'react';
-import { ButtonProps } from 'src/exports/molecules';
-export type DownloadButtonProps = {
-    buttonProps: ButtonProps;
-    href: string;
-    id: string;
-};
-export declare const DownloadButton: FC<DownloadButtonProps>;
+import { FC } from 'react';
+import { ButtonProps } from "../../exports/molecules";
+export declare type DownloadButtonProps = {
+    buttonProps: ButtonProps;
+    href: string;
+    id: string;
+};
+export declare const DownloadButton: FC<DownloadButtonProps>;

package/dist/src/molecules/dragBar/dragBar.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { MotionValue } from 'framer-motion';
-type DragBarProps = {
-    x?: MotionValue;
-    onDragEnd: () => void;
-    dragConstraints?: {
-        left: number;
-        right: number;
-    };
-};
-export declare const DragBar: React.ForwardRefExoticComponent<DragBarProps & React.RefAttributes<HTMLDivElement>>;
-export {};
+import React from 'react';
+import { MotionValue } from 'framer-motion';
+declare type DragBarProps = {
+    x?: MotionValue;
+    onDragEnd: () => void;
+    dragConstraints?: {
+        left: number;
+        right: number;
+    };
+};
+export declare const DragBar: React.ForwardRefExoticComponent<DragBarProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/molecules/dragBar/styles.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    tapBox: import("@emotion/react").SerializedStyles;
+};
+export default _default;

package/dist/src/molecules/dragBox/dragBox.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { MotionValue } from 'framer-motion';
-export type DragBoxProps = {
-    x: MotionValue;
-    onDragEnd: () => void;
-};
-export declare const DragBox: React.ForwardRefExoticComponent<DragBoxProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { MotionValue } from 'framer-motion';
+export declare type DragBoxProps = {
+    x: MotionValue;
+    onDragEnd: () => void;
+};
+export declare const DragBox: React.ForwardRefExoticComponent<DragBoxProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/molecules/dragBox/styles.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    dragBox: import("@emotion/react").SerializedStyles;
+};
+export default _default;