@incognia/cosmik 1.0.11 → 1.1.1
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/Tabs/index.d.ts +5 -1
- package/dist/Tabs/index.d.ts.map +1 -1
- package/dist/cosmik.css +3 -1
- package/dist/index.cjs +1 -2
- package/dist/index.js +36 -179
- package/dist/index10.cjs +2 -2
- package/dist/index10.cjs.map +1 -1
- package/dist/index10.js +70 -193
- package/dist/index10.js.map +1 -1
- package/dist/index11.cjs +2 -2
- package/dist/index11.cjs.map +1 -1
- package/dist/index11.js +97 -139
- package/dist/index11.js.map +1 -1
- package/dist/index12.cjs +2 -2
- package/dist/index12.cjs.map +1 -1
- package/dist/index12.js +57 -229
- package/dist/index12.js.map +1 -1
- package/dist/index13.cjs +2 -2
- package/dist/index13.cjs.map +1 -1
- package/dist/index13.js +22 -119
- package/dist/index13.js.map +1 -1
- package/dist/index14.cjs +2 -2
- package/dist/index14.cjs.map +1 -1
- package/dist/index14.js +89 -25
- package/dist/index14.js.map +1 -1
- package/dist/index15.cjs +2 -2
- package/dist/index15.cjs.map +1 -1
- package/dist/index15.js +89 -26
- package/dist/index15.js.map +1 -1
- package/dist/index16.cjs +2 -2
- package/dist/index16.cjs.map +1 -1
- package/dist/index16.js +125 -23
- package/dist/index16.js.map +1 -1
- package/dist/index17.cjs +2 -2
- package/dist/index17.cjs.map +1 -1
- package/dist/index17.js +37 -60
- package/dist/index17.js.map +1 -1
- package/dist/index18.cjs +2 -2
- package/dist/index18.cjs.map +1 -1
- package/dist/index18.js +75 -22
- package/dist/index18.js.map +1 -1
- package/dist/index19.cjs +2 -2
- package/dist/index19.cjs.map +1 -1
- package/dist/index19.js +68 -108
- package/dist/index19.js.map +1 -1
- package/dist/index2.cjs +1 -0
- package/dist/index20.cjs +2 -2
- package/dist/index20.cjs.map +1 -1
- package/dist/index20.js +28 -45
- package/dist/index20.js.map +1 -1
- package/dist/index21.cjs +2 -2
- package/dist/index21.cjs.map +1 -1
- package/dist/index21.js +15 -31
- package/dist/index21.js.map +1 -1
- package/dist/index22.cjs +2 -2
- package/dist/index22.cjs.map +1 -1
- package/dist/index22.js +16 -46
- package/dist/index22.js.map +1 -1
- package/dist/index23.cjs +2 -2
- package/dist/index23.cjs.map +1 -1
- package/dist/index23.js +51 -186
- package/dist/index23.js.map +1 -1
- package/dist/index24.cjs +2 -2
- package/dist/index24.cjs.map +1 -1
- package/dist/index24.js +9 -28
- package/dist/index24.js.map +1 -1
- package/dist/index25.cjs +2 -2
- package/dist/index25.cjs.map +1 -1
- package/dist/index25.js +24 -132
- package/dist/index25.js.map +1 -1
- package/dist/index26.cjs +2 -2
- package/dist/index26.cjs.map +1 -1
- package/dist/index26.js +68 -17
- package/dist/index26.js.map +1 -1
- package/dist/index27.cjs +2 -2
- package/dist/index27.cjs.map +1 -1
- package/dist/index27.js +22 -36
- package/dist/index27.js.map +1 -1
- package/dist/index28.cjs +2 -2
- package/dist/index28.cjs.map +1 -1
- package/dist/index28.js +29 -33
- package/dist/index28.js.map +1 -1
- package/dist/index29.cjs +2 -2
- package/dist/index29.cjs.map +1 -1
- package/dist/index29.js +89 -127
- package/dist/index29.js.map +1 -1
- package/dist/index3.js +16 -85
- package/dist/index3.js.map +1 -1
- package/dist/index30.cjs +2 -2
- package/dist/index30.cjs.map +1 -1
- package/dist/index30.js +18 -65
- package/dist/index30.js.map +1 -1
- package/dist/index31.cjs +2 -2
- package/dist/index31.cjs.map +1 -1
- package/dist/index31.js +82 -87
- package/dist/index31.js.map +1 -1
- package/dist/index32.cjs +2 -2
- package/dist/index32.cjs.map +1 -1
- package/dist/index32.js +12 -23
- package/dist/index32.js.map +1 -1
- package/dist/index33.cjs +2 -2
- package/dist/index33.cjs.map +1 -1
- package/dist/index33.js +44 -94
- package/dist/index33.js.map +1 -1
- package/dist/index34.cjs +2 -2
- package/dist/index34.cjs.map +1 -1
- package/dist/index34.js +20 -72
- package/dist/index34.js.map +1 -1
- package/dist/index35.cjs +2 -2
- package/dist/index35.cjs.map +1 -1
- package/dist/index35.js +66 -62
- package/dist/index35.js.map +1 -1
- package/dist/index36.cjs +2 -2
- package/dist/index36.cjs.map +1 -1
- package/dist/index36.js +59 -161
- package/dist/index36.js.map +1 -1
- package/dist/index37.cjs +2 -2
- package/dist/index37.cjs.map +1 -1
- package/dist/index37.js +73 -6
- package/dist/index37.js.map +1 -1
- package/dist/index38.cjs +2 -2
- package/dist/index38.cjs.map +1 -1
- package/dist/index38.js +15 -36
- package/dist/index38.js.map +1 -1
- package/dist/index39.cjs +2 -2
- package/dist/index39.cjs.map +1 -1
- package/dist/index39.js +86 -15
- package/dist/index39.js.map +1 -1
- package/dist/index4.cjs +2 -2
- package/dist/index4.cjs.map +1 -1
- package/dist/index4.js +34 -159
- package/dist/index4.js.map +1 -1
- package/dist/index40.cjs +2 -2
- package/dist/index40.cjs.map +1 -1
- package/dist/index40.js +51 -119
- package/dist/index40.js.map +1 -1
- package/dist/index41.cjs +2 -2
- package/dist/index41.cjs.map +1 -1
- package/dist/index41.js +48 -16
- package/dist/index41.js.map +1 -1
- package/dist/index42.cjs +2 -2
- package/dist/index42.cjs.map +1 -1
- package/dist/index42.js +84 -11
- package/dist/index42.js.map +1 -1
- package/dist/index43.cjs +2 -2
- package/dist/index43.cjs.map +1 -1
- package/dist/index5.cjs +2 -2
- package/dist/index5.cjs.map +1 -1
- package/dist/index5.js +1586 -79
- package/dist/index5.js.map +1 -1
- package/dist/index6.cjs +2 -2
- package/dist/index6.cjs.map +1 -1
- package/dist/index6.js +15 -164
- package/dist/index6.js.map +1 -1
- package/dist/index7.cjs +2 -2
- package/dist/index7.cjs.map +1 -1
- package/dist/index7.js +60 -196
- package/dist/index7.js.map +1 -1
- package/dist/index8.cjs +2 -2
- package/dist/index8.cjs.map +1 -1
- package/dist/index8.js +156 -90
- package/dist/index8.js.map +1 -1
- package/dist/index9.cjs +2 -2
- package/dist/index9.cjs.map +1 -1
- package/dist/index9.js +92 -40
- package/dist/index9.js.map +1 -1
- package/package.json +22 -20
- package/dist/index.cjs.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/index3.cjs +0 -2
- package/dist/index3.cjs.map +0 -1
- package/dist/index43.js +0 -5
- package/dist/index43.js.map +0 -1
- package/dist/index44.cjs +0 -2
- package/dist/index44.cjs.map +0 -1
- package/dist/index44.js +0 -27
- package/dist/index44.js.map +0 -1
- package/dist/index45.cjs +0 -7
- package/dist/index45.cjs.map +0 -1
- package/dist/index45.js +0 -239
- package/dist/index45.js.map +0 -1
- package/dist/index46.cjs +0 -2
- package/dist/index46.cjs.map +0 -1
- package/dist/index46.js +0 -17
- package/dist/index46.js.map +0 -1
- package/dist/index47.cjs +0 -2
- package/dist/index47.cjs.map +0 -1
- package/dist/index47.js +0 -2732
- package/dist/index47.js.map +0 -1
- package/dist/index48.cjs +0 -2
- package/dist/index48.cjs.map +0 -1
- package/dist/index48.js +0 -5
- package/dist/index48.js.map +0 -1
- package/dist/index49.cjs +0 -2
- package/dist/index49.cjs.map +0 -1
- package/dist/index49.js +0 -5
- package/dist/index49.js.map +0 -1
- /package/dist/{cosmik-theme.css → src/cosmik-theme.css} +0 -0
package/dist/index40.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use
|
|
2
|
-
//# sourceMappingURL=index40.cjs.map
|
|
1
|
+
"use client";const e=require("./index2.cjs"),t=require("./index5.cjs"),n=require("./index7.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-toggle");a=e.__toESM(a,1);var o=t.cva(`inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40`,{variants:{variant:{"badge-green":`bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200`,"badge-yellow":`bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200`,"badge-magenta":`bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100`,"badge-gray":`bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300`,"badge-purple":`bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200`,"badge-robinblue":`bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200`},size:{icon:`w-32 h-32`,sm:`px-8 h-[26px] text-sm`,md:`px-12 h-32 text-base`},border:{outline:`border`,none:`border-0`},inverted:{true:`data-[state=on]:text-white [&_svg]:data-[state=on]:text-white`,false:``}},compoundVariants:[{inverted:!0,variant:`badge-green`,className:`data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800`},{inverted:!0,variant:`badge-yellow`,className:`data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800`},{inverted:!0,variant:`badge-magenta`,className:`data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800`},{inverted:!0,variant:`badge-gray`,className:`data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800`},{inverted:!0,variant:`badge-purple`,className:`data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800`},{inverted:!0,variant:`badge-robinblue`,className:`data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800`}],defaultVariants:{variant:`badge-purple`,size:`icon`,border:`outline`,inverted:!1}});function s({className:e,variant:t,size:r,border:s,inverted:c,...l}){return(0,i.jsx)(a.Root,{"data-slot":`toggle`,className:n.cn(o({variant:t,size:r,border:s,inverted:c,className:e})),...l})}exports.Toggle=s,exports.toggleVariants=o;
|
|
2
|
+
//# sourceMappingURL=index40.cjs.map
|
package/dist/index40.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index40.cjs","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index40.cjs","names":[],"sources":["../src/Toggle/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst toggleVariants = cva(\n 'inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40',\n {\n variants: {\n variant: {\n 'badge-green':\n 'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200',\n 'badge-yellow':\n 'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200',\n 'badge-magenta':\n 'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100',\n 'badge-gray':\n 'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300',\n 'badge-purple':\n 'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200',\n 'badge-robinblue':\n 'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200'\n },\n size: {\n icon: 'w-32 h-32',\n sm: 'px-8 h-[26px] text-sm',\n md: 'px-12 h-32 text-base'\n },\n border: {\n outline: 'border',\n none: 'border-0'\n },\n inverted: {\n true: 'data-[state=on]:text-white [&_svg]:data-[state=on]:text-white',\n false: ''\n }\n },\n compoundVariants: [\n {\n inverted: true,\n variant: 'badge-green',\n className:\n 'data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800'\n },\n {\n inverted: true,\n variant: 'badge-yellow',\n className:\n 'data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800'\n },\n {\n inverted: true,\n variant: 'badge-magenta',\n className:\n 'data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800'\n },\n {\n inverted: true,\n variant: 'badge-gray',\n className:\n 'data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800'\n },\n {\n inverted: true,\n variant: 'badge-purple',\n className:\n 'data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800'\n },\n {\n inverted: true,\n variant: 'badge-robinblue',\n className:\n 'data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800'\n }\n ],\n defaultVariants: {\n variant: 'badge-purple',\n size: 'icon',\n border: 'outline',\n inverted: false\n }\n }\n)\n\nfunction Toggle({\n className,\n variant,\n size,\n border,\n inverted,\n ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants>) {\n return (\n <TogglePrimitive.Root\n data-slot=\"toggle\"\n className={cn(\n toggleVariants({ variant, size, border, inverted, className })\n )}\n {...props}\n />\n )\n}\n\nexport { Toggle, toggleVariants }\n"],"mappings":"iOAOA,IAAM,EAAiB,EAAA,IACrB,gIACA,CACE,SAAU,CACR,QAAS,CACP,cACE,sOACF,eACE,2OACF,gBACE,gPACF,aACE,mOACF,eACE,6OACF,kBACE,2PACJ,EACA,KAAM,CACJ,KAAM,YACN,GAAI,wBACJ,GAAI,sBACN,EACA,OAAQ,CACN,QAAS,SACT,KAAM,UACR,EACA,SAAU,CACR,KAAM,gEACN,MAAO,EACT,CACF,EACA,iBAAkB,CAChB,CACE,SAAU,GACV,QAAS,cACT,UACE,kGACJ,EACA,CACE,SAAU,GACV,QAAS,eACT,UACE,qGACJ,EACA,CACE,SAAU,GACV,QAAS,gBACT,UACE,wGACJ,EACA,CACE,SAAU,GACV,QAAS,aACT,UACE,+FACJ,EACA,CACE,SAAU,GACV,QAAS,eACT,UACE,qGACJ,EACA,CACE,SAAU,GACV,QAAS,kBACT,UACE,8GACJ,CACF,EACA,gBAAiB,CACf,QAAS,eACT,KAAM,OACN,OAAQ,UACR,SAAU,EACZ,CACF,CACF,EAEA,SAAS,EAAO,CACd,YACA,UACA,OACA,SACA,WACA,GAAG,GAEkC,CACrC,OACE,EAAA,EAAA,KAAC,EAAgB,KAAjB,CACE,YAAU,SACV,UAAW,EAAA,GACT,EAAe,CAAE,UAAS,OAAM,SAAQ,WAAU,WAAU,CAAC,CAC/D,EACA,GAAI,CACL,CAAA,CAEL"}
|
package/dist/index40.js
CHANGED
|
@@ -1,121 +1,53 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
defaultVariants: {
|
|
14
|
-
variant: "gray"
|
|
15
|
-
}
|
|
16
|
-
}), n = c("", {
|
|
17
|
-
variants: {
|
|
18
|
-
variant: {
|
|
19
|
-
white: "bg-white",
|
|
20
|
-
gray: "bg-gray-50"
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
defaultVariants: {
|
|
24
|
-
variant: "gray"
|
|
25
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "./index6.js";
|
|
3
|
+
import { toggleVariants as t } from "./index39.js";
|
|
4
|
+
import * as n from "react";
|
|
5
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
6
|
+
import * as i from "@radix-ui/react-toggle-group";
|
|
7
|
+
//#region src/ToggleGroup/index.tsx
|
|
8
|
+
var a = n.createContext({
|
|
9
|
+
variant: "badge-purple",
|
|
10
|
+
size: "icon",
|
|
11
|
+
border: "outline",
|
|
12
|
+
inverted: !1
|
|
26
13
|
});
|
|
27
|
-
function
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
/* @__PURE__ */ e.jsxs(
|
|
45
|
-
"div",
|
|
46
|
-
{
|
|
47
|
-
className: r("absolute left-0 top-0 h-full flex items-center", {
|
|
48
|
-
hidden: !u
|
|
49
|
-
}),
|
|
50
|
-
children: [
|
|
51
|
-
/* @__PURE__ */ e.jsx(
|
|
52
|
-
x,
|
|
53
|
-
{
|
|
54
|
-
size: 16,
|
|
55
|
-
className: r(
|
|
56
|
-
"text-gray-600 h-full cursor-pointer",
|
|
57
|
-
n({ variant: o })
|
|
58
|
-
),
|
|
59
|
-
onClick: () => t.current?.scrollBy({ left: -100, behavior: "smooth" })
|
|
60
|
-
}
|
|
61
|
-
),
|
|
62
|
-
/* @__PURE__ */ e.jsx(
|
|
63
|
-
"div",
|
|
64
|
-
{
|
|
65
|
-
className: r(
|
|
66
|
-
"w-[50px] h-full bg-linear-to-l from-transparent",
|
|
67
|
-
i({ variant: o })
|
|
68
|
-
)
|
|
69
|
-
}
|
|
70
|
-
)
|
|
71
|
-
]
|
|
72
|
-
}
|
|
73
|
-
),
|
|
74
|
-
/* @__PURE__ */ e.jsx(
|
|
75
|
-
"div",
|
|
76
|
-
{
|
|
77
|
-
ref: t,
|
|
78
|
-
onScroll: a,
|
|
79
|
-
className: r("overflow-scroll no-scrollbar", d),
|
|
80
|
-
children: f
|
|
81
|
-
}
|
|
82
|
-
),
|
|
83
|
-
/* @__PURE__ */ e.jsxs(
|
|
84
|
-
"div",
|
|
85
|
-
{
|
|
86
|
-
className: r(
|
|
87
|
-
"absolute right-0 top-0 h-full w-fit flex items-center justify-end",
|
|
88
|
-
{ hidden: !m }
|
|
89
|
-
),
|
|
90
|
-
children: [
|
|
91
|
-
/* @__PURE__ */ e.jsx(
|
|
92
|
-
"div",
|
|
93
|
-
{
|
|
94
|
-
className: r(
|
|
95
|
-
"w-[50px] h-full bg-linear-to-r from-transparent",
|
|
96
|
-
i({ variant: o })
|
|
97
|
-
)
|
|
98
|
-
}
|
|
99
|
-
),
|
|
100
|
-
/* @__PURE__ */ e.jsx(
|
|
101
|
-
w,
|
|
102
|
-
{
|
|
103
|
-
size: 16,
|
|
104
|
-
className: r(
|
|
105
|
-
"text-gray-600 h-full cursor-pointer",
|
|
106
|
-
n({ variant: o })
|
|
107
|
-
),
|
|
108
|
-
onClick: () => t.current?.scrollBy({ left: 100, behavior: "smooth" })
|
|
109
|
-
}
|
|
110
|
-
)
|
|
111
|
-
]
|
|
112
|
-
}
|
|
113
|
-
)
|
|
114
|
-
] });
|
|
14
|
+
function o({ className: t, variant: n, size: o, border: s, inverted: c, children: l, ...u }) {
|
|
15
|
+
return /* @__PURE__ */ r(i.Root, {
|
|
16
|
+
"data-slot": "toggle-group",
|
|
17
|
+
"data-variant": n,
|
|
18
|
+
"data-size": o,
|
|
19
|
+
className: e("group/toggle-group flex w-fit items-center rounded data-[variant=outline]:shadow", t),
|
|
20
|
+
...u,
|
|
21
|
+
children: /* @__PURE__ */ r(a.Provider, {
|
|
22
|
+
value: {
|
|
23
|
+
variant: n,
|
|
24
|
+
size: o,
|
|
25
|
+
border: s,
|
|
26
|
+
inverted: c
|
|
27
|
+
},
|
|
28
|
+
children: l
|
|
29
|
+
})
|
|
30
|
+
});
|
|
115
31
|
}
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
32
|
+
function s({ className: o, children: s, variant: c, size: l, border: u, inverted: d, ...f }) {
|
|
33
|
+
let p = n.useContext(a);
|
|
34
|
+
return /* @__PURE__ */ r(i.Item, {
|
|
35
|
+
"data-slot": "toggle-group-item",
|
|
36
|
+
"data-variant": p.variant || c,
|
|
37
|
+
"data-size": p.size || l,
|
|
38
|
+
"data-border": p.border || u,
|
|
39
|
+
"data-inverted": p.inverted || d,
|
|
40
|
+
className: e(t({
|
|
41
|
+
variant: p.variant || c,
|
|
42
|
+
size: p.size || l,
|
|
43
|
+
border: p.border || u,
|
|
44
|
+
inverted: p.inverted || d
|
|
45
|
+
}), "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l last:rounded-r focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l", o),
|
|
46
|
+
...f,
|
|
47
|
+
children: s
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
//#endregion
|
|
51
|
+
export { o as ToggleGroup, s as ToggleGroupItem };
|
|
52
|
+
|
|
53
|
+
//# sourceMappingURL=index40.js.map
|
package/dist/index40.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index40.js","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index40.js","names":[],"sources":["../src/ToggleGroup/index.tsx"],"sourcesContent":["'use client'\n\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport { VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { toggleVariants } from '../Toggle'\nimport { cn } from '../lib/utils'\n\nconst ToggleGroupContext = React.createContext<\n VariantProps<typeof toggleVariants>\n>({\n variant: 'badge-purple',\n size: 'icon',\n border: 'outline',\n inverted: false\n})\n\nfunction ToggleGroup({\n className,\n variant,\n size,\n border,\n inverted,\n children,\n ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n VariantProps<typeof toggleVariants>) {\n return (\n <ToggleGroupPrimitive.Root\n data-slot=\"toggle-group\"\n data-variant={variant}\n data-size={size}\n className={cn(\n 'group/toggle-group flex w-fit items-center rounded data-[variant=outline]:shadow',\n className\n )}\n {...props}\n >\n <ToggleGroupContext.Provider value={{ variant, size, border, inverted }}>\n {children}\n </ToggleGroupContext.Provider>\n </ToggleGroupPrimitive.Root>\n )\n}\n\nfunction ToggleGroupItem({\n className,\n children,\n variant,\n size,\n border,\n inverted,\n ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n VariantProps<typeof toggleVariants>) {\n const context = React.useContext(ToggleGroupContext)\n\n return (\n <ToggleGroupPrimitive.Item\n data-slot=\"toggle-group-item\"\n data-variant={context.variant || variant}\n data-size={context.size || size}\n data-border={context.border || border}\n data-inverted={context.inverted || inverted}\n className={cn(\n toggleVariants({\n variant: context.variant || variant,\n size: context.size || size,\n border: context.border || border,\n inverted: context.inverted || inverted\n }),\n 'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l last:rounded-r focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l',\n className\n )}\n {...props}\n >\n {children}\n </ToggleGroupPrimitive.Item>\n )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"mappings":";;;;;;;AAQA,IAAM,IAAqB,EAAM,cAE/B;CACA,SAAS;CACT,MAAM;CACN,QAAQ;CACR,UAAU;AACZ,CAAC;AAED,SAAS,EAAY,EACnB,cACA,YACA,SACA,WACA,aACA,aACA,GAAG,KAEkC;CACrC,OACE,kBAAC,EAAqB,MAAtB;EACE,aAAU;EACV,gBAAc;EACd,aAAW;EACX,WAAW,EACT,oFACA,CACF;EACA,GAAI;YAEJ,kBAAC,EAAmB,UAApB;GAA6B,OAAO;IAAE;IAAS;IAAM;IAAQ;GAAS;GACnE;EAC0B,CAAA;CACJ,CAAA;AAE/B;AAEA,SAAS,EAAgB,EACvB,cACA,aACA,YACA,SACA,WACA,aACA,GAAG,KAEkC;CACrC,IAAM,IAAU,EAAM,WAAW,CAAkB;CAEnD,OACE,kBAAC,EAAqB,MAAtB;EACE,aAAU;EACV,gBAAc,EAAQ,WAAW;EACjC,aAAW,EAAQ,QAAQ;EAC3B,eAAa,EAAQ,UAAU;EAC/B,iBAAe,EAAQ,YAAY;EACnC,WAAW,EACT,EAAe;GACb,SAAS,EAAQ,WAAW;GAC5B,MAAM,EAAQ,QAAQ;GACtB,QAAQ,EAAQ,UAAU;GAC1B,UAAU,EAAQ,YAAY;EAChC,CAAC,GACD,yLACA,CACF;EACA,GAAI;EAEH;CACwB,CAAA;AAE/B"}
|
package/dist/index41.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use
|
|
2
|
-
//# sourceMappingURL=index41.cjs.map
|
|
1
|
+
"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index40.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-toggle-group");a=e.__toESM(a,1);var o=r.createContext({variant:`badge-purple`,size:`icon`,border:`outline`,inverted:!1});function s({className:e,variant:n,size:r,border:s,inverted:c,children:l,...u}){return(0,i.jsx)(a.Root,{"data-slot":`toggle-group`,"data-variant":n,"data-size":r,className:t.cn(`group/toggle-group flex w-fit items-center rounded data-[variant=outline]:shadow`,e),...u,children:(0,i.jsx)(o.Provider,{value:{variant:n,size:r,border:s,inverted:c},children:l})})}function c({className:e,children:s,variant:c,size:l,border:u,inverted:d,...f}){let p=r.useContext(o);return(0,i.jsx)(a.Item,{"data-slot":`toggle-group-item`,"data-variant":p.variant||c,"data-size":p.size||l,"data-border":p.border||u,"data-inverted":p.inverted||d,className:t.cn(n.toggleVariants({variant:p.variant||c,size:p.size||l,border:p.border||u,inverted:p.inverted||d}),`min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l last:rounded-r focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l`,e),...f,children:s})}exports.ToggleGroup=s,exports.ToggleGroupItem=c;
|
|
2
|
+
//# sourceMappingURL=index41.cjs.map
|
package/dist/index41.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index41.cjs","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index41.cjs","names":[],"sources":["../src/ToggleGroup/index.tsx"],"sourcesContent":["'use client'\n\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport { VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { toggleVariants } from '../Toggle'\nimport { cn } from '../lib/utils'\n\nconst ToggleGroupContext = React.createContext<\n VariantProps<typeof toggleVariants>\n>({\n variant: 'badge-purple',\n size: 'icon',\n border: 'outline',\n inverted: false\n})\n\nfunction ToggleGroup({\n className,\n variant,\n size,\n border,\n inverted,\n children,\n ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n VariantProps<typeof toggleVariants>) {\n return (\n <ToggleGroupPrimitive.Root\n data-slot=\"toggle-group\"\n data-variant={variant}\n data-size={size}\n className={cn(\n 'group/toggle-group flex w-fit items-center rounded data-[variant=outline]:shadow',\n className\n )}\n {...props}\n >\n <ToggleGroupContext.Provider value={{ variant, size, border, inverted }}>\n {children}\n </ToggleGroupContext.Provider>\n </ToggleGroupPrimitive.Root>\n )\n}\n\nfunction ToggleGroupItem({\n className,\n children,\n variant,\n size,\n border,\n inverted,\n ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n VariantProps<typeof toggleVariants>) {\n const context = React.useContext(ToggleGroupContext)\n\n return (\n <ToggleGroupPrimitive.Item\n data-slot=\"toggle-group-item\"\n data-variant={context.variant || variant}\n data-size={context.size || size}\n data-border={context.border || border}\n data-inverted={context.inverted || inverted}\n className={cn(\n toggleVariants({\n variant: context.variant || variant,\n size: context.size || size,\n border: context.border || border,\n inverted: context.inverted || inverted\n }),\n 'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l last:rounded-r focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l',\n className\n )}\n {...props}\n >\n {children}\n </ToggleGroupPrimitive.Item>\n )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"mappings":"wOAQA,IAAM,EAAqB,EAAM,cAE/B,CACA,QAAS,eACT,KAAM,OACN,OAAQ,UACR,SAAU,EACZ,CAAC,EAED,SAAS,EAAY,CACnB,YACA,UACA,OACA,SACA,WACA,WACA,GAAG,GAEkC,CACrC,OACE,EAAA,EAAA,KAAC,EAAqB,KAAtB,CACE,YAAU,eACV,eAAc,EACd,YAAW,EACX,UAAW,EAAA,GACT,mFACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAmB,SAApB,CAA6B,MAAO,CAAE,UAAS,OAAM,SAAQ,UAAS,EACnE,UAC0B,CAAA,CACJ,CAAA,CAE/B,CAEA,SAAS,EAAgB,CACvB,YACA,WACA,UACA,OACA,SACA,WACA,GAAG,GAEkC,CACrC,IAAM,EAAU,EAAM,WAAW,CAAkB,EAEnD,OACE,EAAA,EAAA,KAAC,EAAqB,KAAtB,CACE,YAAU,oBACV,eAAc,EAAQ,SAAW,EACjC,YAAW,EAAQ,MAAQ,EAC3B,cAAa,EAAQ,QAAU,EAC/B,gBAAe,EAAQ,UAAY,EACnC,UAAW,EAAA,GACT,EAAA,eAAe,CACb,QAAS,EAAQ,SAAW,EAC5B,KAAM,EAAQ,MAAQ,EACtB,OAAQ,EAAQ,QAAU,EAC1B,SAAU,EAAQ,UAAY,CAChC,CAAC,EACD,wLACA,CACF,EACA,GAAI,EAEH,UACwB,CAAA,CAE/B"}
|
package/dist/index41.js
CHANGED
|
@@ -1,17 +1,49 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { cva as e } from "./index4.js";
|
|
3
|
+
import { cn as t } from "./index6.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
6
|
+
import * as r from "@radix-ui/react-tooltip";
|
|
7
|
+
//#region src/Tooltip/index.tsx
|
|
8
|
+
var i = e("z-50 overflow-hidden rounded px-12 py-8 text-sm shadow-200 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-tooltip-content-transform-origin)", {
|
|
9
|
+
variants: { variant: {
|
|
10
|
+
default: "bg-gray-800 text-white text-sm",
|
|
11
|
+
inverted: "bg-white text-gray-800 border border-gray-900/8"
|
|
12
|
+
} },
|
|
13
|
+
defaultVariants: { variant: "default" }
|
|
14
|
+
});
|
|
15
|
+
function a({ delayDuration: e = 0, ...t }) {
|
|
16
|
+
return /* @__PURE__ */ n(r.Provider, {
|
|
17
|
+
"data-slot": "tooltip-provider",
|
|
18
|
+
delayDuration: e,
|
|
19
|
+
...t
|
|
20
|
+
});
|
|
13
21
|
}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
22
|
+
function o({ ...e }) {
|
|
23
|
+
return /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(r.Root, {
|
|
24
|
+
"data-slot": "tooltip",
|
|
25
|
+
...e
|
|
26
|
+
}) });
|
|
27
|
+
}
|
|
28
|
+
function s({ ...e }) {
|
|
29
|
+
return /* @__PURE__ */ n(r.Trigger, {
|
|
30
|
+
"data-slot": "tooltip-trigger",
|
|
31
|
+
...e
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
function c({ variant: e, className: a, sideOffset: o = 4, children: s, ...c }) {
|
|
35
|
+
return /* @__PURE__ */ n(r.Portal, { children: /* @__PURE__ */ n(r.Content, {
|
|
36
|
+
"data-slot": "tooltip-content",
|
|
37
|
+
sideOffset: o,
|
|
38
|
+
className: t(i({
|
|
39
|
+
variant: e,
|
|
40
|
+
className: a
|
|
41
|
+
})),
|
|
42
|
+
...c,
|
|
43
|
+
children: s
|
|
44
|
+
}) });
|
|
45
|
+
}
|
|
46
|
+
//#endregion
|
|
47
|
+
export { o as Tooltip, c as TooltipContent, a as TooltipProvider, s as TooltipTrigger };
|
|
48
|
+
|
|
49
|
+
//# sourceMappingURL=index41.js.map
|
package/dist/index41.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index41.js","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index41.js","names":[],"sources":["../src/Tooltip/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { VariantProps, cva } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst tooltipContentVariants = cva(\n 'z-50 overflow-hidden rounded px-12 py-8 text-sm shadow-200 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-tooltip-content-transform-origin)',\n {\n variants: {\n variant: {\n default: 'bg-gray-800 text-white text-sm',\n inverted: 'bg-white text-gray-800 border border-gray-900/8'\n }\n },\n defaultVariants: {\n variant: 'default'\n }\n }\n)\n\nfunction TooltipProvider({\n delayDuration = 0,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n return (\n <TooltipPrimitive.Provider\n data-slot=\"tooltip-provider\"\n delayDuration={delayDuration}\n {...props}\n />\n )\n}\n\nfunction Tooltip({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n return (\n <TooltipProvider>\n <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n </TooltipProvider>\n )\n}\n\nfunction TooltipTrigger({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n variant,\n className,\n sideOffset = 4,\n children,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content> &\n VariantProps<typeof tooltipContentVariants>) {\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n data-slot=\"tooltip-content\"\n sideOffset={sideOffset}\n className={cn(tooltipContentVariants({ variant, className }))}\n {...props}\n >\n {children}\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n )\n}\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"mappings":";;;;;;;AAOA,IAAM,IAAyB,EAC7B,2YACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,UAAU;CACZ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAgB,EACvB,mBAAgB,GAChB,GAAG,KACsD;CACzD,OACE,kBAAC,EAAiB,UAAlB;EACE,aAAU;EACK;EACf,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAQ,EACf,GAAG,KACkD;CACrD,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA,EACxC,CAAA;AAErB;AAEA,SAAS,EAAe,EACtB,GAAG,KACqD;CACxD,OAAO,kBAAC,EAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,EAAe,EACtB,YACA,cACA,gBAAa,GACb,aACA,GAAG,KAE0C;CAC7C,OACE,kBAAC,EAAiB,QAAlB,EAAA,UACE,kBAAC,EAAiB,SAAlB;EACE,aAAU;EACE;EACZ,WAAW,EAAG,EAAuB;GAAE;GAAS;EAAU,CAAC,CAAC;EAC5D,GAAI;EAEH;CACuB,CAAA,EACH,CAAA;AAE7B"}
|
package/dist/index42.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use
|
|
2
|
-
//# sourceMappingURL=index42.cjs.map
|
|
1
|
+
"use client";const e=require("./index2.cjs"),t=require("./index5.cjs"),n=require("./index7.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-tooltip");a=e.__toESM(a,1);var o=t.cva(`z-50 overflow-hidden rounded px-12 py-8 text-sm shadow-200 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-tooltip-content-transform-origin)`,{variants:{variant:{default:`bg-gray-800 text-white text-sm`,inverted:`bg-white text-gray-800 border border-gray-900/8`}},defaultVariants:{variant:`default`}});function s({delayDuration:e=0,...t}){return(0,i.jsx)(a.Provider,{"data-slot":`tooltip-provider`,delayDuration:e,...t})}function c({...e}){return(0,i.jsx)(s,{children:(0,i.jsx)(a.Root,{"data-slot":`tooltip`,...e})})}function l({...e}){return(0,i.jsx)(a.Trigger,{"data-slot":`tooltip-trigger`,...e})}function u({variant:e,className:t,sideOffset:r=4,children:s,...c}){return(0,i.jsx)(a.Portal,{children:(0,i.jsx)(a.Content,{"data-slot":`tooltip-content`,sideOffset:r,className:n.cn(o({variant:e,className:t})),...c,children:s})})}exports.Tooltip=c,exports.TooltipContent=u,exports.TooltipProvider=s,exports.TooltipTrigger=l;
|
|
2
|
+
//# sourceMappingURL=index42.cjs.map
|
package/dist/index42.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index42.cjs","sources":["../
|
|
1
|
+
{"version":3,"file":"index42.cjs","names":[],"sources":["../src/Tooltip/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { VariantProps, cva } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst tooltipContentVariants = cva(\n 'z-50 overflow-hidden rounded px-12 py-8 text-sm shadow-200 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-tooltip-content-transform-origin)',\n {\n variants: {\n variant: {\n default: 'bg-gray-800 text-white text-sm',\n inverted: 'bg-white text-gray-800 border border-gray-900/8'\n }\n },\n defaultVariants: {\n variant: 'default'\n }\n }\n)\n\nfunction TooltipProvider({\n delayDuration = 0,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n return (\n <TooltipPrimitive.Provider\n data-slot=\"tooltip-provider\"\n delayDuration={delayDuration}\n {...props}\n />\n )\n}\n\nfunction Tooltip({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n return (\n <TooltipProvider>\n <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n </TooltipProvider>\n )\n}\n\nfunction TooltipTrigger({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n variant,\n className,\n sideOffset = 4,\n children,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content> &\n VariantProps<typeof tooltipContentVariants>) {\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n data-slot=\"tooltip-content\"\n sideOffset={sideOffset}\n className={cn(tooltipContentVariants({ variant, className }))}\n {...props}\n >\n {children}\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n )\n}\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"mappings":"kOAOA,IAAM,EAAyB,EAAA,IAC7B,0YACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iCACT,SAAU,iDACZ,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAEA,SAAS,EAAgB,CACvB,gBAAgB,EAChB,GAAG,GACsD,CACzD,OACE,EAAA,EAAA,KAAC,EAAiB,SAAlB,CACE,YAAU,mBACK,gBACf,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAQ,CACf,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,CAAQ,CAAA,CACxC,CAAA,CAErB,CAEA,SAAS,EAAe,CACtB,GAAG,GACqD,CACxD,OAAO,EAAA,EAAA,KAAC,EAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,CAAQ,CAAA,CAC3E,CAEA,SAAS,EAAe,CACtB,UACA,YACA,aAAa,EACb,WACA,GAAG,GAE0C,CAC7C,OACE,EAAA,EAAA,KAAC,EAAiB,OAAlB,CAAA,UACE,EAAA,EAAA,KAAC,EAAiB,QAAlB,CACE,YAAU,kBACE,aACZ,UAAW,EAAA,GAAG,EAAuB,CAAE,UAAS,WAAU,CAAC,CAAC,EAC5D,GAAI,EAEH,UACuB,CAAA,CACH,CAAA,CAE7B"}
|
package/dist/index42.js
CHANGED
|
@@ -1,11 +1,84 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
import { cn as e } from "./index6.js";
|
|
2
|
+
import { Separator as t } from "./index30.js";
|
|
3
|
+
import { ChevronRight as n } from "lucide-react";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
6
|
+
import * as a from "@radix-ui/react-collapsible";
|
|
7
|
+
import * as o from "@radix-ui/react-navigation-menu";
|
|
8
|
+
//#region src/VerticalNavigationMenu/index.tsx
|
|
9
|
+
function s({ children: e, viewport: t = !0, ...n }) {
|
|
10
|
+
return /* @__PURE__ */ i(o.Root, {
|
|
11
|
+
"data-slot": "navigation-menu",
|
|
12
|
+
"data-viewport": t,
|
|
13
|
+
...n,
|
|
14
|
+
children: [e, t && /* @__PURE__ */ r(o.NavigationMenuViewport, {})]
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
function c({ className: t, ...n }) {
|
|
18
|
+
return /* @__PURE__ */ r(o.List, {
|
|
19
|
+
"data-slot": "navigation-menu-list",
|
|
20
|
+
className: e("group flex flex-col list-none items-center justify-center pb-12 gap-2", t),
|
|
21
|
+
...n
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
function l({ className: t, ...n }) {
|
|
25
|
+
return /* @__PURE__ */ r("div", {
|
|
26
|
+
className: e("flex items-start justify-start text-sm text-gray-600 mt-16 mb-2 px-16", t),
|
|
27
|
+
...n
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
function u({ ...e }) {
|
|
31
|
+
return /* @__PURE__ */ r(t, { ...e });
|
|
32
|
+
}
|
|
33
|
+
function d({ className: t, ...n }) {
|
|
34
|
+
return /* @__PURE__ */ r(o.Item, {
|
|
35
|
+
"data-slot": "navigation-menu-item",
|
|
36
|
+
className: e("w-full", t),
|
|
37
|
+
...n
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
function f({ className: t, ...n }) {
|
|
41
|
+
return /* @__PURE__ */ r(o.Link, {
|
|
42
|
+
"data-slot": "navigation-menu-link",
|
|
43
|
+
className: e("flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors duration-150", "active:bg-gray-300", "hover:bg-gray-200 hover:text-purple-800", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2", "data-[active]:bg-purple-700 data-[active]:text-white", "hover:data-[active]:bg-purple-800", t),
|
|
44
|
+
...n
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
function p({ className: t, ...n }) {
|
|
48
|
+
return /* @__PURE__ */ r(a.Root, {
|
|
49
|
+
className: e("w-full", t),
|
|
50
|
+
...n
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
function m({ className: t, children: o, chevron: s = !0, ref: c, ...l }) {
|
|
54
|
+
return /* @__PURE__ */ r(a.Trigger, {
|
|
55
|
+
ref: c,
|
|
56
|
+
className: e("group/subtrigger flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors", "hover:bg-gray-200 hover:text-purple-800", "active:bg-gray-300", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2", t),
|
|
57
|
+
...l,
|
|
58
|
+
children: /* @__PURE__ */ i("span", {
|
|
59
|
+
className: "flex w-full items-center justify-between",
|
|
60
|
+
children: [/* @__PURE__ */ r("span", {
|
|
61
|
+
className: "flex items-center gap-x-8",
|
|
62
|
+
children: o
|
|
63
|
+
}), s ? /* @__PURE__ */ r(n, {
|
|
64
|
+
"aria-hidden": "true",
|
|
65
|
+
className: "h-16 w-16 shrink-0 text-gray-600 group-hover:text-gray-700 transition-transform duration-200 group-data-[state=open]/subtrigger:rotate-90"
|
|
66
|
+
}) : null]
|
|
67
|
+
})
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
function h({ className: t, indentClassName: n = "ml-24 px-8 py-2 border-l border-gray-900/8", children: i, ref: o, ...s }) {
|
|
71
|
+
return /* @__PURE__ */ r(a.Content, {
|
|
72
|
+
ref: o,
|
|
73
|
+
className: e("overflow-hidden", t),
|
|
74
|
+
...s,
|
|
75
|
+
children: /* @__PURE__ */ r("div", {
|
|
76
|
+
className: n,
|
|
77
|
+
children: i
|
|
78
|
+
})
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
//#endregion
|
|
82
|
+
export { s as VerticalNavigationMenu, l as VerticalNavigationMenuHeading, d as VerticalNavigationMenuItem, f as VerticalNavigationMenuLink, c as VerticalNavigationMenuList, u as VerticalNavigationMenuSeparator, p as VerticalNavigationMenuSub, h as VerticalNavigationMenuSubContent, m as VerticalNavigationMenuSubTrigger };
|
|
83
|
+
|
|
84
|
+
//# sourceMappingURL=index42.js.map
|
package/dist/index42.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index42.js","sources":["../
|
|
1
|
+
{"version":3,"file":"index42.js","names":[],"sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport { ChevronRight } from 'lucide-react'\nimport * as React from 'react'\nimport { Separator } from '../Separator'\nimport { cn } from '../lib/utils'\n\nfunction VerticalNavigationMenu({\n children,\n viewport = true,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n viewport?: boolean\n}) {\n return (\n <NavigationMenuPrimitive.Root\n data-slot=\"navigation-menu\"\n data-viewport={viewport}\n {...props}\n >\n {children}\n {viewport && <NavigationMenuPrimitive.NavigationMenuViewport />}\n </NavigationMenuPrimitive.Root>\n )\n}\n\nfunction VerticalNavigationMenuList({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n return (\n <NavigationMenuPrimitive.List\n data-slot=\"navigation-menu-list\"\n className={cn(\n 'group flex flex-col list-none items-center justify-center pb-12 gap-2',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction VerticalNavigationMenuHeading({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n className={cn(\n 'flex items-start justify-start text-sm text-gray-600 mt-16 mb-2 px-16',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction VerticalNavigationMenuSeparator({\n ...props\n}: React.ComponentProps<'div'>) {\n return <Separator {...props} />\n}\n\nfunction VerticalNavigationMenuItem({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n return (\n <NavigationMenuPrimitive.Item\n data-slot=\"navigation-menu-item\"\n className={cn('w-full', className)}\n {...props}\n />\n )\n}\n\nfunction VerticalNavigationMenuLink({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n return (\n <NavigationMenuPrimitive.Link\n data-slot=\"navigation-menu-link\"\n className={cn(\n 'flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors duration-150',\n 'active:bg-gray-300',\n 'hover:bg-gray-200 hover:text-purple-800',\n 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',\n 'data-[active]:bg-purple-700 data-[active]:text-white',\n 'hover:data-[active]:bg-purple-800',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction VerticalNavigationMenuSub({\n className,\n ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n return (\n <CollapsiblePrimitive.Root className={cn('w-full', className)} {...props} />\n )\n}\n\ntype SubTriggerProps = React.ComponentPropsWithRef<\n typeof CollapsiblePrimitive.Trigger\n> & {\n chevron?: boolean\n}\n\nfunction VerticalNavigationMenuSubTrigger({\n className,\n children,\n chevron = true,\n ref,\n ...props\n}: SubTriggerProps) {\n return (\n <CollapsiblePrimitive.Trigger\n ref={ref}\n className={cn(\n 'group/subtrigger flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors',\n 'hover:bg-gray-200 hover:text-purple-800',\n 'active:bg-gray-300',\n 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',\n className\n )}\n {...props}\n >\n <span className=\"flex w-full items-center justify-between\">\n <span className=\"flex items-center gap-x-8\">{children}</span>\n\n {chevron ? (\n <ChevronRight\n aria-hidden=\"true\"\n className=\"h-16 w-16 shrink-0 text-gray-600 group-hover:text-gray-700 transition-transform duration-200 group-data-[state=open]/subtrigger:rotate-90\"\n />\n ) : null}\n </span>\n </CollapsiblePrimitive.Trigger>\n )\n}\n\ntype SubContentProps = React.ComponentPropsWithRef<\n typeof CollapsiblePrimitive.Content\n> & {\n indentClassName?: string\n}\n\nfunction VerticalNavigationMenuSubContent({\n className,\n indentClassName = 'ml-24 px-8 py-2 border-l border-gray-900/8',\n children,\n ref,\n ...props\n}: SubContentProps) {\n return (\n <CollapsiblePrimitive.Content\n ref={ref}\n className={cn('overflow-hidden', className)}\n {...props}\n >\n <div className={indentClassName}>{children}</div>\n </CollapsiblePrimitive.Content>\n )\n}\n\nexport {\n VerticalNavigationMenu,\n VerticalNavigationMenuHeading,\n VerticalNavigationMenuItem,\n VerticalNavigationMenuLink,\n VerticalNavigationMenuList,\n VerticalNavigationMenuSeparator,\n VerticalNavigationMenuSub,\n VerticalNavigationMenuSubContent,\n VerticalNavigationMenuSubTrigger\n}\n"],"mappings":";;;;;;;;AAOA,SAAS,EAAuB,EAC9B,aACA,cAAW,IACX,GAAG,KAGF;CACD,OACE,kBAAC,EAAwB,MAAzB;EACE,aAAU;EACV,iBAAe;EACf,GAAI;YAHN,CAKG,GACA,KAAY,kBAAC,EAAwB,wBAAzB,CAAiD,CAAA,CAClC;;AAElC;AAEA,SAAS,EAA2B,EAClC,cACA,GAAG,KACyD;CAC5D,OACE,kBAAC,EAAwB,MAAzB;EACE,aAAU;EACV,WAAW,EACT,yEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAA8B,EACrC,cACA,GAAG,KAC2B;CAC9B,OACE,kBAAC,OAAD;EACE,WAAW,EACT,yEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgC,EACvC,GAAG,KAC2B;CAC9B,OAAO,kBAAC,GAAD,EAAW,GAAI,EAAQ,CAAA;AAChC;AAEA,SAAS,EAA2B,EAClC,cACA,GAAG,KACyD;CAC5D,OACE,kBAAC,EAAwB,MAAzB;EACE,aAAU;EACV,WAAW,EAAG,UAAU,CAAS;EACjC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAA2B,EAClC,cACA,GAAG,KACyD;CAC5D,OACE,kBAAC,EAAwB,MAAzB;EACE,aAAU;EACV,WAAW,EACT,yIACA,sBACA,2CACA,6GACA,wDACA,qCACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAA0B,EACjC,cACA,GAAG,KACsD;CACzD,OACE,kBAAC,EAAqB,MAAtB;EAA2B,WAAW,EAAG,UAAU,CAAS;EAAG,GAAI;CAAQ,CAAA;AAE/E;AAQA,SAAS,EAAiC,EACxC,cACA,aACA,aAAU,IACV,QACA,GAAG,KACe;CAClB,OACE,kBAAC,EAAqB,SAAtB;EACO;EACL,WAAW,EACT,6IACA,2CACA,sBACA,6GACA,CACF;EACA,GAAI;YAEJ,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,QAAD;IAAM,WAAU;IAA6B;GAAe,CAAA,GAE3D,IACC,kBAAC,GAAD;IACE,eAAY;IACZ,WAAU;GACX,CAAA,IACC,IACA;;CACsB,CAAA;AAElC;AAQA,SAAS,EAAiC,EACxC,cACA,qBAAkB,8CAClB,aACA,QACA,GAAG,KACe;CAClB,OACE,kBAAC,EAAqB,SAAtB;EACO;EACL,WAAW,EAAG,mBAAmB,CAAS;EAC1C,GAAI;YAEJ,kBAAC,OAAD;GAAK,WAAW;GAAkB;EAAc,CAAA;CACpB,CAAA;AAElC"}
|
package/dist/index43.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"
|
|
2
|
-
//# sourceMappingURL=index43.cjs.map
|
|
1
|
+
const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index31.cjs");let r=require("lucide-react"),i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("@radix-ui/react-collapsible");o=e.__toESM(o,1);let s=require("@radix-ui/react-navigation-menu");s=e.__toESM(s,1);function c({children:e,viewport:t=!0,...n}){return(0,a.jsxs)(s.Root,{"data-slot":`navigation-menu`,"data-viewport":t,...n,children:[e,t&&(0,a.jsx)(s.NavigationMenuViewport,{})]})}function l({className:e,...n}){return(0,a.jsx)(s.List,{"data-slot":`navigation-menu-list`,className:t.cn(`group flex flex-col list-none items-center justify-center pb-12 gap-2`,e),...n})}function u({className:e,...n}){return(0,a.jsx)(`div`,{className:t.cn(`flex items-start justify-start text-sm text-gray-600 mt-16 mb-2 px-16`,e),...n})}function d({...e}){return(0,a.jsx)(n.Separator,{...e})}function f({className:e,...n}){return(0,a.jsx)(s.Item,{"data-slot":`navigation-menu-item`,className:t.cn(`w-full`,e),...n})}function p({className:e,...n}){return(0,a.jsx)(s.Link,{"data-slot":`navigation-menu-link`,className:t.cn(`flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors duration-150`,`active:bg-gray-300`,`hover:bg-gray-200 hover:text-purple-800`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2`,`data-[active]:bg-purple-700 data-[active]:text-white`,`hover:data-[active]:bg-purple-800`,e),...n})}function m({className:e,...n}){return(0,a.jsx)(o.Root,{className:t.cn(`w-full`,e),...n})}function h({className:e,children:n,chevron:i=!0,ref:s,...c}){return(0,a.jsx)(o.Trigger,{ref:s,className:t.cn(`group/subtrigger flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors`,`hover:bg-gray-200 hover:text-purple-800`,`active:bg-gray-300`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2`,e),...c,children:(0,a.jsxs)(`span`,{className:`flex w-full items-center justify-between`,children:[(0,a.jsx)(`span`,{className:`flex items-center gap-x-8`,children:n}),i?(0,a.jsx)(r.ChevronRight,{"aria-hidden":`true`,className:`h-16 w-16 shrink-0 text-gray-600 group-hover:text-gray-700 transition-transform duration-200 group-data-[state=open]/subtrigger:rotate-90`}):null]})})}function g({className:e,indentClassName:n=`ml-24 px-8 py-2 border-l border-gray-900/8`,children:r,ref:i,...s}){return(0,a.jsx)(o.Content,{ref:i,className:t.cn(`overflow-hidden`,e),...s,children:(0,a.jsx)(`div`,{className:n,children:r})})}exports.VerticalNavigationMenu=c,exports.VerticalNavigationMenuHeading=u,exports.VerticalNavigationMenuItem=f,exports.VerticalNavigationMenuLink=p,exports.VerticalNavigationMenuList=l,exports.VerticalNavigationMenuSeparator=d,exports.VerticalNavigationMenuSub=m,exports.VerticalNavigationMenuSubContent=g,exports.VerticalNavigationMenuSubTrigger=h;
|
|
2
|
+
//# sourceMappingURL=index43.cjs.map
|
package/dist/index43.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index43.cjs","sources":[],"sourcesContent":[],"
|
|
1
|
+
{"version":3,"file":"index43.cjs","names":[],"sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport { ChevronRight } from 'lucide-react'\nimport * as React from 'react'\nimport { Separator } from '../Separator'\nimport { cn } from '../lib/utils'\n\nfunction VerticalNavigationMenu({\n children,\n viewport = true,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n viewport?: boolean\n}) {\n return (\n <NavigationMenuPrimitive.Root\n data-slot=\"navigation-menu\"\n data-viewport={viewport}\n {...props}\n >\n {children}\n {viewport && <NavigationMenuPrimitive.NavigationMenuViewport />}\n </NavigationMenuPrimitive.Root>\n )\n}\n\nfunction VerticalNavigationMenuList({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n return (\n <NavigationMenuPrimitive.List\n data-slot=\"navigation-menu-list\"\n className={cn(\n 'group flex flex-col list-none items-center justify-center pb-12 gap-2',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction VerticalNavigationMenuHeading({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n className={cn(\n 'flex items-start justify-start text-sm text-gray-600 mt-16 mb-2 px-16',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction VerticalNavigationMenuSeparator({\n ...props\n}: React.ComponentProps<'div'>) {\n return <Separator {...props} />\n}\n\nfunction VerticalNavigationMenuItem({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n return (\n <NavigationMenuPrimitive.Item\n data-slot=\"navigation-menu-item\"\n className={cn('w-full', className)}\n {...props}\n />\n )\n}\n\nfunction VerticalNavigationMenuLink({\n className,\n ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n return (\n <NavigationMenuPrimitive.Link\n data-slot=\"navigation-menu-link\"\n className={cn(\n 'flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors duration-150',\n 'active:bg-gray-300',\n 'hover:bg-gray-200 hover:text-purple-800',\n 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',\n 'data-[active]:bg-purple-700 data-[active]:text-white',\n 'hover:data-[active]:bg-purple-800',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction VerticalNavigationMenuSub({\n className,\n ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n return (\n <CollapsiblePrimitive.Root className={cn('w-full', className)} {...props} />\n )\n}\n\ntype SubTriggerProps = React.ComponentPropsWithRef<\n typeof CollapsiblePrimitive.Trigger\n> & {\n chevron?: boolean\n}\n\nfunction VerticalNavigationMenuSubTrigger({\n className,\n children,\n chevron = true,\n ref,\n ...props\n}: SubTriggerProps) {\n return (\n <CollapsiblePrimitive.Trigger\n ref={ref}\n className={cn(\n 'group/subtrigger flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors',\n 'hover:bg-gray-200 hover:text-purple-800',\n 'active:bg-gray-300',\n 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',\n className\n )}\n {...props}\n >\n <span className=\"flex w-full items-center justify-between\">\n <span className=\"flex items-center gap-x-8\">{children}</span>\n\n {chevron ? (\n <ChevronRight\n aria-hidden=\"true\"\n className=\"h-16 w-16 shrink-0 text-gray-600 group-hover:text-gray-700 transition-transform duration-200 group-data-[state=open]/subtrigger:rotate-90\"\n />\n ) : null}\n </span>\n </CollapsiblePrimitive.Trigger>\n )\n}\n\ntype SubContentProps = React.ComponentPropsWithRef<\n typeof CollapsiblePrimitive.Content\n> & {\n indentClassName?: string\n}\n\nfunction VerticalNavigationMenuSubContent({\n className,\n indentClassName = 'ml-24 px-8 py-2 border-l border-gray-900/8',\n children,\n ref,\n ...props\n}: SubContentProps) {\n return (\n <CollapsiblePrimitive.Content\n ref={ref}\n className={cn('overflow-hidden', className)}\n {...props}\n >\n <div className={indentClassName}>{children}</div>\n </CollapsiblePrimitive.Content>\n )\n}\n\nexport {\n VerticalNavigationMenu,\n VerticalNavigationMenuHeading,\n VerticalNavigationMenuItem,\n VerticalNavigationMenuLink,\n VerticalNavigationMenuList,\n VerticalNavigationMenuSeparator,\n VerticalNavigationMenuSub,\n VerticalNavigationMenuSubContent,\n VerticalNavigationMenuSubTrigger\n}\n"],"mappings":"sTAOA,SAAS,EAAuB,CAC9B,WACA,WAAW,GACX,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAwB,KAAzB,CACE,YAAU,kBACV,gBAAe,EACf,GAAI,WAHN,CAKG,EACA,IAAY,EAAA,EAAA,KAAC,EAAwB,uBAAzB,CAAiD,CAAA,CAClC,GAElC,CAEA,SAAS,EAA2B,CAClC,YACA,GAAG,GACyD,CAC5D,OACE,EAAA,EAAA,KAAC,EAAwB,KAAzB,CACE,YAAU,uBACV,UAAW,EAAA,GACT,wEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAA8B,CACrC,YACA,GAAG,GAC2B,CAC9B,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,wEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAgC,CACvC,GAAG,GAC2B,CAC9B,OAAO,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,GAAI,CAAQ,CAAA,CAChC,CAEA,SAAS,EAA2B,CAClC,YACA,GAAG,GACyD,CAC5D,OACE,EAAA,EAAA,KAAC,EAAwB,KAAzB,CACE,YAAU,uBACV,UAAW,EAAA,GAAG,SAAU,CAAS,EACjC,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAA2B,CAClC,YACA,GAAG,GACyD,CAC5D,OACE,EAAA,EAAA,KAAC,EAAwB,KAAzB,CACE,YAAU,uBACV,UAAW,EAAA,GACT,wIACA,qBACA,0CACA,4GACA,uDACA,oCACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAA0B,CACjC,YACA,GAAG,GACsD,CACzD,OACE,EAAA,EAAA,KAAC,EAAqB,KAAtB,CAA2B,UAAW,EAAA,GAAG,SAAU,CAAS,EAAG,GAAI,CAAQ,CAAA,CAE/E,CAQA,SAAS,EAAiC,CACxC,YACA,WACA,UAAU,GACV,MACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,KAAC,EAAqB,QAAtB,CACO,MACL,UAAW,EAAA,GACT,4IACA,0CACA,qBACA,4GACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,oDAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4BAA6B,UAAe,CAAA,EAE3D,GACC,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,cAAY,OACZ,UAAU,2IACX,CAAA,EACC,IACA,GACsB,CAAA,CAElC,CAQA,SAAS,EAAiC,CACxC,YACA,kBAAkB,6CAClB,WACA,MACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,KAAC,EAAqB,QAAtB,CACO,MACL,UAAW,EAAA,GAAG,kBAAmB,CAAS,EAC1C,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAkB,UAAc,CAAA,CACpB,CAAA,CAElC"}
|
package/dist/index5.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index5.cjs.map
|
|
1
|
+
const e=require("./index4.cjs");var t=e=>typeof e==`boolean`?`${e}`:e===0?`0`:e,n=e.default,r=(e,r)=>i=>{if(r?.variants==null)return n(e,i?.class,i?.className);let{variants:a,defaultVariants:o}=r,s=Object.keys(a).map(e=>{let n=i?.[e],r=o?.[e];if(n===null)return null;let s=t(n)||t(r);return a[e][s]}),c=i&&Object.entries(i).reduce((e,t)=>{let[n,r]=t;return r===void 0||(e[n]=r),e},{});return n(e,s,r?.compoundVariants?.reduce((e,t)=>{let{class:n,className:r,...i}=t;return Object.entries(i).every(e=>{let[t,n]=e;return Array.isArray(n)?n.includes({...o,...c}[t]):{...o,...c}[t]===n})?[...e,n,r]:e},[]),i?.class,i?.className)};exports.cva=r;
|
|
2
|
+
//# sourceMappingURL=index5.cjs.map
|