@popgrids/ui 0.0.19 → 0.0.21
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/dist/banner-notification.cjs +54 -0
- package/dist/banner-notification.cjs.map +1 -0
- package/dist/banner-notification.d.cts +24 -0
- package/dist/banner-notification.d.ts +24 -0
- package/dist/banner-notification.js +52 -0
- package/dist/banner-notification.js.map +1 -0
- package/dist/button-link.cjs +110 -0
- package/dist/button-link.cjs.map +1 -0
- package/dist/button-link.d.cts +28 -0
- package/dist/button-link.d.ts +28 -0
- package/dist/button-link.js +108 -0
- package/dist/button-link.js.map +1 -0
- package/dist/button.cjs +1 -1
- package/dist/button.cjs.map +1 -1
- package/dist/button.js +1 -1
- package/dist/button.js.map +1 -1
- package/dist/dialog.cjs +439 -39
- package/dist/dialog.cjs.map +1 -1
- package/dist/dialog.d.cts +25 -11
- package/dist/dialog.d.ts +25 -11
- package/dist/dialog.js +439 -39
- package/dist/dialog.js.map +1 -1
- package/dist/index.cjs +223 -47
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +6 -4
- package/dist/index.d.ts +6 -4
- package/dist/index.js +221 -47
- package/dist/index.js.map +1 -1
- package/dist/input.cjs +1 -1
- package/dist/input.cjs.map +1 -1
- package/dist/input.js +1 -1
- package/dist/input.js.map +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tag.cjs +7 -4
- package/dist/tag.cjs.map +1 -1
- package/dist/tag.d.cts +5 -1
- package/dist/tag.d.ts +5 -1
- package/dist/tag.js +8 -5
- package/dist/tag.js.map +1 -1
- package/dist/theme.css +8 -4
- package/package.json +41 -21
package/dist/tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/lib/utils.ts","../src/components/tag/tag.tsx"],"names":[],"mappings":";;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACAA,IAAM,WAAA,GAAc,GAAA;AAAA;AAAA,EAElB,
|
|
1
|
+
{"version":3,"sources":["../src/lib/utils.ts","../src/components/tag/tag.tsx"],"names":[],"mappings":"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","file":"tag.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","import { cva } from \"class-variance-authority\";\nimport type { KeyboardEvent } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport type { TagProps } from \"./types\";\n\nconst tagVariants = cva(\n // Base styles\n \"inline-flex items-center justify-center rounded-full box-border relative font-medium text-sm leading-5 text-center whitespace-nowrap appearance-none focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/60 focus-visible:ring-offset-0\",\n {\n variants: {\n selected: {\n false:\n \"bg-background text-primary-foreground ring ring-primary-foreground ring-offset-0 focus-visible:bg-background focus-visible:text-primary-foreground\",\n true: \"bg-primary-foreground text-white dark:text-primary focus-visible:bg-primary-foreground focus-visible:text-white dark:focus-visible:bg-primary-foreground dark:focus-visible:text-primary\",\n },\n interactive: {\n false: null,\n true: \"cursor-pointer\",\n },\n size: {\n md: null,\n lg: null,\n },\n collapsed: {\n false: null,\n true: null,\n },\n },\n defaultVariants: {\n selected: false,\n interactive: false,\n size: \"md\",\n collapsed: false,\n },\n compoundVariants: [\n // Interactive hover states\n {\n interactive: true,\n selected: false,\n class: \"hover:ring-2 hover:ring-primary-foreground\",\n },\n {\n interactive: true,\n selected: true,\n class: \"hover:bg-primary-foreground/90\",\n },\n // Interactive active states\n {\n interactive: true,\n selected: false,\n class: \"active:ring active:ring-primary-foreground\",\n },\n {\n interactive: true,\n selected: true,\n class: \"active:bg-primary-foreground\",\n },\n // Size variants (non-collapsed)\n {\n size: \"md\",\n collapsed: false,\n class: \"px-2 py-1.5 gap-0.5\",\n },\n {\n size: \"lg\",\n collapsed: false,\n class: \"px-3 py-2.5 gap-1\",\n },\n // Collapsed size adjustments\n {\n size: \"md\",\n collapsed: true,\n class: \"p-1.5 w-8 h-8\",\n },\n {\n size: \"lg\",\n collapsed: true,\n class: \"p-2.5 w-10 h-10\",\n },\n ],\n },\n);\n\nexport function Tag({\n size = \"md\",\n selected = false,\n collapsed = false,\n children,\n leading,\n trailing,\n interactive,\n type,\n onClick,\n className = \"\",\n}: TagProps) {\n const handleClick = () => {\n if (onClick) {\n onClick();\n }\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement | HTMLDivElement>) => {\n if (onClick && (event.key === \"Enter\" || event.key === \" \")) {\n event.preventDefault();\n onClick();\n }\n };\n\n const showLeading = leading && !collapsed;\n const showTrailing = trailing && !collapsed;\n\n // Explicit interactive prop takes precedence; otherwise detect from onClick\n const isInteractive = interactive ?? (typeof onClick === \"function\");\n const TagElement = isInteractive ? \"button\" : \"div\";\n\n return (\n <TagElement\n className={cn(\n tagVariants({\n size,\n selected,\n collapsed,\n interactive: isInteractive,\n }),\n className,\n )}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n type={isInteractive ? (type ?? \"button\") : undefined}\n >\n {!collapsed && (\n <>\n {showLeading && (\n <div className=\"flex h-5 w-5 shrink-0 items-center justify-center overflow-hidden text-inherit\">\n {leading}\n </div>\n )}\n <div className=\"flex items-center justify-center px-1 first:pl-0 last:pr-0\">\n {children}\n </div>\n {showTrailing && (\n <div className=\"flex h-5 w-5 shrink-0 items-center justify-center overflow-hidden text-inherit\">\n {trailing}\n </div>\n )}\n </>\n )}\n\n {collapsed && (\n <div className=\"flex h-5 w-5 shrink-0 items-center justify-center overflow-hidden text-inherit\">\n {leading || trailing}\n </div>\n )}\n </TagElement>\n );\n}\n"]}
|
package/dist/theme.css
CHANGED
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
--muted-foreground: oklch(0.48 0.007 255.43);
|
|
28
28
|
--accent: oklch(0.97 0 0);
|
|
29
29
|
--accent-foreground: oklch(0.205 0 0);
|
|
30
|
-
--destructive: var(--color-error-
|
|
30
|
+
--destructive: var(--color-error-600);
|
|
31
31
|
--border: oklch(0.1101 0.0763 264.05 / 10.2%);
|
|
32
32
|
--input: oklch(0.922 0 0);
|
|
33
|
-
--ring: oklch(
|
|
33
|
+
--ring: oklch(62.3% 0.214 259.815);
|
|
34
34
|
--chart-1: oklch(0.646 0.222 41.116);
|
|
35
35
|
--chart-2: oklch(0.6 0.118 184.704);
|
|
36
36
|
--chart-3: oklch(0.398 0.07 227.392);
|
|
@@ -61,10 +61,10 @@
|
|
|
61
61
|
--muted-foreground: oklch(0.66 0.006 255.43);
|
|
62
62
|
--accent: oklch(0.269 0 0);
|
|
63
63
|
--accent-foreground: oklch(0.985 0 0);
|
|
64
|
-
--destructive: var(--color-error-
|
|
64
|
+
--destructive: var(--color-error-400);
|
|
65
65
|
--border: oklch(1 0 0 / 10%);
|
|
66
66
|
--input: oklch(1 0 0 / 15%);
|
|
67
|
-
--ring: oklch(
|
|
67
|
+
--ring: oklch(62.3% 0.214 259.815);
|
|
68
68
|
--chart-1: oklch(0.488 0.243 264.376);
|
|
69
69
|
--chart-2: oklch(0.696 0.17 162.48);
|
|
70
70
|
--chart-3: oklch(0.769 0.188 70.08);
|
|
@@ -189,6 +189,10 @@
|
|
|
189
189
|
--color-brand-lemon-300: oklch(0.91 0.12 85.43);
|
|
190
190
|
--color-brand-lemon-100: oklch(0.97 0.04 85.43);
|
|
191
191
|
|
|
192
|
+
/* Color: Blue Dark */
|
|
193
|
+
--color-blue-dark-500: oklch(0.5884 0.2244 262.18);
|
|
194
|
+
--color-blue-dark-600: oklch(0.5367 0.2286 262.17);
|
|
195
|
+
|
|
192
196
|
/* Color: Black Alpha */
|
|
193
197
|
--color-black-alpha-25: rgb(0 0 32 / 0.98);
|
|
194
198
|
--color-black-alpha-50: rgb(0 0 32 / 0.96);
|
package/package.json
CHANGED
|
@@ -1,41 +1,41 @@
|
|
|
1
1
|
{
|
|
2
2
|
"author": "PopGrids",
|
|
3
3
|
"dependencies": {
|
|
4
|
-
"@untitledui/icons": "^0.0.
|
|
5
|
-
"class-variance-authority": "^0.7.
|
|
4
|
+
"@untitledui/icons": "^0.0.21",
|
|
5
|
+
"class-variance-authority": "^0.7.1",
|
|
6
6
|
"clsx": "^2.1.1",
|
|
7
|
-
"tailwind-merge": "^3.
|
|
7
|
+
"tailwind-merge": "^3.5.0",
|
|
8
8
|
"tw-animate-css": "^1.4.0"
|
|
9
9
|
},
|
|
10
10
|
"description": "A modern, production-ready React UI component library based on shadcn/ui principles, built with Base UI primitives and optimized for tree-shaking.",
|
|
11
11
|
"devDependencies": {
|
|
12
|
-
"@base-ui/react": "^1.
|
|
12
|
+
"@base-ui/react": "^1.2.0",
|
|
13
13
|
"@changesets/cli": "^2.29.8",
|
|
14
14
|
"@fontsource-variable/inter": "^5.2.8",
|
|
15
15
|
"@fontsource/poppins": "^5.2.7",
|
|
16
16
|
"@size-limit/preset-small-lib": "^12.0.0",
|
|
17
17
|
"@size-limit/time": "^12.0.0",
|
|
18
|
-
"@storybook/addon-a11y": "^10.2.
|
|
19
|
-
"@storybook/builder-vite": "^10.2.
|
|
20
|
-
"@storybook/react-vite": "^10.2.
|
|
18
|
+
"@storybook/addon-a11y": "^10.2.10",
|
|
19
|
+
"@storybook/builder-vite": "^10.2.10",
|
|
20
|
+
"@storybook/react-vite": "^10.2.10",
|
|
21
21
|
"@tailwindcss/typography": "^0.5.19",
|
|
22
|
-
"@tailwindcss/vite": "^4.
|
|
23
|
-
"@types/node": "^25.0
|
|
24
|
-
"@types/react": "^
|
|
25
|
-
"@types/react-dom": "^
|
|
22
|
+
"@tailwindcss/vite": "^4.2.0",
|
|
23
|
+
"@types/node": "^25.3.0",
|
|
24
|
+
"@types/react": "^19.2.14",
|
|
25
|
+
"@types/react-dom": "^19.2.3",
|
|
26
26
|
"esbuild-visualizer": "^0.7.0",
|
|
27
27
|
"fast-glob": "^3.3.3",
|
|
28
|
-
"prettier": "^3.
|
|
28
|
+
"prettier": "^3.8.1",
|
|
29
29
|
"prettier-plugin-tailwindcss": "^0.7.2",
|
|
30
|
-
"react": "^19.
|
|
31
|
-
"react-dom": "^19.
|
|
32
|
-
"shadcn": "^3.
|
|
30
|
+
"react": "^19.2.4",
|
|
31
|
+
"react-dom": "^19.2.4",
|
|
32
|
+
"shadcn": "^3.8.5",
|
|
33
33
|
"size-limit": "^12.0.0",
|
|
34
|
-
"storybook": "^10.2.
|
|
35
|
-
"tailwindcss": "^4.
|
|
36
|
-
"tsup": "^8.
|
|
37
|
-
"typescript": "^5.
|
|
38
|
-
"vite": "^7.3.
|
|
34
|
+
"storybook": "^10.2.10",
|
|
35
|
+
"tailwindcss": "^4.2.0",
|
|
36
|
+
"tsup": "^8.5.1",
|
|
37
|
+
"typescript": "^5.9.3",
|
|
38
|
+
"vite": "^7.3.1"
|
|
39
39
|
},
|
|
40
40
|
"exports": {
|
|
41
41
|
".": {
|
|
@@ -48,6 +48,16 @@
|
|
|
48
48
|
"default": "./dist/index.cjs"
|
|
49
49
|
}
|
|
50
50
|
},
|
|
51
|
+
"./banner-notification": {
|
|
52
|
+
"import": {
|
|
53
|
+
"types": "./dist/banner-notification.d.ts",
|
|
54
|
+
"default": "./dist/banner-notification.js"
|
|
55
|
+
},
|
|
56
|
+
"require": {
|
|
57
|
+
"types": "./dist/banner-notification.d.cts",
|
|
58
|
+
"default": "./dist/banner-notification.cjs"
|
|
59
|
+
}
|
|
60
|
+
},
|
|
51
61
|
"./button": {
|
|
52
62
|
"import": {
|
|
53
63
|
"types": "./dist/button.d.ts",
|
|
@@ -58,6 +68,16 @@
|
|
|
58
68
|
"default": "./dist/button.cjs"
|
|
59
69
|
}
|
|
60
70
|
},
|
|
71
|
+
"./button-link": {
|
|
72
|
+
"import": {
|
|
73
|
+
"types": "./dist/button-link.d.ts",
|
|
74
|
+
"default": "./dist/button-link.js"
|
|
75
|
+
},
|
|
76
|
+
"require": {
|
|
77
|
+
"types": "./dist/button-link.d.cts",
|
|
78
|
+
"default": "./dist/button-link.cjs"
|
|
79
|
+
}
|
|
80
|
+
},
|
|
61
81
|
"./content-block": {
|
|
62
82
|
"import": {
|
|
63
83
|
"types": "./dist/content-block.d.ts",
|
|
@@ -242,7 +262,7 @@
|
|
|
242
262
|
],
|
|
243
263
|
"type": "module",
|
|
244
264
|
"types": "./dist/index.d.ts",
|
|
245
|
-
"version": "0.0.
|
|
265
|
+
"version": "0.0.21",
|
|
246
266
|
"scripts": {
|
|
247
267
|
"analyze": "pnpm tsup && pnpm dlx esbuild-visualizer --metadata ./dist/metafile-esm.json --open",
|
|
248
268
|
"build": "tsup",
|