@shiflo/ui 0.1.0 → 0.1.1

package/dist/components/BottomSheet/BottomSheet.d.ts

@@ -1,3 +1,3 @@
 import { BottomSheetProps } from './BottomSheet.typing';
-declare function BottomSheet({ open, onClose, children, transitionDuration, maxWidth, onClick, ref, hideDragHandleBar, hideOverlay, style, dragThreshold, ...props }: BottomSheetProps): import("react").JSX.Element;
+declare function BottomSheet({ open, onClose, children, transitionDuration, maxWidth, onClick, ref, hideDragHandleBar, hideOverlay, style, dragThreshold, ...props }: BottomSheetProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default BottomSheet;

package/dist/components/BottomSheet/BottomSheet.mjs

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as H } from "react/jsx-runtime";
+import { jsx as o, jsxs as H } from "@emotion/react/jsx-runtime";
 import { useState as R, useRef as a, useImperativeHandle as S, useEffect as j } from "react";
 import n from "@emotion/styled";
 import { motion as D } from "motion/react";

package/dist/components/BottomSheet/BottomSheet.typing.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
-import { HTMLMotionProps } from 'motion/react';
 import { UtilityProps } from '../../typings/utility';
+import { HTMLMotionProps } from 'motion/react';
 export interface BottomSheetProps extends PropsWithChildren<HTMLMotionProps<"div"> & Pick<UtilityProps, "css">> {
     open?: boolean;
     onClose?: () => void;

package/dist/components/Box/Box.mjs

@@ -1,4 +1,4 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as c } from "@emotion/react/jsx-runtime";
 import m from "@emotion/styled";
 import a from "../../utils/getUtilityProps.mjs";
 import s from "../../utils/getValueByPath.mjs";

package/dist/components/Box/Box.typing.d.ts

@@ -1,7 +1,7 @@
 import { ElementType, ReactNode } from 'react';
+import { ShifloTheme } from '../../theme/typing';
 import { PolymorphicComponentProps } from '../../typings/component';
 import { RecursionPath, UtilityProps } from '../../typings/utility';
-import { ShifloTheme } from '../../theme/typing';
 export interface BaseBoxProps extends UtilityProps {
     backgroundColor?: RecursionPath<ShifloTheme["palette"]>;
     color?: RecursionPath<ShifloTheme["palette"]> | "inherit";

package/dist/components/Button/Button.d.ts

@@ -1,3 +1,3 @@
 import { ButtonProps } from './Button.typing';
-declare function Button({ ref, children, variant, size, color, startIcon, endIcon, ...props }: ButtonProps): import("react").JSX.Element;
+declare function Button({ ref, children, variant, size, color, startIcon, endIcon, ...props }: ButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default Button;

package/dist/components/Button/Button.mjs

@@ -1,4 +1,4 @@
-import { jsxs as k } from "react/jsx-runtime";
+import { jsxs as k } from "@emotion/react/jsx-runtime";
 import f from "@emotion/styled";
 import { motion as v } from "motion/react";
 const m = f(v.button)`

package/dist/components/Dialog/Dialog.d.ts

@@ -1,3 +1,3 @@
 import { DialogProps } from './Dialog.typing';
-declare function Dialog({ open, onClose, children, transitionDuration, onClick, style, maxWidth, ...props }: DialogProps): import("react").JSX.Element;
+declare function Dialog({ open, onClose, children, transitionDuration, onClick, style, maxWidth, ...props }: DialogProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default Dialog;

package/dist/components/Dialog/Dialog.mjs

@@ -1,4 +1,4 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as m } from "@emotion/react/jsx-runtime";
 import { useState as d, useRef as u, useEffect as h } from "react";
 import g from "@emotion/styled";
 import { motion as y } from "motion/react";

package/dist/components/FPSMonitor/FPSMonitor.d.ts

@@ -1,4 +1,4 @@
-import { FPSMetrics } from './FPSTMonitor.utils';
+import { FPSMetrics } from './FPSMonitor.utils';
 export interface FPSMonitorProps {
     trigger?: boolean;
     duration?: number;
@@ -7,5 +7,5 @@ export interface FPSMonitorProps {
     onComplete?: (metrics: FPSMetrics) => void;
     on60FPSAchieved?: (achieved: boolean) => void;
 }
-declare function FPSMonitor({ trigger, duration, updateInterval, threshold, onComplete, on60FPSAchieved }: FPSMonitorProps): import("react").JSX.Element;
+declare function FPSMonitor({ trigger, duration, updateInterval, threshold, onComplete, on60FPSAchieved }: FPSMonitorProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default FPSMonitor;

package/dist/components/FPSMonitor/FPSMonitor.mjs

@@ -1,9 +1,9 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { jsxs as t, jsx as r } from "@emotion/react/jsx-runtime";
 import { useState as P, useRef as k, useEffect as A } from "react";
 import { useTheme as E } from "@emotion/react";
 import { motion as u, AnimatePresence as C } from "motion/react";
 import s from "../Box/Box.mjs";
-import { FPSChecker as I } from "./FPSTMonitor.utils.mjs";
+import { FPSChecker as I } from "./FPSMonitor.utils.mjs";
 import e from "../Typography/Typography.mjs";
 function J({
   trigger: R = !1,

package/dist/components/Icon/Icon.d.ts

@@ -1,3 +1,3 @@
 import { IconProps } from './Icon.typing';
-declare function Icon({ ref, name, width, height, ...props }: IconProps): import("react").JSX.Element[] | null | undefined;
+declare function Icon({ ref, name, width, height, ...props }: IconProps): import("@emotion/react/jsx-runtime").JSX.Element[] | null | undefined;
 export default Icon;

package/dist/components/Icon/Icon.mjs

@@ -1,4 +1,4 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as m } from "@emotion/react/jsx-runtime";
 import { Children as p, isValidElement as l } from "react";
 import { S as a } from "../../assets/icons/index.ts-Bfm0GTNS.js";
 import c from "@emotion/styled";

package/dist/components/Icon/Icon.typing.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithRef } from 'react';
-import { RecursionPath } from '../../typings/utility';
 import { ShifloTheme } from '../../theme/typing';
+import { RecursionPath } from '../../typings/utility';
 import type * as Svgs from "../../assets/icons";
 export interface BaseIconProps {
     name: keyof typeof Svgs;

package/dist/components/Overlay/Overlay.mjs

@@ -1,4 +1,4 @@
-import { jsxs as x, jsx as f } from "react/jsx-runtime";
+import { jsxs as x, jsx as f } from "@emotion/react/jsx-runtime";
 import { useState as m, useRef as E, useImperativeHandle as I, useLayoutEffect as C, useEffect as w } from "react";
 import { createPortal as L } from "react-dom";
 import { useTheme as A } from "@emotion/react";

package/dist/components/Snackbar/Snackbar.mjs

@@ -1,4 +1,4 @@
-import { jsxs as E, jsx as c } from "react/jsx-runtime";
+import { jsxs as E, jsx as c } from "@emotion/react/jsx-runtime";
 import { useState as y, useRef as b, useImperativeHandle as z, useLayoutEffect as A, useEffect as g } from "react";
 import { createPortal as I } from "react-dom";
 import i from "@emotion/styled";

package/dist/components/Switch/Switch.d.ts

@@ -1,3 +1,3 @@
 import { SwitchProps } from './Switch.typing';
-declare function Switch({ checked, disabled, size, onChange, onClick, ...props }: SwitchProps): import("react").JSX.Element;
+declare function Switch({ checked, disabled, size, onChange, onClick, ...props }: SwitchProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default Switch;

package/dist/components/Switch/Switch.mjs

@@ -1,4 +1,4 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as n } from "@emotion/react/jsx-runtime";
 import s from "@emotion/styled";
 import { motion as l } from "motion/react";
 const d = s(l.button)`

package/dist/components/Tag/Tag.d.ts

@@ -1,3 +1,3 @@
 import { TagProps } from './Tag.typing';
-declare function Tag(props: TagProps): import("react").JSX.Element;
+declare function Tag(props: TagProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default Tag;

package/dist/components/Tag/Tag.mjs

@@ -1,4 +1,4 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as l } from "@emotion/react/jsx-runtime";
 import g from "@emotion/styled";
 import { motion as b } from "motion/react";
 const k = g(b.span)`

package/dist/components/Tag/Tag.typing.d.ts

@@ -1,4 +1,5 @@
+import { UtilityProps } from '../../typings/utility';
 import { HTMLMotionProps } from 'motion/react';
-export interface TagProps extends HTMLMotionProps<"span"> {
+export interface TagProps extends HTMLMotionProps<"span">, Pick<UtilityProps, "css"> {
     color?: "primary" | "warning" | "error" | "info" | "success";
 }

package/dist/components/TextField/TextField.d.ts

@@ -1,3 +1,3 @@
 import { TextFieldProps } from './TextField.typing';
-declare function TextField({ variant, size, fullWidth, disabled, startIcon, endIcon, onFocus, onBlur, ...props }: TextFieldProps): import("react").JSX.Element;
+declare function TextField({ variant, size, fullWidth, disabled, startIcon, endIcon, onFocus, onBlur, ...props }: TextFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default TextField;

package/dist/components/TextField/TextField.mjs

@@ -1,4 +1,4 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { jsxs as m, jsx as a } from "@emotion/react/jsx-runtime";
 import { useState as p } from "react";
 import l from "@emotion/styled";
 import { motion as c } from "motion/react";

package/dist/components/Typography/Typography.mjs

@@ -1,4 +1,4 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as c } from "@emotion/react/jsx-runtime";
 import f from "@emotion/styled";
 import { motion as y } from "motion/react";
 import d from "../../utils/getUtilityProps.mjs";

package/dist/components/Typography/Typography.typing.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, ElementType } from 'react';
+import { ShifloTheme } from '../../theme/typing';
 import { PolymorphicComponentProps } from '../../typings/component';
 import { UtilityProps, RecursionPath } from '../../typings/utility';
-import { ShifloTheme } from '../../theme/typing';
 export interface BaseTypographyProps extends UtilityProps {
     variant?: keyof ShifloTheme["typography"];
     fontWeight?: 400 | 500 | 700;

package/dist/theme/GlobalStyle.d.ts

@@ -1,2 +1,2 @@
-declare function GlobalStyle(): import("react").JSX.Element;
+declare function GlobalStyle(): import("@emotion/react/jsx-runtime").JSX.Element;
 export default GlobalStyle;

package/dist/theme/GlobalStyle.mjs

@@ -1,4 +1,4 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as t } from "@emotion/react/jsx-runtime";
 import { useTheme as a, Global as r } from "@emotion/react";
 function l() {
   const {

package/dist/theme/ThemeProvider.d.ts

@@ -2,5 +2,5 @@ import { PropsWithChildren } from 'react';
 interface ThemeProviderProps {
     theme: "light" | "dark";
 }
-declare function ThemeProvider({ children, theme }: PropsWithChildren<ThemeProviderProps>): import("react").JSX.Element;
+declare function ThemeProvider({ children, theme }: PropsWithChildren<ThemeProviderProps>): import("@emotion/react/jsx-runtime").JSX.Element;
 export default ThemeProvider;

package/dist/theme/ThemeProvider.mjs

@@ -1,4 +1,4 @@
-import { jsxs as o, jsx as m } from "react/jsx-runtime";
+import { jsxs as o, jsx as m } from "@emotion/react/jsx-runtime";
 import { ThemeProvider as t } from "@emotion/react";
 import i from "./dark.mjs";
 import h from "./GlobalStyle.mjs";

package/dist/typings/utility.d.ts

@@ -1,6 +1,6 @@
+import { Interpolation } from '@emotion/serialize';
 import { default as radius } from '../theme/radius';
 import { default as spacing } from '../theme/spacing';
-import { Interpolation } from '@emotion/serialize';
 import { ShifloTheme } from '../theme/typing';
 import { Properties } from 'csstype';
 export type UtilityProps = Partial<Pick<Properties, "display" | "alignItems" | "justifyContent" | "flex" | "flexWrap" | "flexDirection" | "flexGrow" | "flexFlow" | "flexBasis" | "flexShrink" | "border" | "borderTop" | "borderBottom" | "borderRight" | "borderLeft"> & Record<"m" | "mt" | "mb" | "mr" | "ml" | "p" | "pt" | "pb" | "pl" | "pr" | "gap", keyof typeof spacing> & Record<"br" | "brtl" | "brtr" | "brml" | "brmr", keyof typeof radius>> & {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shiflo/ui",
   "description": "Shiflo React UI Components",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "files": [
     "dist"
@@ -59,6 +59,7 @@
     "@storybook/addon-docs": "^9.1.7",
     "@storybook/addon-onboarding": "^9.1.7",
     "@storybook/react-vite": "^9.1.7",
+    "@types/node": "^24.5.2",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
     "@vitejs/plugin-react-swc": "^4.1.0",