@shiflo/ui 0.0.3 → 0.0.4

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

@@ -1,4 +1,4 @@
 import { default as Box } from './Box';
-import { BoxProps } from './Box.typing';
-export type { BoxProps };
+import { BaseBoxProps, BoxProps } from './Box.typing';
+export type { BaseBoxProps, BoxProps };
 export default Box;

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

@@ -1,5 +1,6 @@
 import { ComponentPropsWithRef, ReactNode } from 'react';
-export interface BaseButtonProps extends ComponentPropsWithRef<"button"> {
+import { UtilityProps } from '../../typings/utility';
+export interface BaseButtonProps extends Pick<UtilityProps, "css"> {
     size?: "xSmall" | "small" | "medium" | "large";
     startIcon?: ReactNode;
     endIcon?: ReactNode;
@@ -16,4 +17,4 @@ export interface TextButtonProps extends BaseButtonProps {
     variant?: "text";
     color?: "secondary";
 }
-export type ButtonProps = FilledButtonProps | GhostButtonProps | TextButtonProps;
+export type ButtonProps = (FilledButtonProps | GhostButtonProps | TextButtonProps) & ComponentPropsWithRef<"button">;

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

@@ -1,4 +1,4 @@
 import { default as Button } from './Button';
-import { ButtonProps } from './Button.typing';
-export type { ButtonProps };
+import { BaseButtonProps, ButtonProps } from './Button.typing';
+export type { BaseButtonProps, ButtonProps };
 export default Button;

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

@@ -1,8 +1,9 @@
 import { ComponentPropsWithRef } from 'react';
-import { RecursionPath } from '../../typings/utility';
+import { RecursionPath, UtilityProps } from '../../typings/utility';
 import { BasicTheme } from 'basic-styled';
 import type * as Svgs from "../../assets/icons";
-export interface IconProps extends Omit<ComponentPropsWithRef<"svg">, "children"> {
+export interface BaseIconProps extends Pick<UtilityProps, "css"> {
     name: keyof typeof Svgs;
     color?: RecursionPath<BasicTheme["palette"]> | "inherit";
 }
+export type IconProps = BaseIconProps & Omit<ComponentPropsWithRef<"svg">, "children">;

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

@@ -1,4 +1,4 @@
 import { default as Icon } from './Icon';
-import { IconProps } from './Icon.typing';
-export type { IconProps };
+import { BaseIconProps, IconProps } from './Icon.typing';
+export type { BaseIconProps, IconProps };
 export default Icon;

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

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

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

@@ -1,4 +1,4 @@
 import { default as Typography } from './Typography';
-import { TypographyProps } from './Typography.typing';
-export type { TypographyProps };
+import { BaseTypographyProps, TypographyProps } from './Typography.typing';
+export type { BaseTypographyProps, TypographyProps };
 export default Typography;

package/dist/theme/ThemeProvider.mjs

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import m from "basic-styled/setup/createBuilder";
 import i from "basic-styled/setup/ResetStyle";
-import f from "/Users/x/WebstormProjects/shiflo-ui/node_modules/.pnpm/basic-styled@0.1.8_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/basic-styled/dist/setup/ThemeProvider.mjs";
+import f from "basic-styled/setup/ThemeProvider";
 import l from "./dark.mjs";
 import p from "./GlobalStyle.mjs";
 import h from "./light.mjs";

package/dist/typings/utility.d.ts

@@ -1,7 +1,10 @@
+import { CSS } from 'basic-styled/core/typing';
 import { default as radius } from '../theme/radius';
 import { default as spacing } from '../theme/spacing';
 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>>;
+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>> & {
+    css?: CSS;
+};
 export type RecursionPath<T, Prefix extends string = ""> = Exclude<{
     [K in keyof T & (string | number)]: T[K] extends object ? `${Prefix}${K}` | RecursionPath<T[K], `${Prefix}${K}.`> : `${Prefix}${K}`;
 }[keyof T & (string | number)], "primary" | "secondary">;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shiflo/ui",
   "description": "Shiflo React UI Components",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "module",
   "files": [
     "dist"
@@ -85,7 +85,7 @@
     "vite-plugin-svgr": "^4.3.0"
   },
   "peerDependencies": {
-    "basic-styled": ">=0.1.8",
+    "basic-styled": ">=0.1.10",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },

package/dist/typings/component.mjs

@@ -1 +0,0 @@
-

package/dist/typings/utility.mjs

@@ -1 +0,0 @@
-