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

package/dist/index.cjs

@@ -0,0 +1,14 @@
+'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/index.d.cts

@@ -0,0 +1,21 @@
+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.d.ts

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,14 @@
+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.4",
+  "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.11"
+    "@purr-core/utils.definitions": "0.0.12"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",