@cocso-ui/react 0.2.20 → 1.0.0

package/dist/esm/tab/Tab.mjs

@@ -1,43 +0,0 @@
-import * as TabPrimitive from '@radix-ui/react-tabs';
-import { forwardRef } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-const TabPrimitiveRoot = /*#__PURE__*/forwardRef(({
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsx(TabPrimitive.Root, {
-    ref: ref,
-    ...props
-  });
-});
-const TabPrimitiveList = /*#__PURE__*/forwardRef(({
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsx(TabPrimitive.List, {
-    ref: ref,
-    ...props
-  });
-});
-const TabPrimitiveTrigger = /*#__PURE__*/forwardRef(({
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsx(TabPrimitive.Trigger, {
-    ref: ref,
-    ...props
-  });
-});
-const TabPrimitiveContent = /*#__PURE__*/forwardRef(({
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsx(TabPrimitive.Content, {
-    ref: ref,
-    ...props
-  });
-});
-const Tab = Object.assign(TabPrimitiveRoot, {
-  List: TabPrimitiveList,
-  Trigger: TabPrimitiveTrigger,
-  Content: TabPrimitiveContent
-});
-
-export { Tab };

package/dist/esm/typography/Typography.d.mts

@@ -1,33 +0,0 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
-import { FontWeight, LineHeight, ResponsiveFontSize } from '../token/typography.mjs';
-
-type BodySize = 'lg' | 'md' | 'sm' | 'xs';
-type DisplaySize = 'lg' | 'md' | 'sm';
-type HeadingSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-type TypographyPropsBase = {
-    asChild?: boolean;
-    weight?: FontWeight;
-    lineHeight?: LineHeight;
-} & ComponentPropsWithoutRef<'p'>;
-type CustomTypographyProps = TypographyPropsBase & {
-    type?: 'custom';
-    size?: ResponsiveFontSize;
-};
-type BodyTypographyProps = TypographyPropsBase & {
-    type: 'body';
-    size?: BodySize;
-};
-type DisplayTypographyProps = TypographyPropsBase & {
-    type: 'display';
-    size?: DisplaySize;
-};
-type HeadingTypographyProps = TypographyPropsBase & {
-    type: 'heading';
-    size?: HeadingSize;
-};
-type TypographyProps = CustomTypographyProps | BodyTypographyProps | DisplayTypographyProps | HeadingTypographyProps;
-declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLElement>>;
-
-export { Typography };
-export type { BodySize, DisplaySize, HeadingSize, TypographyProps };

package/dist/esm/typography/Typography.mjs

@@ -1,88 +0,0 @@
-import { Primitive } from '@radix-ui/react-primitive';
-import { Slot } from '@radix-ui/react-slot';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import { match } from 'ts-pattern';
-import styles from './Typography.module.css.mjs';
-import { jsx } from 'react/jsx-runtime';
-import { lineHeight, fontWeight, fontSize } from '../token/typography.mjs';
-
-const Typography = /*#__PURE__*/forwardRef(({
-  asChild,
-  className,
-  style: _style,
-  color,
-  type = 'custom',
-  weight = type === 'heading' ? 'bold' : 'normal',
-  lineHeight: lineHeight$1 = 'normal',
-  ...props
-}, ref) => {
-  const Comp = match({
-    asChild,
-    type
-  }).with({
-    asChild: true
-  }, () => Slot).with({
-    type: 'display'
-  }, () => 'h1').with({
-    type: 'heading'
-  }, () => Primitive.h2).otherwise(() => Primitive.p);
-  const fontSize$1 = match(type).with('custom', () => props.size ?? 16).with('body', () => match(props.size ?? 'md').with('lg', () => 18).with('md', () => 16).with('sm', () => 14).with('xs', () => 12).exhaustive()).with('display', () => match(props.size ?? 'md').with('lg', () => ({
-    base: 44,
-    tablet: 60
-  })).with('md', () => ({
-    base: 32,
-    tablet: 44
-  })).with('sm', () => ({
-    base: 28,
-    tablet: 36
-  })).exhaustive()).with('heading', () => match(props.size ?? 'md').with('xl', () => ({
-    base: 28,
-    tablet: 36
-  })).with('lg', () => ({
-    base: 24,
-    tablet: 32
-  })).with('md', () => ({
-    base: 20,
-    tablet: 24
-  })).with('sm', () => 18).with('xs', () => 16).exhaustive()).otherwise(() => 16);
-  let base;
-  let tablet;
-  let desktop;
-  if (Array.isArray(fontSize$1)) {
-    [base, tablet, desktop] = fontSize$1;
-  } else if (typeof fontSize$1 === 'object') {
-    ({
-      base,
-      tablet,
-      desktop
-    } = fontSize$1);
-  } else {
-    base = fontSize$1;
-  }
-  const style = {
-    ..._style,
-    '--cocso-typography-font-color': color,
-    '--cocso-typography-font-size': `${fontSize[base]}px`,
-    ...(tablet !== undefined && {
-      '--cocso-tablet-typography-font-size': `${fontSize[tablet]}px`
-    }),
-    ...(desktop !== undefined && {
-      '--cocso-desktop-typography-font-size': `${fontSize[desktop]}px`
-    }),
-    '--cocso-typography-font-weight': fontWeight[weight],
-    '--cocso-typography-line-height': lineHeight[lineHeight$1]
-  };
-  return /*#__PURE__*/jsx(Comp
-  // biome-ignore lint/suspicious/noExplicitAny: Polymorphic component with multiple element types (h1, h2, p, Slot) requires type assertion for ref compatibility
-  , {
-    ...(ref && {
-      ref: ref
-    }),
-    className: clsx(styles.typography, className),
-    style: style,
-    ...props
-  });
-});
-
-export { Typography };

package/dist/esm/typography/Typography.module.css.mjs

@@ -1,3 +0,0 @@
-var styles = {"typography":"Typography-module_typography__45lnt"};
-
-export { styles as default };