@purr-react-styled-components/components.divider 0.0.2

package/dist/_components.d.ts

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

@@ -0,0 +1,5 @@
+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;
+};

package/dist/_types.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+import { IExtendable } from '@purr-core/utils.definitions';
+
+export interface IDividerProps extends HTMLAttributes<HTMLElement> {
+    className?: string;
+    width?: number | string;
+    height?: number | string;
+    color?: string;
+    borderRadius?: number | string;
+    htmlAttributes?: HTMLAttributes<HTMLElement> & IExtendable;
+}
+export interface IStyledDividerProps extends HTMLAttributes<HTMLElement>, IExtendable {
+    $width?: number | string;
+    $height?: number | string;
+    $borderRadius?: number | string;
+    $color?: string;
+}

package/dist/index.cjs

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

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './_components';
+export * from './_types';

package/dist/index.js

@@ -0,0 +1,27 @@
+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
+};

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@purr-react-styled-components/components.divider",
+  "version": "0.0.2",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "typescript": "*",
+    "react": "*",
+    "styled-components": "*",
+    "clsx": "*",
+    "@purr-core/utils.definitions": "0.0.9"
+  },
+  "author": "@DinhThienPhuc",
+  "license": "ISC",
+  "description": "",
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --max-warnings 0"
+  }
+}