get-elementa-ui 1.0.0 → 1.3.0

package/dist/components/text.js

@@ -0,0 +1,55 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { cn } from '@/src/lib/utils';
+import { TextVariant } from '@/src/lib/types';
+/**
+ * This function renders the Text component for the library.
+ */
+export default function Text({ variant = TextVariant.Body, color, children }) {
+    // SECTION: Constants and Variables
+    const [className, setClassName] = useState('');
+    // !SECTION: Constants and Variables
+    // SECTION: States
+    // !SECTION: States
+    // SECTION: Functions
+    /**
+     * This function returns the class name for the given variant.
+     *
+     * @param variant - The variant of the text component.
+     * @returns The class name for the given variant.
+     */
+    const getVariantClass = (variant) => {
+        switch (variant) {
+            case TextVariant.H1:
+                return 'text-[61px] font-heading';
+            case TextVariant.H2:
+                return 'text-[48px] font-heading';
+            case TextVariant.H3:
+                return 'text-[39px] font-heading';
+            case TextVariant.H4:
+                return 'text-[31px] font-bold font-heading';
+            case TextVariant.H5:
+                return 'text-[25px] font-bold font-heading';
+            case TextVariant.H6:
+                return 'text-[20px] font-bold font-heading';
+            case TextVariant.Body:
+                return 'text-[16px] font-body';
+            case TextVariant.Button:
+                return 'text-[16px] font-bold font-body';
+            default:
+                return 'text-[16px] font-body';
+        }
+    };
+    // !SECTION Functions
+    // SECTION: Event Handlers
+    // !SECTION: Event Handlers
+    // SECTION: Side Effects
+    useEffect(() => {
+        setClassName(cn(getVariantClass(variant), color));
+    }, [variant, color]);
+    // !SECTION: Side Effects
+    // SECTION: UI
+    return _jsx("p", { className: className, children: children });
+    // !SECTION: UI
+}

package/dist/lib/types.js

@@ -0,0 +1,16 @@
+var TextVariant;
+(function (TextVariant) {
+    TextVariant[TextVariant["H1"] = 0] = "H1";
+    TextVariant[TextVariant["H2"] = 1] = "H2";
+    TextVariant[TextVariant["H3"] = 2] = "H3";
+    TextVariant[TextVariant["H4"] = 3] = "H4";
+    TextVariant[TextVariant["H5"] = 4] = "H5";
+    TextVariant[TextVariant["H6"] = 5] = "H6";
+    TextVariant[TextVariant["Body"] = 6] = "Body";
+    TextVariant[TextVariant["Button"] = 7] = "Button";
+    TextVariant[TextVariant["Subtitle1"] = 8] = "Subtitle1";
+    TextVariant[TextVariant["Subtitle2"] = 9] = "Subtitle2";
+    TextVariant[TextVariant["Caption"] = 10] = "Caption";
+    TextVariant[TextVariant["Custom"] = 11] = "Custom";
+})(TextVariant || (TextVariant = {}));
+export { TextVariant };

package/dist/types/components/text.d.ts

@@ -0,0 +1,5 @@
+import { TextProps } from '@/src/lib/types';
+/**
+ * This function renders the Text component for the library.
+ */
+export default function Text({ variant, color, children }: TextProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/types.d.ts

@@ -0,0 +1,21 @@
+declare enum TextVariant {
+    H1 = 0,
+    H2 = 1,
+    H3 = 2,
+    H4 = 3,
+    H5 = 4,
+    H6 = 5,
+    Body = 6,
+    Button = 7,
+    Subtitle1 = 8,
+    Subtitle2 = 9,
+    Caption = 10,
+    Custom = 11
+}
+interface TextProps {
+    variant?: TextVariant;
+    color?: string;
+    children: React.ReactNode;
+}
+export { TextVariant };
+export type { TextProps };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "get-elementa-ui",
-    "version": "1.0.0",
+    "version": "1.3.0",
     "description": "Elementa UI components library.",
     "homepage": "https://deriva.xyz/branding",
     "main": "dist/index.js",
@@ -38,8 +38,7 @@
         "build": "rollup -c && tsc",
         "build:watch": "rollup -c -w",
         "prepublishOnly": "npm run build",
-        "publish:npm": "npm publish --access public",
-        "svgr": "svgr src/icons/*.svg --stdin-filepath .prettierrc --template src/lib/template.js --expand-props none --ignore-existing"
+        "publish:npm": "npm publish --access public"
     },
     "peerDependencies": {
         "react": "^19.1.0"
@@ -54,7 +53,6 @@
         "@rollup/plugin-json": "^6.1.0",
         "@rollup/plugin-node-resolve": "^16.0.1",
         "@rollup/plugin-typescript": "^12.1.3",
-        "@svgr/cli": "^8.1.0",
         "@types/babel__core": "^7.20.5",
         "@types/babel__template": "^7.4.4",
         "@types/node": "^20.12.2",
@@ -86,9 +84,16 @@
         "clsx": "^2.1.1",
         "lucide-react": "^0.575.0",
         "radix-ui": "^1.4.3",
+        "rollup-plugin-copy": "^3.5.0",
         "shadcn": "^3.8.5",
         "tailwind-merge": "^3.5.0",
         "ts-node": "^10.9.2",
         "tw-animate-css": "^1.4.0"
+    },
+    "exports": {
+        "./theme.css": "./src/styles/globals.css"
+    },
+    "resolutions": {
+        "@types/minimatch": "5.1.2"
     }
 }