@shuriken-ui/tailwind 3.1.3 → 4.0.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -13,7 +13,7 @@
13
13
 
14
14
  ---
15
15
 
16
- ## Shuriken UI - Tailwind CSS
16
+ ## Shuriken UI - Tailwind CSS v4
17
17
 
18
18
  Shuriken UI is a free and open-source Tailwind CSS UI Kit. It is a collection of components and templates that you can use to build your next Tailwind CSS project.
19
19
 
@@ -21,89 +21,35 @@ This package contains the Tailwind CSS preset, components, and shared utils like
21
21
 
22
22
  ## Installation
23
23
 
24
+ Install dependencies:
25
+
24
26
  ```bash
25
- pnpm install -D @shuriken-ui/tailwind
27
+ pnpm install -D @shuriken-ui/tailwind@next tailwindcss@next @tailwindcss/vite@next
26
28
  ```
27
29
 
28
- ## Usage
29
-
30
- The simplest way to register Shuriken UI is to use `withShurikenUI` helper function.
30
+ Add tailwind plugin to your `vite.config.ts`:
31
31
 
32
32
  ```ts
33
- // tailwind.config.ts
34
- import { withShurikenUI } from '@shuriken-ui/tailwind'
35
-
36
- export default withShurikenUI({
37
- // your tailwind config
38
- content: [],
39
- })
40
- ```
41
-
42
-
43
- You can also direcly import the preset and use it in your config.
33
+ import tailwindcss from '@tailwindcss/vite'
34
+ import { defineConfig } from 'vite'
44
35
 
45
- ```ts
46
- // tailwind.config.ts
47
- import type { Config } from 'tailwindcss'
48
- import preset from '@shuriken-ui/tailwind/preset'
49
-
50
- export default {
51
- // your tailwind config, with the preset
52
- content: [],
53
- presets: [preset],
54
- } satisfies Config
36
+ export default defineConfig({
37
+ plugins: [tailwindcss()],
38
+ });
55
39
  ```
56
40
 
41
+ Reference Shuriken UI in your `tailwind.css` file:
57
42
 
58
- Also, you can import only the components and utils you needs.
59
-
60
- ```ts
61
- // tailwind.config.ts
62
- import type { Config } from 'tailwindcss'
63
- import { fontFamily } from 'tailwindcss/defaultTheme'
64
- import colors from 'tailwindcss/colors'
65
-
66
- import { input, button } from '@shuriken-ui/tailwind/plugins'
67
-
68
- export default {
69
- // your tailwind config, with only the components you need
70
- plugins: [input, button],
71
- theme: {
72
- fontFamily: {
73
- sans: fontFamily.sans,
74
- heading: fontFamily.sans,
75
- alt: fontFamily.sans,
76
- mono: fontFamily.mono,
77
- },
78
- extend: {
79
- colors: {
80
- primary: colors.violet,
81
- 'primary-invert': colors.white,
82
- muted: colors.slate,
83
- info: colors.sky,
84
- success: colors.teal,
85
- warning: colors.amber,
86
- danger: colors.rose,
87
- },
88
- },
89
- },
90
- } satisfies Config
91
- ```
92
-
93
- ## Customization
43
+ ```css
44
+ @import 'tailwindcss';
45
+ @import '@shuriken-ui/tailwind';
94
46
 
95
- Shuriken UI is fully customizable. You can override components by using the `theme` option.
47
+ /* Register the dark mode variant (with .dark class) */
48
+ @variant dark (&:where(.dark, .dark *));
96
49
 
97
- ```ts
98
- export default withShurikenUI({
99
- theme: {
100
- extend: {
101
- nui: {
102
- // your customizations
103
- },
104
- },
105
- },
106
- })
50
+ @theme {
51
+ /* Customize your theme here */
52
+ }
107
53
  ```
108
54
 
109
- > note: Documentation is coming soon!
55
+ > See the [theme.css](https://github.com/shuriken-ui/shuriken-ui/blob/main/packages/tailwind/lib/theme.css) file for a complete list of available variables you can customize.
@@ -0,0 +1,4 @@
1
+ @utility nui-focus {
2
+ @apply outline-none ring-ring ring-1 ring-offset-2 ring-offset-white;
3
+ @apply dark:ring-offset-muted-950;
4
+ }
@@ -0,0 +1,4 @@
1
+ @utility nui-mark {
2
+ @apply bg-primary-100 dark:bg-primary-800;
3
+ @apply text-primary-800 dark:text-primary-200;
4
+ }
@@ -0,0 +1,20 @@
1
+ @utility nui-mask {
2
+ mask-size: contain;
3
+ mask-repeat: no-repeat;
4
+ mask-position: center;
5
+ }
6
+ @utility nui-mask-hex {
7
+ mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNjQuNzg2IDE4MS40Yy05LjE5NiAwLTIwLjA2My02LjY4Ny0yNS4wNzktMTQuMjFMMy43NjIgMTA1LjMzYy01LjAxNi04LjM2LTUuMDE2LTIwLjkgMC0yOS4yNTlsMzUuOTQ1LTYxLjg2QzQ0LjcyMyA1Ljg1MSA1NS41OSAwIDY0Ljc4NiAwaDcxLjA1NWM5LjE5NiAwIDIwLjA2MyA2LjY4OCAyNS4wNzkgMTQuMjExbDM1Ljk0NSA2MS44NmM0LjE4IDguMzYgNC4xOCAyMC44OTkgMCAyOS4yNThsLTM1Ljk0NSA2MS44NmMtNC4xOCA4LjM2LTE1Ljg4MyAxNC4yMTEtMjUuMDc5IDE0LjIxMUg2NC43ODZ6Ii8+PC9zdmc+');
8
+ }
9
+ @utility nui-mask-hexed {
10
+ mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgyIiBoZWlnaHQ9IjIwMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjMgNjUuNDg2YzAtOS4xOTYgNi42ODctMjAuMDYzIDE0LjIxMS0yNS4wNzhsNjEuODYtMzUuOTQ2YzguMzYtNS4wMTYgMjAuODk5LTUuMDE2IDI5LjI1OCAwbDYxLjg2IDM1Ljk0NmM4LjM2IDUuMDE1IDE0LjIxMSAxNS44ODIgMTQuMjExIDI1LjA3OHY3MS4wNTVjMCA5LjE5Ni02LjY4NyAyMC4wNjMtMTQuMjExIDI1LjA3OWwtNjEuODYgMzUuOTQ1Yy04LjM2IDQuMTgtMjAuODk5IDQuMTgtMjkuMjU4IDBsLTYxLjg2LTM1Ljk0NUM2LjE1MSAxNTcuNDQuMyAxNDUuNzM3LjMgMTM2LjU0VjY1LjQ4NnoiLz48L3N2Zz4=');
11
+ }
12
+ @utility nui-mask-deca {
13
+ mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTYgMGw1OC43NzkgMTkuMDk4IDM2LjMyNyA1MHY2MS44MDRsLTM2LjMyNyA1MEw5NiAyMDBsLTU4Ljc3OS0xOS4wOTgtMzYuMzI3LTUwVjY5LjA5OGwzNi4zMjctNTB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=');
14
+ }
15
+ @utility nui-mask-blob {
16
+ mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAweiIvPjwvc3ZnPg==');
17
+ }
18
+ @utility nui-mask-diamond {
19
+ mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBsMTAwIDEwMC0xMDAgMTAwTDAgMTAweiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+');
20
+ }
@@ -0,0 +1,32 @@
1
+ @utility nui-slimscroll {
2
+ scrollbar-width: auto !important;
3
+
4
+ &::-webkit-scrollbar {
5
+ scroll-behavior: smooth;
6
+ scrollbar-gutter: stable;
7
+ @apply w-[6px] h-[6px] block!;
8
+ }
9
+
10
+ &::-webkit-scrollbar-thumb {
11
+ @apply rounded-lg bg-black/5 dark:bg-white/5 duration-300 transition-all;
12
+ }
13
+
14
+ &:hover::-webkit-scrollbar-thumb {
15
+ @apply bg-black/20 dark:bg-white/20;
16
+ }
17
+ }
18
+ @utility nui-slimscroll-opaque {
19
+ &::-webkit-scrollbar {
20
+ scroll-behavior: smooth;
21
+ scrollbar-gutter: stable;
22
+ @apply w-[6px] h-[6px] block!;
23
+ }
24
+
25
+ &::-webkit-scrollbar-thumb {
26
+ @apply rounded-lg bg-transparent duration-300 transition-all;
27
+ }
28
+
29
+ &:hover::-webkit-scrollbar-thumb {
30
+ @apply bg-black/20 dark:bg-white/20;
31
+ }
32
+ }
package/lib/index.css ADDED
@@ -0,0 +1,18 @@
1
+ @plugin '@tailwindcss/typography';
2
+
3
+ @import './theme.css';
4
+
5
+ @import './css/focus.css';
6
+ @import './css/mark.css';
7
+ @import './css/mask.css';
8
+ @import './css/slimscroll.css';
9
+
10
+ @layer base {
11
+ .dark {
12
+ color-scheme: dark;
13
+ }
14
+ .nui-no-transition * {
15
+ transition-property: none !important;
16
+ transition-duration: 0 !important;
17
+ }
18
+ }
package/lib/theme.css ADDED
@@ -0,0 +1,126 @@
1
+ @theme {
2
+ /* --font-sans: 'Titillium Web', sans-serif; */
3
+ /* --font-monospace: 'Titillium Web', sans-serif; */
4
+ --font-alt: var(--font-sans);
5
+ --font-heading: var(--font-sans);
6
+
7
+ /** Colors */
8
+ --color-muted-50: var(--color-gray-50);
9
+ --color-muted-100: var(--color-gray-100);
10
+ --color-muted-200: var(--color-gray-200);
11
+ --color-muted-300: var(--color-gray-300);
12
+ --color-muted-400: var(--color-gray-400);
13
+ --color-muted-500: var(--color-gray-500);
14
+ --color-muted-600: var(--color-gray-600);
15
+ --color-muted-700: var(--color-gray-700);
16
+ --color-muted-800: var(--color-gray-800);
17
+ --color-muted-900: var(--color-gray-900);
18
+ --color-muted-950: var(--color-gray-950);
19
+
20
+ --color-primary-50: var(--color-purple-50);
21
+ --color-primary-100: var(--color-purple-100);
22
+ --color-primary-200: var(--color-purple-200);
23
+ --color-primary-300: var(--color-purple-300);
24
+ --color-primary-400: var(--color-purple-400);
25
+ --color-primary-500: var(--color-purple-500);
26
+ --color-primary-600: var(--color-purple-600);
27
+ --color-primary-700: var(--color-purple-700);
28
+ --color-primary-800: var(--color-purple-800);
29
+ --color-primary-900: var(--color-purple-900);
30
+ --color-primary-950: var(--color-purple-950);
31
+ --color-primary-invert: var(--color-white);
32
+ --color-primary-base: var(--color-primary-500);
33
+ --color-primary-heavy: var(--color-primary-600);
34
+ --color-primary-light: var(--color-primary-400);
35
+
36
+ --color-info-50: var(--color-sky-50);
37
+ --color-info-100: var(--color-sky-100);
38
+ --color-info-200: var(--color-sky-200);
39
+ --color-info-300: var(--color-sky-300);
40
+ --color-info-400: var(--color-sky-400);
41
+ --color-info-500: var(--color-sky-500);
42
+ --color-info-600: var(--color-sky-600);
43
+ --color-info-700: var(--color-sky-700);
44
+ --color-info-800: var(--color-sky-800);
45
+ --color-info-900: var(--color-sky-900);
46
+ --color-info-950: var(--color-sky-950);
47
+ --color-info-invert: var(--color-white);
48
+ --color-info-base: var(--color-info-600);
49
+ --color-info-heavy: var(--color-info-700);
50
+ --color-info-light: var(--color-info-500);
51
+
52
+ --color-success-50: var(--color-teal-50);
53
+ --color-success-100: var(--color-teal-100);
54
+ --color-success-200: var(--color-teal-200);
55
+ --color-success-300: var(--color-teal-300);
56
+ --color-success-400: var(--color-teal-400);
57
+ --color-success-500: var(--color-teal-500);
58
+ --color-success-600: var(--color-teal-600);
59
+ --color-success-700: var(--color-teal-700);
60
+ --color-success-800: var(--color-teal-800);
61
+ --color-success-900: var(--color-teal-900);
62
+ --color-success-950: var(--color-teal-950);
63
+ --color-success-invert: var(--color-white);
64
+ --color-success-base: var(--color-success-600);
65
+ --color-success-heavy: var(--color-success-700);
66
+ --color-success-light: var(--color-success-500);
67
+
68
+ --color-warning-50: var(--color-amber-50);
69
+ --color-warning-100: var(--color-amber-100);
70
+ --color-warning-200: var(--color-amber-200);
71
+ --color-warning-300: var(--color-amber-300);
72
+ --color-warning-400: var(--color-amber-400);
73
+ --color-warning-500: var(--color-amber-500);
74
+ --color-warning-600: var(--color-amber-600);
75
+ --color-warning-700: var(--color-amber-700);
76
+ --color-warning-800: var(--color-amber-800);
77
+ --color-warning-900: var(--color-amber-900);
78
+ --color-warning-950: var(--color-amber-950);
79
+ --color-warning-invert: var(--color-white);
80
+ --color-warning-base: var(--color-warning-600);
81
+ --color-warning-heavy: var(--color-warning-700);
82
+ --color-warning-light: var(--color-warning-500);
83
+
84
+ --color-destructive-50: var(--color-rose-50);
85
+ --color-destructive-100: var(--color-rose-100);
86
+ --color-destructive-200: var(--color-rose-200);
87
+ --color-destructive-300: var(--color-rose-300);
88
+ --color-destructive-400: var(--color-rose-400);
89
+ --color-destructive-500: var(--color-rose-500);
90
+ --color-destructive-600: var(--color-rose-600);
91
+ --color-destructive-700: var(--color-rose-700);
92
+ --color-destructive-800: var(--color-rose-800);
93
+ --color-destructive-900: var(--color-rose-900);
94
+ --color-destructive-950: var(--color-rose-950);
95
+ --color-destructive-invert: var(--color-white);
96
+ --color-destructive-base: var(--color-destructive-600);
97
+ --color-destructive-heavy: var(--color-destructive-700);
98
+ --color-destructive-light: var(--color-destructive-500);
99
+
100
+ --color-link: var(--color-primary-base);
101
+ --color-ring: var(--color-muted-300);
102
+
103
+ --animate-nui-placeload: nui-placeload 1s linear infinite forwards;
104
+ --animate-nui-progress-indeterminate: nui-progress-indeterminate 3s linear infinite forwards;
105
+ --animate-nui-spin: spin 2s linear infinite;
106
+
107
+ @keyframes nui-placeload {
108
+ 0% {
109
+ background-position: -468px 0;
110
+ }
111
+ 100% {
112
+ background-position: 468px 0;
113
+ }
114
+ }
115
+ @keyframes nui-progress-indeterminate {
116
+ 0% {
117
+ margin-left: -100%;
118
+ }
119
+ 60% {
120
+ margin-left: 100%;
121
+ }
122
+ 100% {
123
+ margin-left: -100%;
124
+ }
125
+ }
126
+ }
package/package.json CHANGED
@@ -1,9 +1,13 @@
1
1
  {
2
2
  "name": "@shuriken-ui/tailwind",
3
- "version": "3.1.3",
3
+ "version": "4.0.0-alpha.10",
4
4
  "license": "MIT",
5
5
  "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
6
- "repository": "shuriken-ui/tailwind",
6
+ "repository": {
7
+ "type": "git",
8
+ "url": "git+https://github.com/shuriken-ui/shuriken-ui.git",
9
+ "directory": "packages/tailwind"
10
+ },
7
11
  "bugs": "https://github.com/shuriken-ui/tailwind/issues",
8
12
  "homepage": "https://github.com/shuriken-ui/tailwind",
9
13
  "keywords": [
@@ -19,111 +23,18 @@
19
23
  "module"
20
24
  ],
21
25
  "type": "module",
22
- "main": "./dist/index.cjs",
23
- "types": "./dist/index.d.ts",
24
26
  "exports": {
25
- ".": {
26
- "types": "./dist/index.d.ts",
27
- "import": "./dist/index.mjs",
28
- "require": "./dist/index.cjs"
29
- },
30
- "./preset": {
31
- "types": "./dist/preset.d.ts",
32
- "import": "./dist/preset.mjs",
33
- "require": "./dist/preset.cjs"
34
- },
35
- "./config": {
36
- "types": "./dist/config.d.ts",
37
- "import": "./dist/config.mjs",
38
- "require": "./dist/config.cjs"
39
- },
40
- "./colors": {
41
- "types": "./dist/colors.d.ts",
42
- "import": "./dist/colors.mjs",
43
- "require": "./dist/colors.cjs"
44
- },
45
- "./themes": {
46
- "types": "./dist/themes.d.ts",
47
- "import": "./dist/themes.mjs",
48
- "require": "./dist/themes.cjs"
49
- },
50
- "./plugins": {
51
- "types": "./dist/plugins/index.d.ts",
52
- "import": "./dist/plugins/index.mjs",
53
- "require": "./dist/plugins/index.cjs"
54
- }
27
+ ".": "./lib/index.css",
28
+ "./theme.css": "./lib/theme.css",
29
+ "./*.css": "./lib/css/*.css"
55
30
  },
56
31
  "files": [
57
- "dist"
32
+ "lib/index.css",
33
+ "lib/theme.css",
34
+ "lib/css"
58
35
  ],
59
- "scripts": {
60
- "dev": "storybook dev -p 6006",
61
- "build": "unbuild",
62
- "build-storybook": "storybook build",
63
- "lint": "run-s lint:eslint:fix lint:prettier:fix",
64
- "lint:prettier": "prettier --check \"./**/*.(ts|css|scss|md)\"",
65
- "lint:prettier:fix": "prettier --write \"./**/*.(ts|css|scss|md)\"",
66
- "lint:eslint": "eslint -c .eslintrc.cjs --ext .ts .",
67
- "lint:eslint:fix": "eslint -c .eslintrc.cjs --fix --ext .ts .",
68
- "test": "run-s lint:eslint lint:prettier test:vitest",
69
- "test:vitest": "vitest",
70
- "coverage": "vitest run --coverage",
71
- "prepack": "pnpm run build",
72
- "release": "run-s test release:*",
73
- "release:standard-version": "standard-version",
74
- "release:publish": "git push --follow-tags origin main && npm publish",
75
- "prepare": "simple-git-hooks"
76
- },
77
36
  "dependencies": {
78
- "@tailwindcss/container-queries": "^0.1.1",
79
- "@tailwindcss/typography": "^0.5.10",
80
- "defu": "^6.1.4",
81
- "tailwindcss": "^3.4.1"
82
- },
83
- "devDependencies": {
84
- "@commitlint/cli": "^18.4.4",
85
- "@commitlint/config-conventional": "^18.4.4",
86
- "@open-wc/lit-helpers": "0.6.0",
87
- "@storybook/addon-essentials": "^8.0.5",
88
- "@storybook/addon-links": "^8.0.5",
89
- "@storybook/addon-themes": "^8.0.5",
90
- "@storybook/blocks": "^8.0.5",
91
- "@storybook/web-components": "^8.0.5",
92
- "@storybook/web-components-vite": "^8.0.5",
93
- "@types/node": "20.11.0",
94
- "@typescript-eslint/eslint-plugin": "^6.18.1",
95
- "@vitest/coverage-v8": "^1.1.3",
96
- "@vitest/ui": "^1.1.3",
97
- "autoprefixer": "^10.4.16",
98
- "chromatic": "^10.2.1",
99
- "commitlint": "^18.4.4",
100
- "eslint": "8.56.0",
101
- "eslint-config-prettier": "9.1.0",
102
- "eslint-plugin-storybook": "^0.8.0",
103
- "eslint-plugin-tailwindcss": "3.13.1",
104
- "eslint-plugin-unicorn": "^50.0.1",
105
- "jsdom": "^23.2.0",
106
- "lint-staged": "^15.2.0",
107
- "lit": "^3.1.1",
108
- "npm-run-all": "^4.1.5",
109
- "postcss": "^8.4.33",
110
- "prettier": "^3.1.1",
111
- "simple-git-hooks": "^2.9.0",
112
- "standard-version": "^9.5.0",
113
- "storybook": "^8.0.5",
114
- "typescript": "^5.3.3",
115
- "unbuild": "^2.0.0",
116
- "vitest": "^1.1.3",
117
- "vitest-axe": "1.0.0-pre.2"
118
- },
119
- "simple-git-hooks": {
120
- "pre-commit": "pnpm lint-staged",
121
- "commit-msg": "pnpm commitlint -e -V "
122
- },
123
- "lint-staged": {
124
- "*.ts?(x)": [
125
- "prettier --parser=typescript --write",
126
- "eslint -c .eslintrc.cjs --fix --ext .ts"
127
- ]
37
+ "@tailwindcss/typography": "^0.5.15",
38
+ "tailwindcss": "4.0.0-beta.8"
128
39
  }
129
- }
40
+ }
package/LICENSE.md DELETED
@@ -1,21 +0,0 @@
1
- MIT License
2
-
3
- Copyright (c) 2023 Css Ninja
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
package/dist/colors.cjs DELETED
@@ -1,2 +0,0 @@
1
- 'use strict';
2
-
package/dist/colors.d.cts DELETED
@@ -1,2 +0,0 @@
1
-
2
- export { }
package/dist/colors.d.mts DELETED
@@ -1,2 +0,0 @@
1
-
2
- export { }
package/dist/colors.d.ts DELETED
@@ -1,2 +0,0 @@
1
-
2
- export { }
package/dist/colors.mjs DELETED
@@ -1 +0,0 @@
1
-
package/dist/config.cjs DELETED
@@ -1,18 +0,0 @@
1
- 'use strict';
2
-
3
- const preset = require('./preset.cjs');
4
- require('@tailwindcss/typography');
5
- require('@tailwindcss/container-queries');
6
- require('./plugins/index.cjs');
7
- require('tailwindcss/plugin');
8
- require('defu');
9
- require('./themes.cjs');
10
- require('tailwindcss/colors');
11
- require('tailwindcss/defaultTheme');
12
-
13
- const config = {
14
- content: [],
15
- presets: [preset.preset]
16
- };
17
-
18
- module.exports = config;
package/dist/config.d.cts DELETED
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- content: never[];
3
- presets: any[];
4
- };
5
-
6
- export { _default as default };
package/dist/config.d.mts DELETED
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- content: never[];
3
- presets: any[];
4
- };
5
-
6
- export { _default as default };
package/dist/config.d.ts DELETED
@@ -1,6 +0,0 @@
1
- declare const _default: {
2
- content: never[];
3
- presets: any[];
4
- };
5
-
6
- export { _default as default };
package/dist/config.mjs DELETED
@@ -1,16 +0,0 @@
1
- import { preset } from './preset.mjs';
2
- import '@tailwindcss/typography';
3
- import '@tailwindcss/container-queries';
4
- import './plugins/index.mjs';
5
- import 'tailwindcss/plugin';
6
- import 'defu';
7
- import './themes.mjs';
8
- import 'tailwindcss/colors';
9
- import 'tailwindcss/defaultTheme';
10
-
11
- const config = {
12
- content: [],
13
- presets: [preset]
14
- };
15
-
16
- export { config as default };
package/dist/index.cjs DELETED
@@ -1,25 +0,0 @@
1
- 'use strict';
2
-
3
- const preset = require('./preset.cjs');
4
- require('@tailwindcss/typography');
5
- require('@tailwindcss/container-queries');
6
- require('./plugins/index.cjs');
7
- require('tailwindcss/plugin');
8
- require('defu');
9
- require('./themes.cjs');
10
- require('tailwindcss/colors');
11
- require('tailwindcss/defaultTheme');
12
-
13
- function withShurikenUI(config) {
14
- if (preset.hasPreset(config)) {
15
- return config;
16
- }
17
- config.presets ?? (config.presets = []);
18
- config.presets.push(preset.preset);
19
- return config;
20
- }
21
-
22
- exports.createPreset = preset.createPreset;
23
- exports.hasPreset = preset.hasPreset;
24
- exports.preset = preset.preset;
25
- exports.withShurikenUI = withShurikenUI;
package/dist/index.d.cts DELETED
@@ -1,11 +0,0 @@
1
- import { S as ShurikenUIConfig } from './shared/tailwind.6e316a50.cjs';
2
- export { c as createPreset, h as hasPreset, p as preset } from './shared/tailwind.6e316a50.cjs';
3
- import 'tailwindcss/types/config';
4
- import 'tailwindcss';
5
-
6
- /**
7
- * Inject the shuriken-ui preset into a tailwind config if not already present
8
- */
9
- declare function withShurikenUI(config: ShurikenUIConfig): ShurikenUIConfig;
10
-
11
- export { withShurikenUI };
package/dist/index.d.mts DELETED
@@ -1,11 +0,0 @@
1
- import { S as ShurikenUIConfig } from './shared/tailwind.6e316a50.mjs';
2
- export { c as createPreset, h as hasPreset, p as preset } from './shared/tailwind.6e316a50.mjs';
3
- import 'tailwindcss/types/config';
4
- import 'tailwindcss';
5
-
6
- /**
7
- * Inject the shuriken-ui preset into a tailwind config if not already present
8
- */
9
- declare function withShurikenUI(config: ShurikenUIConfig): ShurikenUIConfig;
10
-
11
- export { withShurikenUI };
package/dist/index.d.ts DELETED
@@ -1,11 +0,0 @@
1
- import { S as ShurikenUIConfig } from './shared/tailwind.6e316a50.js';
2
- export { c as createPreset, h as hasPreset, p as preset } from './shared/tailwind.6e316a50.js';
3
- import 'tailwindcss/types/config';
4
- import 'tailwindcss';
5
-
6
- /**
7
- * Inject the shuriken-ui preset into a tailwind config if not already present
8
- */
9
- declare function withShurikenUI(config: ShurikenUIConfig): ShurikenUIConfig;
10
-
11
- export { withShurikenUI };
package/dist/index.mjs DELETED
@@ -1,21 +0,0 @@
1
- import { hasPreset, preset } from './preset.mjs';
2
- export { createPreset } from './preset.mjs';
3
- import '@tailwindcss/typography';
4
- import '@tailwindcss/container-queries';
5
- import './plugins/index.mjs';
6
- import 'tailwindcss/plugin';
7
- import 'defu';
8
- import './themes.mjs';
9
- import 'tailwindcss/colors';
10
- import 'tailwindcss/defaultTheme';
11
-
12
- function withShurikenUI(config) {
13
- if (hasPreset(config)) {
14
- return config;
15
- }
16
- config.presets ?? (config.presets = []);
17
- config.presets.push(preset);
18
- return config;
19
- }
20
-
21
- export { hasPreset, preset, withShurikenUI };