@youngonesworks/ui 0.1.1

package/dist/jsx-runtime-shim.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const jsx: typeof React.createElement;
+export declare const jsxs: typeof React.createElement;
+export declare const Fragment: React.ExoticComponent<React.FragmentProps>;

package/dist/react-entry.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const globalReact: typeof React;
+export { globalReact as React };

package/dist/react-wrapper.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export { React };

package/dist/test.d.ts

@@ -0,0 +1,2 @@
+declare const Test: () => import("react/jsx-runtime").JSX.Element;
+export default Test;

package/dist/utils/cn.d.ts

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

package/dist/utils/enums.d.ts

@@ -0,0 +1,48 @@
+export declare enum ACTION_ICON_STYLE_VARIANT {
+    DEFAULT = "default",
+    TRANSPARENT = "transparent",
+    SMALL = "small",
+    ROUND = "round"
+}
+export declare enum THEME_ICON_STYLE_VARIANT {
+    PINK_WITH_BACKGROUND = "pink-with-background"
+}
+export declare enum COLOR {
+    PRIMARY = "primary",
+    BLACK = "black",
+    NAVY_BLUE = "navy-blue",
+    LIGHT_BLUE = "light-blue",
+    LIGHT_BLUE_DISABLED = "light-blue-disabled",
+    GREEN = "green",
+    GREEN_LIGHT = "green-light",
+    PINK = "pink",
+    PINK_LIGHT = "pink-light",
+    ORANGE = "orange",
+    ORANGE_LIGHT = "orange-light",
+    ACCENT_BLUE = "accent-blue",
+    ACCENT_BLUE_LIGHT = "accent-blue-light",
+    YELLOW = "yellow",
+    CHECK = "check",
+    WARNING = "warning",
+    ERROR = "error",
+    SUCCESS = "success",
+    WARNING_LIGHT = "warning-light",
+    ULTRA_LIGHT_BLUE = "ultra-light-blue",
+    ULTRA_LIGHT_GRAY = "ultra-light-gray",
+    TURQUOISE = "turquoise",
+    RED = "red",
+    GRAY = "gray",
+    WHITE = "white",
+    PURPLE = "purple",
+    PURPLE_LIGHT = "purple-light",
+    NAVY_BLUE_SHADES = "navy-blue-shades"
+}
+export declare enum REGION {
+    NETHERLANDS = "nl",
+    BELGIUM = "nl-BE",
+    UNITED_KINGDOM = "gb"
+}
+export declare enum TOOLTIP_COLOR {
+    DEFAULT = "default",
+    WHITE = "white"
+}

package/dist/utils/formatIcon.d.ts

@@ -0,0 +1,8 @@
+import React, { type HTMLAttributes, type ReactNode, type SVGAttributes } from 'react';
+import { type TablerIconsProps } from '@tabler/icons-react';
+/**
+ * Format icon with default attributes. Icon attributes will
+ * always supersede default attributes which in term will supersede
+ * global default attributes.
+ */
+export default function formatIcon(icon: ReactNode, defaultFormatAttributes: (SVGAttributes<SVGElement> & HTMLAttributes<SVGElement>) | TablerIconsProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null | undefined;

package/package.json

@@ -0,0 +1,117 @@
+{
+  "name": "@youngonesworks/ui",
+  "version": "0.1.1",
+  "description": "A Youngones UI component library",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "rolldown -c rolldown.config.mjs && tsc --emitDeclarationOnly",
+    "dev": "storybook dev -p 6006",
+    "build-storybook": "yarn run storybook build",
+    "rolldownDev": "rolldown -c rolldown.config.mjs -w",
+    "prepublishOnly": "npm run build",
+    "buildAndPublish": "npm run build && npm publish",
+    "chromatic": "chromatic --project-token $CHROMATIC_PROJECT_TOKEN",
+    "prepare": "husky install",
+    "postinstall": "husky install",
+    "bump": "bash scripts/bump_version_if_src_changed.sh",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "test": "jest"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "ui",
+    "tailwind"
+  ],
+  "author": "Jasper Huting",
+  "license": "ISC",
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@commitlint/cli": "^19.5.0",
+    "@commitlint/config-conventional": "^19.5.0",
+    "@commitlint/lint": "^19.5.0",
+    "@commitlint/types": "^19.8.0",
+    "@floating-ui/react": "^0.27.12",
+    "@tabler/icons-react": "^2.39.0",
+    "@tiptap/core": "^2.3.1",
+    "@tiptap/extension-link": "^2.1.12",
+    "@tiptap/extension-placeholder": "^2.1.12",
+    "@tiptap/extension-underline": "^2.1.12",
+    "@tiptap/pm": "^2.1.12",
+    "@tiptap/react": "^2.1.12",
+    "@tiptap/starter-kit": "^2.1.12",
+    "clsx": "^2.1.1",
+    "lint-staged": "^15.2.10",
+    "react-phone-input-2": "^2.15.1",
+    "react-select": "^5.8.0",
+    "react-tooltip": "^5.29.1",
+    "rolldown": "1.0.0-beta.15",
+    "storybook": "^9.0.11",
+    "tailwind-merge": "^3.3.1"
+  },
+  "devDependencies": {
+    "@eslint/compat": "^1.3.0",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.29.0",
+    "@storybook/cli": "^9.0.11",
+    "@storybook/react-vite": "^9.0.11",
+    "@stylistic/eslint-plugin": "^4.4.1",
+    "@tailwindcss/postcss": "^4.1.10",
+    "@tanstack/eslint-plugin-query": "^5.78.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/jest": "^29.5.11",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@typescript-eslint/eslint-plugin": "^8.34.1",
+    "@typescript-eslint/parser": "^8.34.1",
+    "autoprefixer": "^10.4.21",
+    "chromatic": "^12.2.0",
+    "eslint": "^9.29.0",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-import-resolver-typescript": "^4.4.3",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-next": "^0.0.0",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-storybook": "^9.0.11",
+    "eslint-plugin-testing-library": "^7.5.3",
+    "eslint-plugin-unused-imports": "^4.1.4",
+    "globals": "^16.2.0",
+    "husky": "^8.0.3",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "postcss": "^8.5.5",
+    "prettier": "^3.3.2",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "tailwindcss": "4.0.0",
+    "ts-jest": "^29.1.1",
+    "ts-node": "^10.9.2",
+    "tslib": "^2.6.2",
+    "typescript": "^5.8.3",
+    "vite": "5"
+  }
+}