@cocso-ui/react 0.0.0 → 0.0.1-beta.2

package/lib/components/Body/Body.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+type BodyElement = 'p' | 'a' | 'span' | 'div' | 'label' | 'li' | 'td' | 'th' | 'figcaption' | 'blockquote' | 'cite';
+export type BodyProps<T extends React.ElementType = 'p'> = {
+    as?: T & BodyElement;
+    size?: 'lg' | 'md' | 'sm' | 'xs';
+    color?: string;
+    fontWeight?: 'normal' | 'bold';
+} & Omit<React.ComponentPropsWithoutRef<T>, 'size' | 'color' | 'fontWeight'>;
+export declare const Body: React.ForwardRefExoticComponent<{
+    as?: BodyElement | undefined;
+    size?: "lg" | "md" | "sm" | "xs";
+    color?: string;
+    fontWeight?: "normal" | "bold";
+} & Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> | Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> | Omit<React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> | Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> | Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> | Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> | Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> | Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> | Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> | Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "size" | "color" | "fontWeight"> & React.RefAttributes<HTMLElement>>;
+export {};

package/lib/components/Body/index.d.ts

@@ -0,0 +1 @@
+export * from './Body';

package/lib/components/Display/Display.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export type DisplayProps = {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    size?: 'lg' | 'md' | 'sm';
+    color?: string;
+} & React.HTMLAttributes<HTMLHeadingElement>;
+export declare const Display: React.ForwardRefExoticComponent<{
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    size?: "lg" | "md" | "sm";
+    color?: string;
+} & React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;

package/lib/components/Display/index.d.ts

@@ -0,0 +1 @@
+export * from './Display';

package/lib/components/Heading/Heading.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export type HeadingProps = {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    size?: 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
+    color?: string;
+} & React.HTMLAttributes<HTMLHeadingElement>;
+export declare const Heading: React.ForwardRefExoticComponent<{
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    size?: "xl" | "lg" | "md" | "sm" | "xs" | "2xs";
+    color?: string;
+} & React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;

package/lib/components/Heading/index.d.ts

@@ -0,0 +1 @@
+export * from './Heading';

package/lib/index.cjs

@@ -1 +1 @@
-"use strict";var n=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var r=Object.prototype.hasOwnProperty;var g=(t,e)=>{for(var o in e)n(t,o,{get:e[o],enumerable:!0})},c=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of d(e))!r.call(t,s)&&s!==o&&n(t,s,{get:()=>e[s],enumerable:!(a=m(e,s))||a.enumerable});return t};var h=t=>c(n({},"__esModule",{value:!0}),t);var p={};g(p,{Heading:()=>x});module.exports=h(p);var l=require("react/jsx-runtime"),x=({size:t="md",color:e="gray-90",children:o,className:a="",...s})=>{let i={lg:"text-heading-l-mobile sm:text-heading-l",md:"text-heading-m-mobile sm:text-heading-m",sm:"text-heading-s-mobile sm:text-heading-s"}[t];return(0,l.jsx)("h2",{className:`${i} font-bold  ${a}`,...s,children:o})};
+"use strict";var v=Object.create;var d=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var L=(t,o)=>{for(var r in o)d(t,r,{get:o[r],enumerable:!0})},c=(t,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of N(o))!B.call(t,a)&&a!==r&&d(t,a,{get:()=>o[a],enumerable:!(n=$(o,a))||n.enumerable});return t};var m=(t,o,r)=>(r=t!=null?v(W(t)):{},c(o||!t||!t.__esModule?d(r,"default",{value:t,enumerable:!0}):r,t)),M=t=>c(d({},"__esModule",{value:!0}),t);var A={};L(A,{Body:()=>x,Display:()=>P,Heading:()=>E,Primitive:()=>S,createPrimitive:()=>e});module.exports=M(A);var f=require("@radix-ui/react-slot"),h=m(require("react"),1),y=require("react/jsx-runtime");function e(t){let o=h.forwardRef((r,n)=>{let{asChild:a,...i}=r;return(0,y.jsx)(a?f.Slot:t,{...i,ref:n})});return o.displayName=`Primitive.${t}`,o}var S={div:e("div"),span:e("span"),button:e("button"),input:e("input"),form:e("form"),label:e("label"),p:e("p"),h1:e("h1"),h2:e("h2"),h3:e("h3"),h4:e("h4"),h5:e("h5"),h6:e("h6"),section:e("section"),article:e("article"),header:e("header"),footer:e("footer"),main:e("main"),nav:e("nav"),aside:e("aside"),ul:e("ul"),ol:e("ol"),li:e("li"),img:e("img"),a:e("a"),strong:e("strong"),em:e("em"),small:e("small"),table:e("table"),thead:e("thead"),tbody:e("tbody"),tr:e("tr"),td:e("td"),th:e("th")};var R=m(require("react"),1),u=require("react/jsx-runtime");function w(t){if(t)return`var(--color-${t.replace(".","-")})`}var x=R.forwardRef(({as:t="p",size:o="md",color:r="",fontWeight:n="normal",style:a,className:i,...s},p)=>{let l=t,T=`text-body text-body-${o}${n==="bold"?"-bold":""} ${i}`;return(0,u.jsx)(l,{ref:p,className:T,style:{"--text-color":w(r),...a},...s})});x.displayName="Body";var g=m(require("react"),1),b=require("react/jsx-runtime");function z(t){if(t)return`var(--color-${t.replace(".","-")})`}var P=g.forwardRef(({as:t="h1",size:o="md",color:r="",style:n,className:a,...i},s)=>{let p=t,l=`text-display text-display-${o} ${a}`;return(0,b.jsx)(p,{ref:s,className:l,style:{"--text-color":z(r),...n},...i})});P.displayName="Display";var C=m(require("react"),1),H=require("react/jsx-runtime");function D(t){if(t)return`var(--color-${t.replace(".","-")})`}var E=C.forwardRef(({as:t="h2",size:o="md",color:r="",style:n,className:a,...i},s)=>{let p=t,l=`text-heading text-heading-${o} ${a}`;return(0,H.jsx)(p,{ref:s,className:l,style:{"--text-color":D(r),...n},...i})});E.displayName="Heading";

package/lib/index.d.ts

@@ -1 +1,4 @@
-export * from './components/heading';
+export * from './primitive';
+export * from './components/Body';
+export * from './components/Display';
+export * from './components/Heading';

package/lib/index.js

@@ -1 +1 @@
-import{jsx as n}from"react/jsx-runtime";var d=({size:e="md",color:l="gray-90",children:t,className:s="",...o})=>{let a={lg:"text-heading-l-mobile sm:text-heading-l",md:"text-heading-m-mobile sm:text-heading-m",sm:"text-heading-s-mobile sm:text-heading-s"}[e];return n("h2",{className:`${a} font-bold  ${s}`,...o,children:t})};export{d as Heading};
+import{Slot as y}from"@radix-ui/react-slot";import*as d from"react";import{jsx as R}from"react/jsx-runtime";function e(t){let o=d.forwardRef((r,a)=>{let{asChild:n,...i}=r;return R(n?y:t,{...i,ref:a})});return o.displayName=`Primitive.${t}`,o}var $={div:e("div"),span:e("span"),button:e("button"),input:e("input"),form:e("form"),label:e("label"),p:e("p"),h1:e("h1"),h2:e("h2"),h3:e("h3"),h4:e("h4"),h5:e("h5"),h6:e("h6"),section:e("section"),article:e("article"),header:e("header"),footer:e("footer"),main:e("main"),nav:e("nav"),aside:e("aside"),ul:e("ul"),ol:e("ol"),li:e("li"),img:e("img"),a:e("a"),strong:e("strong"),em:e("em"),small:e("small"),table:e("table"),thead:e("thead"),tbody:e("tbody"),tr:e("tr"),td:e("td"),th:e("th")};import*as m from"react";import{jsx as g}from"react/jsx-runtime";function x(t){if(t)return`var(--color-${t.replace(".","-")})`}var u=m.forwardRef(({as:t="p",size:o="md",color:r="",fontWeight:a="normal",style:n,className:i,...s},p)=>{let l=t,h=`text-body text-body-${o}${a==="bold"?"-bold":""} ${i}`;return g(l,{ref:p,className:h,style:{"--text-color":x(r),...n},...s})});u.displayName="Body";import*as c from"react";import{jsx as C}from"react/jsx-runtime";function P(t){if(t)return`var(--color-${t.replace(".","-")})`}var b=c.forwardRef(({as:t="h1",size:o="md",color:r="",style:a,className:n,...i},s)=>{let p=t,l=`text-display text-display-${o} ${n}`;return C(p,{ref:s,className:l,style:{"--text-color":P(r),...a},...i})});b.displayName="Display";import*as f from"react";import{jsx as T}from"react/jsx-runtime";function E(t){if(t)return`var(--color-${t.replace(".","-")})`}var H=f.forwardRef(({as:t="h2",size:o="md",color:r="",style:a,className:n,...i},s)=>{let p=t,l=`text-heading text-heading-${o} ${n}`;return T(p,{ref:s,className:l,style:{"--text-color":E(r),...a},...i})});H.displayName="Heading";export{u as Body,b as Display,H as Heading,$ as Primitive,e as createPrimitive};

package/lib/primitive/index.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+export interface PrimitiveProps {
+    asChild?: boolean;
+}
+type PropsWithRef<E extends React.ElementType> = React.ComponentPropsWithRef<E> & PrimitiveProps;
+declare function createPrimitive<E extends React.ElementType>(element: E): React.ForwardRefExoticComponent<PropsWithRef<E>>;
+declare const Primitive: {
+    div: React.ForwardRefExoticComponent<PropsWithRef<"div">>;
+    span: React.ForwardRefExoticComponent<PropsWithRef<"span">>;
+    button: React.ForwardRefExoticComponent<PropsWithRef<"button">>;
+    input: React.ForwardRefExoticComponent<PropsWithRef<"input">>;
+    form: React.ForwardRefExoticComponent<PropsWithRef<"form">>;
+    label: React.ForwardRefExoticComponent<PropsWithRef<"label">>;
+    p: React.ForwardRefExoticComponent<PropsWithRef<"p">>;
+    h1: React.ForwardRefExoticComponent<PropsWithRef<"h1">>;
+    h2: React.ForwardRefExoticComponent<PropsWithRef<"h2">>;
+    h3: React.ForwardRefExoticComponent<PropsWithRef<"h3">>;
+    h4: React.ForwardRefExoticComponent<PropsWithRef<"h4">>;
+    h5: React.ForwardRefExoticComponent<PropsWithRef<"h5">>;
+    h6: React.ForwardRefExoticComponent<PropsWithRef<"h6">>;
+    section: React.ForwardRefExoticComponent<PropsWithRef<"section">>;
+    article: React.ForwardRefExoticComponent<PropsWithRef<"article">>;
+    header: React.ForwardRefExoticComponent<PropsWithRef<"header">>;
+    footer: React.ForwardRefExoticComponent<PropsWithRef<"footer">>;
+    main: React.ForwardRefExoticComponent<PropsWithRef<"main">>;
+    nav: React.ForwardRefExoticComponent<PropsWithRef<"nav">>;
+    aside: React.ForwardRefExoticComponent<PropsWithRef<"aside">>;
+    ul: React.ForwardRefExoticComponent<PropsWithRef<"ul">>;
+    ol: React.ForwardRefExoticComponent<PropsWithRef<"ol">>;
+    li: React.ForwardRefExoticComponent<PropsWithRef<"li">>;
+    img: React.ForwardRefExoticComponent<PropsWithRef<"img">>;
+    a: React.ForwardRefExoticComponent<PropsWithRef<"a">>;
+    strong: React.ForwardRefExoticComponent<PropsWithRef<"strong">>;
+    em: React.ForwardRefExoticComponent<PropsWithRef<"em">>;
+    small: React.ForwardRefExoticComponent<PropsWithRef<"small">>;
+    table: React.ForwardRefExoticComponent<PropsWithRef<"table">>;
+    thead: React.ForwardRefExoticComponent<PropsWithRef<"thead">>;
+    tbody: React.ForwardRefExoticComponent<PropsWithRef<"tbody">>;
+    tr: React.ForwardRefExoticComponent<PropsWithRef<"tr">>;
+    td: React.ForwardRefExoticComponent<PropsWithRef<"td">>;
+    th: React.ForwardRefExoticComponent<PropsWithRef<"th">>;
+};
+export { createPrimitive, Primitive };
+export type { PropsWithRef };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocso-ui/react",
-  "version": "0.0.0",
+  "version": "0.0.1-beta.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cocso/cocso-ui.git",

package/lib/components/heading.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-export type HeadingProps<E extends React.ElementType> = {
-    size?: 'lg' | 'md' | 'sm';
-    color?: string;
-    children: React.ReactNode;
-    className?: string;
-} & React.ComponentPropsWithoutRef<E>;
-export declare const Heading: <E extends React.ElementType = "h2">({ size, color, children, className, ...props }: HeadingProps<E>) => import("react/jsx-runtime").JSX.Element;