@grupor5/raya 0.2.1 → 0.2.3

package/dist/tokens/typography.mjs

@@ -0,0 +1,292 @@
+// src/tokens/typography.ts
+var typography = {
+  fontFamily: {
+    primary: [
+      "Rubik",
+      "-apple-system",
+      "BlinkMacSystemFont",
+      "Segoe UI",
+      "Roboto",
+      "Oxygen",
+      "Ubuntu",
+      "Cantarell",
+      "sans-serif"
+    ]
+  },
+  fontWeight: {
+    light: 300,
+    regular: 400,
+    medium: 500,
+    semibold: 600,
+    bold: 700
+  },
+  fontSize: {
+    // Display Scale - Large typography for hero sections and prominent headers
+    display: {
+      l: "2.5rem"
+      // 40px - Display/L
+    },
+    // Heading Scale - Semantic headings with Bold weight
+    heading: {
+      xl: "2.25rem",
+      // 36px - Heading/XL
+      lg: "2rem",
+      // 32px - Heading/L  
+      md: "1.75rem",
+      // 28px - Heading/M
+      sm: "1.5rem"
+      // 24px - Heading/S
+    },
+    // Subheading Scale - Secondary headings with Bold weight
+    subheading: {
+      lg: "1.25rem",
+      // 20px - Subheading/L
+      md: "1.125rem",
+      // 18px - Subheading/M
+      sm: "1rem"
+      // 16px - Subheading/S
+    },
+    // Body Scale - Text content with Regular and Semi-bold variants
+    body: {
+      // Body Bold variants (Semi-bold weight)
+      "bold-lg": "1.125rem",
+      // 18px - Body/Bold/L
+      "bold-md": "1rem",
+      // 16px - Body/Bold/M
+      "bold-sm": "0.875rem",
+      // 14px - Body/Bold/S
+      "bold-xs": "0.75rem",
+      // 12px - Body/Bold/XS
+      // Body Regular variants
+      lg: "1.125rem",
+      // 18px - Body/L
+      md: "1rem",
+      // 16px - Body/M
+      sm: "0.875rem",
+      // 14px - Body/S
+      xs: "0.75rem"
+      // 12px - Body/XS
+    },
+    // Caption Scale - Small text for labels and metadata
+    caption: {
+      "c1": "0.75rem"
+      // 12px - Caption/C-1
+    }
+  },
+  lineHeight: {
+    // Display line heights
+    display: {
+      l: "3.25rem"
+      // 52px - Display/L
+    },
+    // Heading line heights
+    heading: {
+      xl: "2.75rem",
+      // 44px - Heading/XL
+      lg: "2.5rem",
+      // 40px - Heading/L
+      md: "2.25rem",
+      // 36px - Heading/M
+      sm: "2rem"
+      // 32px - Heading/S
+    },
+    // Subheading line heights
+    subheading: {
+      lg: "1.75rem",
+      // 28px - Subheading/L
+      md: "1.5rem",
+      // 24px - Subheading/M
+      sm: "1.25rem"
+      // 20px - Subheading/S
+    },
+    // Body line heights (same for both bold and regular)
+    body: {
+      lg: "1.75rem",
+      // 28px - Body/L & Body/Bold/L
+      md: "1.5rem",
+      // 24px - Body/M & Body/Bold/M
+      sm: "1.25rem",
+      // 20px - Body/S & Body/Bold/S
+      xs: "1.25rem"
+      // 20px - Body/XS & Body/Bold/XS
+    },
+    // Caption line heights
+    caption: {
+      c1: "1.125rem"
+      // 18px - Caption/C-1
+    }
+  },
+  // Letter spacing values
+  letterSpacing: {
+    normal: "0px",
+    // 0px - Default for most text
+    caption: "4px"
+    // 4px - Caption/C-1 specific
+  },
+  // Pre-composed typography styles for common use cases
+  presets: {
+    // Display presets
+    "display-l": {
+      fontSize: "2.5rem",
+      lineHeight: "3.25rem",
+      fontWeight: 700,
+      letterSpacing: "0px"
+    },
+    // Heading presets (all use Bold weight)
+    "heading-xl": {
+      fontSize: "2.25rem",
+      lineHeight: "2.75rem",
+      fontWeight: 700,
+      letterSpacing: "0px"
+    },
+    "heading-lg": {
+      fontSize: "2rem",
+      lineHeight: "2.5rem",
+      fontWeight: 700,
+      letterSpacing: "0px"
+    },
+    "heading-md": {
+      fontSize: "1.75rem",
+      lineHeight: "2.25rem",
+      fontWeight: 700,
+      letterSpacing: "0px"
+    },
+    "heading-sm": {
+      fontSize: "1.5rem",
+      lineHeight: "2rem",
+      fontWeight: 700,
+      letterSpacing: "0px"
+    },
+    // Subheading presets (all use Bold weight)
+    "subheading-lg": {
+      fontSize: "1.25rem",
+      lineHeight: "1.75rem",
+      fontWeight: 700,
+      letterSpacing: "0px"
+    },
+    "subheading-md": {
+      fontSize: "1.125rem",
+      lineHeight: "1.5rem",
+      fontWeight: 700,
+      letterSpacing: "0px"
+    },
+    "subheading-sm": {
+      fontSize: "1rem",
+      lineHeight: "1.25rem",
+      fontWeight: 700,
+      letterSpacing: "0px"
+    },
+    // Body Bold presets (Semi-bold weight)
+    "body-bold-lg": {
+      fontSize: "1.125rem",
+      lineHeight: "1.75rem",
+      fontWeight: 600,
+      letterSpacing: "0px"
+    },
+    "body-bold-md": {
+      fontSize: "1rem",
+      lineHeight: "1.5rem",
+      fontWeight: 600,
+      letterSpacing: "0px"
+    },
+    "body-bold-sm": {
+      fontSize: "0.875rem",
+      lineHeight: "1.25rem",
+      fontWeight: 600,
+      letterSpacing: "0px"
+    },
+    "body-bold-xs": {
+      fontSize: "0.75rem",
+      lineHeight: "1.25rem",
+      fontWeight: 600,
+      letterSpacing: "0px"
+    },
+    // Body Regular presets
+    "body-lg": {
+      fontSize: "1.125rem",
+      lineHeight: "1.75rem",
+      fontWeight: 400,
+      letterSpacing: "0px"
+    },
+    "body-md": {
+      fontSize: "1rem",
+      lineHeight: "1.5rem",
+      fontWeight: 400,
+      letterSpacing: "0px"
+    },
+    "body-sm": {
+      fontSize: "0.875rem",
+      lineHeight: "1.25rem",
+      fontWeight: 400,
+      letterSpacing: "0px"
+    },
+    "body-xs": {
+      fontSize: "0.75rem",
+      lineHeight: "1.25rem",
+      fontWeight: 400,
+      letterSpacing: "0px"
+    },
+    // Caption presets
+    "caption-c1": {
+      fontSize: "0.75rem",
+      lineHeight: "1.125rem",
+      fontWeight: 400,
+      letterSpacing: "4px"
+    }
+  }
+};
+var typographyVars = {
+  // Font family
+  "--font-primary": typography.fontFamily.primary.join(", "),
+  // Font weights
+  "--font-weight-light": typography.fontWeight.light,
+  "--font-weight-regular": typography.fontWeight.regular,
+  "--font-weight-medium": typography.fontWeight.medium,
+  "--font-weight-semibold": typography.fontWeight.semibold,
+  "--font-weight-bold": typography.fontWeight.bold,
+  // Display scale
+  "--text-display-l": typography.fontSize.display.l,
+  // Heading scale
+  "--text-heading-xl": typography.fontSize.heading.xl,
+  "--text-heading-lg": typography.fontSize.heading.lg,
+  "--text-heading-md": typography.fontSize.heading.md,
+  "--text-heading-sm": typography.fontSize.heading.sm,
+  // Subheading scale
+  "--text-subheading-lg": typography.fontSize.subheading.lg,
+  "--text-subheading-md": typography.fontSize.subheading.md,
+  "--text-subheading-sm": typography.fontSize.subheading.sm,
+  // Body scale
+  "--text-body-bold-lg": typography.fontSize.body["bold-lg"],
+  "--text-body-bold-md": typography.fontSize.body["bold-md"],
+  "--text-body-bold-sm": typography.fontSize.body["bold-sm"],
+  "--text-body-bold-xs": typography.fontSize.body["bold-xs"],
+  "--text-body-lg": typography.fontSize.body.lg,
+  "--text-body-md": typography.fontSize.body.md,
+  "--text-body-sm": typography.fontSize.body.sm,
+  "--text-body-xs": typography.fontSize.body.xs,
+  // Caption scale
+  "--text-caption-c1": typography.fontSize.caption.c1,
+  // Line heights
+  "--leading-display-l": typography.lineHeight.display.l,
+  "--leading-heading-xl": typography.lineHeight.heading.xl,
+  "--leading-heading-lg": typography.lineHeight.heading.lg,
+  "--leading-heading-md": typography.lineHeight.heading.md,
+  "--leading-heading-sm": typography.lineHeight.heading.sm,
+  "--leading-subheading-lg": typography.lineHeight.subheading.lg,
+  "--leading-subheading-md": typography.lineHeight.subheading.md,
+  "--leading-subheading-sm": typography.lineHeight.subheading.sm,
+  "--leading-body-lg": typography.lineHeight.body.lg,
+  "--leading-body-md": typography.lineHeight.body.md,
+  "--leading-body-sm": typography.lineHeight.body.sm,
+  "--leading-body-xs": typography.lineHeight.body.xs,
+  "--leading-caption-c1": typography.lineHeight.caption.c1,
+  // Letter spacing
+  "--tracking-normal": typography.letterSpacing.normal,
+  "--tracking-caption": typography.letterSpacing.caption
+};
+var generateTypographyCSS = () => {
+  return Object.entries(typographyVars).map(([property, value]) => `  ${property}: ${value};`).join("\n");
+};
+var { fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, presets } = typography;
+
+export { fontFamily, fontSize, fontWeight, generateTypographyCSS, letterSpacing, lineHeight, presets, typography, typographyVars };

package/dist/utils/classNames.d.mts

@@ -0,0 +1,3 @@
+declare function classNames(...classes: (string | undefined | null | false)[]): string;
+
+export { classNames };

package/dist/utils/classNames.d.ts

@@ -0,0 +1,3 @@
+declare function classNames(...classes: (string | undefined | null | false)[]): string;
+
+export { classNames };

package/dist/utils/classNames.js

@@ -0,0 +1,8 @@
+'use strict';
+
+// src/utils/classNames.ts
+function classNames(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+
+exports.classNames = classNames;

package/dist/utils/classNames.mjs

@@ -0,0 +1,6 @@
+// src/utils/classNames.ts
+function classNames(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+
+export { classNames };

package/dist/utils/cn.d.mts

@@ -0,0 +1,5 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/utils/cn.d.ts

@@ -0,0 +1,5 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/utils/cn.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+exports.cn = cn;

package/dist/utils/cn.mjs

@@ -0,0 +1,9 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export { cn };

package/dist/utils/index.d.mts

@@ -0,0 +1,3 @@
+export { classNames } from './classNames.mjs';
+export { cn } from './cn.mjs';
+import 'clsx';

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { classNames } from './classNames.js';
+export { cn } from './cn.js';
+import 'clsx';

package/dist/utils/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+
+// src/utils/classNames.ts
+function classNames(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+exports.classNames = classNames;
+exports.cn = cn;

package/dist/utils/index.mjs

@@ -0,0 +1,12 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+// src/utils/classNames.ts
+function classNames(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export { classNames, cn };

package/package.json

@@ -1,9 +1,42 @@
 {
   "name": "@grupor5/raya",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./atoms/*": {
+      "types": "./dist/atoms/*/index.d.ts",
+      "import": "./dist/atoms/*/index.mjs",
+      "require": "./dist/atoms/*/index.js"
+    },
+    "./molecules/*": {
+      "types": "./dist/molecules/*/index.d.ts",
+      "import": "./dist/molecules/*/index.mjs",
+      "require": "./dist/molecules/*/index.js"
+    },
+    "./hooks/*": {
+      "types": "./dist/hooks/*.d.ts",
+      "import": "./dist/hooks/*.mjs",
+      "require": "./dist/hooks/*.js"
+    },
+    "./utils/*": {
+      "types": "./dist/utils/*.d.ts",
+      "import": "./dist/utils/*.mjs",
+      "require": "./dist/utils/*.js"
+    },
+    "./tokens/*": {
+      "types": "./dist/tokens/*.d.ts",
+      "import": "./dist/tokens/*.mjs",
+      "require": "./dist/tokens/*.js"
+    },
+    "./styles/*": "./dist/styles/*"
+  },
   "files": [
     "dist"
   ],