@purr-react-styled-components/components.divider 0.0.3 → 0.0.5

package/dist/index.cjs

@@ -1 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),c=require("clsx"),r=require("styled-components"),u=({$width:e="100%"})=>r.css(["width:",";"],typeof e=="number"?`${e}px`:e),y=({$height:e=1})=>r.css(["height:",";"],typeof e=="number"?`${e}px`:e),l=({$borderRadius:e=0})=>r.css(["border-radius:",";"],typeof e=="number"?`${e}px`:e),a=({$color:e="inherit"})=>r.css(["background-color:",";"],e),p={Container:r.div.withConfig({displayName:"_style__Container",componentId:"sc-1p7mpoe-0"})(["",";",";",";",";"],u,y,l,a)},f=({width:e="100%",height:i=1,className:o,borderRadius:t=0,htmlAttributes:n,color:s="inherit"})=>d.jsx(p.Container,{...n,$color:s,$width:e,$height:i,$borderRadius:t,className:c("divider",`divider__width--${e}`,`divider__height--${i}`,`divider__borderRadius--${t}`,o)});exports.Divider=f;
+'use strict';var v=require('clsx'),c=require('react'),s=require('styled-components');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var v__default=/*#__PURE__*/_interopDefault(v);var c__default=/*#__PURE__*/_interopDefault(c);var s__default=/*#__PURE__*/_interopDefault(s);var m=({$width:r="100%"})=>s.css`
+    width: ${typeof r=="number"?`${r}px`:r};
+  `,y=({$height:r=1})=>s.css`
+    height: ${typeof r=="number"?`${r}px`:r};
+  `,f=({$borderRadius:r=0})=>s.css`
+    border-radius: ${typeof r=="number"?`${r}px`:r};
+  `,l=({$color:r="inherit"})=>s.css`
+    background-color: ${r};
+  `,t={Container:s__default.default.div`
+    ${m};
+    ${y};
+    ${f};
+    ${l};
+  `};var P=({width:r="100%",height:i=1,className:d,borderRadius:e=0,htmlAttributes:p,color:n="inherit"})=>c__default.default.createElement(t.Container,{...p,$color:n,$width:r,$height:i,$borderRadius:e,className:v__default.default("divider",`divider__width--${r}`,`divider__height--${i}`,`divider__borderRadius--${e}`,d)});exports.Divider=P;

package/dist/{_types.d.ts → index.d.cts}

@@ -1,7 +1,7 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 import { IExtendable } from '@purr-core/utils.definitions';
 
-export interface IDividerProps extends HTMLAttributes<HTMLElement> {
+interface IDividerProps extends HTMLAttributes<HTMLElement> {
     className?: string;
     width?: number | string;
     height?: number | string;
@@ -9,9 +9,13 @@ export interface IDividerProps extends HTMLAttributes<HTMLElement> {
     borderRadius?: number | string;
     htmlAttributes?: HTMLAttributes<HTMLElement> & IExtendable;
 }
-export interface IStyledDividerProps extends HTMLAttributes<HTMLElement>, IExtendable {
+interface IStyledDividerProps extends HTMLAttributes<HTMLElement>, IExtendable {
     $width?: number | string;
     $height?: number | string;
     $borderRadius?: number | string;
     $color?: string;
 }
+
+declare const Divider: ({ width, height, className, borderRadius, htmlAttributes, color, }: IDividerProps) => React.JSX.Element;
+
+export { Divider, type IDividerProps, type IStyledDividerProps };

package/dist/index.d.ts

@@ -1,2 +1,21 @@
-export * from './_components';
-export * from './_types';
+import React, { HTMLAttributes } from 'react';
+import { IExtendable } from '@purr-core/utils.definitions';
+
+interface IDividerProps extends HTMLAttributes<HTMLElement> {
+    className?: string;
+    width?: number | string;
+    height?: number | string;
+    color?: string;
+    borderRadius?: number | string;
+    htmlAttributes?: HTMLAttributes<HTMLElement> & IExtendable;
+}
+interface IStyledDividerProps extends HTMLAttributes<HTMLElement>, IExtendable {
+    $width?: number | string;
+    $height?: number | string;
+    $borderRadius?: number | string;
+    $color?: string;
+}
+
+declare const Divider: ({ width, height, className, borderRadius, htmlAttributes, color, }: IDividerProps) => React.JSX.Element;
+
+export { Divider, type IDividerProps, type IStyledDividerProps };

package/dist/index.js

@@ -1,27 +1,14 @@
-import { jsx as s } from "react/jsx-runtime";
-import c from "clsx";
-import p, { css as o } from "styled-components";
-const m = ({
-  $width: r = "100%"
-}) => o(["width:", ";"], typeof r == "number" ? `${r}px` : r), f = ({
-  $height: r = 1
-}) => o(["height:", ";"], typeof r == "number" ? `${r}px` : r), y = ({
-  $borderRadius: r = 0
-}) => o(["border-radius:", ";"], typeof r == "number" ? `${r}px` : r), u = ({
-  $color: r = "inherit"
-}) => o(["background-color:", ";"], r), a = {
-  Container: p.div.withConfig({
-    displayName: "_style__Container",
-    componentId: "sc-1p7mpoe-0"
-  })(["", ";", ";", ";", ";"], m, f, y, u)
-}, v = ({
-  width: r = "100%",
-  height: e = 1,
-  className: t,
-  borderRadius: i = 0,
-  htmlAttributes: n,
-  color: d = "inherit"
-}) => /* @__PURE__ */ s(a.Container, { ...n, $color: d, $width: r, $height: e, $borderRadius: i, className: c("divider", `divider__width--${r}`, `divider__height--${e}`, `divider__borderRadius--${i}`, t) });
-export {
-  v as Divider
-};
+import v from'clsx';import c from'react';import s,{css}from'styled-components';var m=({$width:r="100%"})=>css`
+    width: ${typeof r=="number"?`${r}px`:r};
+  `,y=({$height:r=1})=>css`
+    height: ${typeof r=="number"?`${r}px`:r};
+  `,f=({$borderRadius:r=0})=>css`
+    border-radius: ${typeof r=="number"?`${r}px`:r};
+  `,l=({$color:r="inherit"})=>css`
+    background-color: ${r};
+  `,t={Container:s.div`
+    ${m};
+    ${y};
+    ${f};
+    ${l};
+  `};var P=({width:r="100%",height:i=1,className:d,borderRadius:e=0,htmlAttributes:p,color:n="inherit"})=>c.createElement(t.Container,{...p,$color:n,$width:r,$height:i,$borderRadius:e,className:v("divider",`divider__width--${r}`,`divider__height--${i}`,`divider__borderRadius--${e}`,d)});export{P as Divider};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-react-styled-components/components.divider",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -25,7 +25,7 @@
     "react": "*",
     "styled-components": "*",
     "clsx": "*",
-    "@purr-core/utils.definitions": "0.0.10"
+    "@purr-core/utils.definitions": "0.0.12"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",
@@ -34,6 +34,8 @@
   "scripts": {
     "dev": "vite build --watch",
     "build": "tsc && vite build",
+    "build:vite": "tsc && vite build",
+    "build:tsup": "tsup",
     "lint": "eslint . --ext ts,tsx --max-warnings 0"
   }
 }

package/dist/_components.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { IDividerProps } from './_types';
-
-export declare const Divider: ({ width, height, className, borderRadius, htmlAttributes, color, }: IDividerProps) => React.JSX.Element;

package/dist/_style.d.ts

@@ -1,5 +0,0 @@
-import { IStyledDividerProps } from './_types';
-
-export declare const Styled: {
-    Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IStyledDividerProps>> & string;
-};