@cocso-ui/react 0.0.0-beta.0

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

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

package/lib/index.d.ts

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

package/lib/index.js

@@ -0,0 +1 @@
+import{Slot as h}from"@radix-ui/react-slot";import*as p from"react";import{jsx as c}from"react/jsx-runtime";function e(t){let o=p.forwardRef((r,a)=>{let{asChild:i,...n}=r;return c(i?h:t,{...n,ref:a})});return o.displayName=`Primitive.${t}`,o}var g={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 x}from"react/jsx-runtime";function f(t){if(t)return`var(--color-${t.replace(".","-")})`}var R=m.forwardRef(({as:t="h2",size:o="md",color:r="",style:a,className:i,...n},s)=>{let d=t||"h2",l=`text-heading text-heading-${o} ${i}`;return x(d,{ref:s,className:l,style:{"--text-color":f(r),...a},...n})});R.displayName="Heading";export{R as Heading,g 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

@@ -0,0 +1,43 @@
+{
+  "name": "@cocso-ui/react",
+  "version": "0.0.0-beta.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cocso/cocso-ui.git",
+    "directory": "packages/react"
+  },
+  "scripts": {
+    "build": "rm -rf lib && bun run build.js && bun x tsc",
+    "dev": "bun run build.js --watch"
+  },
+  "type": "module",
+  "main": "./lib/index.cjs",
+  "module": "./lib/index.js",
+  "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./lib/index.cjs"
+    }
+  },
+  "files": [
+    "lib"
+  ],
+  "dependencies": {
+    "@radix-ui/react-slot": "^1.2.3"
+  },
+  "peerDependencies": {
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  },
+  "devDependencies": {
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "esbuild": "^0.24.0",
+    "typescript": "^5.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}