@cocso-ui/react 0.0.1-beta.4 → 0.0.1-beta.6

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

@@ -6,8 +6,9 @@ export type BodyProps<T extends BodyElement = 'p'> = {
     color?: string;
     fontWeight?: 'normal' | 'bold';
 } & Omit<React.ComponentPropsWithoutRef<T>, 'size' | 'color' | 'fontWeight'>;
-type BodyComponent = <T extends BodyElement = 'p'>(props: BodyProps<T> & React.RefAttributes<React.ComponentRef<T>>) => React.ReactElement;
-export declare const Body: BodyComponent & {
-    displayName?: string;
+export declare const Body: (<T extends BodyElement = "p">(props: BodyProps<T> & {
+    ref?: React.ForwardedRef<React.ComponentRef<T>>;
+}) => React.ReactElement) & {
+    displayName: string;
 };
 export {};

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

@@ -5,9 +5,9 @@ export type DisplayProps<T extends DisplayElement = 'h1'> = {
     size?: 'lg' | 'md' | 'sm';
     color?: string;
 } & Omit<React.ComponentPropsWithoutRef<T>, 'size' | 'color'>;
-export declare const Display: React.ForwardRefExoticComponent<{
-    as?: DisplayElement | undefined;
-    size?: "lg" | "md" | "sm";
-    color?: string;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "size" | "color"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Display: (<T extends DisplayElement = "h1">(props: DisplayProps<T> & {
+    ref?: React.ForwardedRef<React.ComponentRef<T>>;
+}) => React.ReactElement) & {
+    displayName: string;
+};
 export {};

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

@@ -5,9 +5,9 @@ export type HeadingProps<T extends HeadingElement = 'h2'> = {
     size?: 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
     color?: string;
 } & Omit<React.ComponentPropsWithoutRef<T>, 'size' | 'color'>;
-export declare const Heading: React.ForwardRefExoticComponent<{
-    as?: HeadingElement | undefined;
-    size?: "xl" | "lg" | "md" | "sm" | "xs" | "2xs";
-    color?: string;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "size" | "color"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Heading: (<T extends HeadingElement = "h2">(props: HeadingProps<T> & {
+    ref?: React.ForwardedRef<React.ComponentRef<T>>;
+}) => React.ReactElement) & {
+    displayName: string;
+};
 export {};

package/lib/index.cjs

@@ -1 +1 @@
-"use strict";var B=Object.create;var m=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var H=(t,o)=>{for(var r in o)m(t,r,{get:o[r],enumerable:!0})},c=(t,o,r,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of W(o))!D.call(t,n)&&n!==r&&m(t,n,{get:()=>o[n],enumerable:!(a=N(o,n))||a.enumerable});return t};var d=(t,o,r)=>(r=t!=null?B($(t)):{},c(o||!t||!t.__esModule?m(r,"default",{value:t,enumerable:!0}):r,t)),w=t=>c(m({},"__esModule",{value:!0}),t);var q={};H(q,{Body:()=>x,Display:()=>g,Heading:()=>T,Primitive:()=>S,createPrimitive:()=>e});module.exports=w(q);var f=require("@radix-ui/react-slot"),h=d(require("react"),1),R=require("react/jsx-runtime");function e(t){let o=h.forwardRef((r,a)=>{let{asChild:n,...s}=r;return(0,R.jsx)(n?f.Slot:t,{...s,ref:a})});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 y=d(require("react"),1),C=require("react/jsx-runtime");function z(t){if(t)return`var(--color-${t.replace(".","-")})`}var F=({as:t="p",size:o="md",color:r="",fontWeight:a="normal",style:n,className:s,...i},p)=>{let l=t,v=`text-body text-body-${o}${a==="bold"?"-bold":""} ${s}`;return(0,C.jsx)(l,{ref:p,className:v,style:{"--text-color":z(r),...n},...i})},x=y.forwardRef(F);x.displayName="Body";var u=d(require("react"),1),E=require("react/jsx-runtime");function O(t){if(t)return`var(--color-${t.replace(".","-")})`}var g=u.forwardRef(({as:t="h1",size:o="md",color:r="",style:a,className:n,...s},i)=>{let p=t,l=`text-display text-display-${o} ${n}`;return(0,E.jsx)(p,{ref:i,className:l,style:{"--text-color":O(r),...a},...s})});g.displayName="Display";var P=d(require("react"),1),b=require("react/jsx-runtime");function k(t){if(t)return`var(--color-${t.replace(".","-")})`}var T=P.forwardRef(({as:t="h2",size:o="md",color:r="",style:a,className:n,...s},i)=>{let p=t,l=`text-heading text-heading-${o} ${n}`;return(0,b.jsx)(p,{ref:i,className:l,style:{"--text-color":k(r),...a},...s})});T.displayName="Heading";
+"use strict";var E=Object.create;var c=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var D=(e,t)=>{for(var o in t)c(e,o,{get:t[o],enumerable:!0})},f=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of b(t))!B.call(e,r)&&r!==o&&c(e,r,{get:()=>t[r],enumerable:!(n=P(t,r))||n.enumerable});return e};var d=(e,t,o)=>(o=e!=null?E(u(e)):{},f(t||!e||!e.__esModule?c(o,"default",{value:e,enumerable:!0}):o,e)),H=e=>f(c({},"__esModule",{value:!0}),e);var W={};D(W,{Body:()=>N,Display:()=>F,Heading:()=>S});module.exports=H(W);var R=d(require("react"),1);function a(e){if(e)return`var(--color-${e.replace(/\./g,"-")})`}var s=(...e)=>e.filter(Boolean).join(" ").trim();var y=require("react/jsx-runtime"),w=R.forwardRef(({as:e="p",size:t="md",color:o,fontWeight:n="normal",className:r,style:p,...m},l)=>{let i=e,C=s("text-body",`text-body-${t}${n==="bold"?"-bold":""}`,r);return(0,y.jsx)(i,{ref:l,className:C,style:{"--text-color":a(o),...p},...m})}),N=Object.assign(w,{displayName:"Body"});var x=d(require("react"),1);var T=require("react/jsx-runtime"),z=x.forwardRef(({as:e="h1",size:t="md",color:o,className:n,style:r,...p},m)=>{let l=e,i=s("text-display",`text-display-${t}`,n);return(0,T.jsx)(l,{ref:m,className:i,style:{"--text-color":a(o),...r},...p})}),F=Object.assign(z,{displayName:"Display"});var g=d(require("react"),1);var h=require("react/jsx-runtime"),O=g.forwardRef(({as:e="h2",size:t="md",color:o,className:n,style:r,...p},m)=>{let l=e,i=s("text-heading",`text-heading-${t}`,n);return(0,h.jsx)(l,{ref:m,className:i,style:{"--text-color":a(o),...r},...p})}),S=Object.assign(O,{displayName:"Heading"});

package/lib/index.d.ts

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

package/lib/index.js

@@ -1 +1 @@
-import{Slot as R}from"@radix-ui/react-slot";import*as m from"react";import{jsx as y}from"react/jsx-runtime";function e(t){let o=m.forwardRef((r,n)=>{let{asChild:a,...s}=r;return y(a?R:t,{...s,ref:n})});return o.displayName=`Primitive.${t}`,o}var W={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 d from"react";import{jsx as g}from"react/jsx-runtime";function x(t){if(t)return`var(--color-${t.replace(".","-")})`}var C=({as:t="p",size:o="md",color:r="",fontWeight:n="normal",style:a,className:s,...i},p)=>{let l=t,h=`text-body text-body-${o}${n==="bold"?"-bold":""} ${s}`;return g(l,{ref:p,className:h,style:{"--text-color":x(r),...a},...i})},u=d.forwardRef(C);u.displayName="Body";import*as c from"react";import{jsx as T}from"react/jsx-runtime";function E(t){if(t)return`var(--color-${t.replace(".","-")})`}var P=c.forwardRef(({as:t="h1",size:o="md",color:r="",style:n,className:a,...s},i)=>{let p=t,l=`text-display text-display-${o} ${a}`;return T(p,{ref:i,className:l,style:{"--text-color":E(r),...n},...s})});P.displayName="Display";import*as f from"react";import{jsx as B}from"react/jsx-runtime";function b(t){if(t)return`var(--color-${t.replace(".","-")})`}var v=f.forwardRef(({as:t="h2",size:o="md",color:r="",style:n,className:a,...s},i)=>{let p=t,l=`text-heading text-heading-${o} ${a}`;return B(p,{ref:i,className:l,style:{"--text-color":b(r),...n},...s})});v.displayName="Heading";export{u as Body,P as Display,v as Heading,W as Primitive,e as createPrimitive};
+import*as c from"react";function t(e){if(e)return`var(--color-${e.replace(/\./g,"-")})`}var o=(...e)=>e.filter(Boolean).join(" ").trim();import{jsx as x}from"react/jsx-runtime";var y=c.forwardRef(({as:e="p",size:r="md",color:n,fontWeight:a="normal",className:s,style:p,...m},l)=>{let i=e,R=o("text-body",`text-body-${r}${a==="bold"?"-bold":""}`,s);return x(i,{ref:l,className:R,style:{"--text-color":t(n),...p},...m})}),B=Object.assign(y,{displayName:"Body"});import*as d from"react";import{jsx as g}from"react/jsx-runtime";var T=d.forwardRef(({as:e="h1",size:r="md",color:n,className:a,style:s,...p},m)=>{let l=e,i=o("text-display",`text-display-${r}`,a);return g(l,{ref:m,className:i,style:{"--text-color":t(n),...s},...p})}),O=Object.assign(T,{displayName:"Display"});import*as f from"react";import{jsx as C}from"react/jsx-runtime";var h=f.forwardRef(({as:e="h2",size:r="md",color:n,className:a,style:s,...p},m)=>{let l=e,i=o("text-heading",`text-heading-${r}`,a);return C(l,{ref:m,className:i,style:{"--text-color":t(n),...s},...p})}),k=Object.assign(h,{displayName:"Heading"});export{B as Body,O as Display,k as Heading};

package/lib/utils/cn.d.ts

@@ -0,0 +1 @@
+export declare const cn: (...classes: (string | undefined | null | false)[]) => string;

package/lib/utils/tokens.d.ts

@@ -0,0 +1 @@
+export declare function createColor(token: string | undefined): string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocso-ui/react",
-  "version": "0.0.1-beta.4",
+  "version": "0.0.1-beta.6",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cocso/cocso-ui.git",
@@ -24,9 +24,7 @@
   "files": [
     "lib"
   ],
-  "dependencies": {
-    "@radix-ui/react-slot": "^1.2.3"
-  },
+  "dependencies": {},
   "peerDependencies": {
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19"

package/lib/primitive/index.d.ts

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