@incognia/cosmik 2.0.0-alpha.0 → 2.0.0-alpha.2
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/index.cjs +1 -1
- package/dist/index.js +34 -34
- package/dist/index10.cjs +1 -1
- package/dist/index10.cjs.map +1 -1
- package/dist/index10.js +69 -9
- package/dist/index10.js.map +1 -1
- package/dist/index11.cjs +1 -1
- package/dist/index11.cjs.map +1 -1
- package/dist/index11.js +91 -54
- package/dist/index11.js.map +1 -1
- package/dist/index12.cjs +1 -1
- package/dist/index12.cjs.map +1 -1
- package/dist/index12.js +51 -151
- package/dist/index12.js.map +1 -1
- package/dist/index13.cjs +1 -1
- package/dist/index13.cjs.map +1 -1
- package/dist/index13.js +16 -86
- package/dist/index13.js.map +1 -1
- package/dist/index14.cjs +1 -1
- package/dist/index14.cjs.map +1 -1
- package/dist/index14.js +83 -66
- package/dist/index14.js.map +1 -1
- package/dist/index15.cjs +1 -1
- package/dist/index15.cjs.map +1 -1
- package/dist/index15.js +81 -98
- package/dist/index15.js.map +1 -1
- package/dist/index16.cjs +1 -1
- package/dist/index16.cjs.map +1 -1
- package/dist/index16.js +105 -38
- package/dist/index16.js.map +1 -1
- package/dist/index17.cjs +1 -1
- package/dist/index17.cjs.map +1 -1
- package/dist/index17.js +34 -17
- package/dist/index17.js.map +1 -1
- package/dist/index18.cjs +1 -1
- package/dist/index18.cjs.map +1 -1
- package/dist/index18.js +68 -82
- package/dist/index18.js.map +1 -1
- package/dist/index19.cjs +1 -1
- package/dist/index19.cjs.map +1 -1
- package/dist/index19.js +63 -84
- package/dist/index19.js.map +1 -1
- package/dist/index2.cjs +1 -1
- package/dist/index20.cjs +1 -1
- package/dist/index20.cjs.map +1 -1
- package/dist/index20.js +19 -114
- package/dist/index20.js.map +1 -1
- package/dist/index21.cjs +1 -1
- package/dist/index21.cjs.map +1 -1
- package/dist/index21.js +10 -36
- package/dist/index21.js.map +1 -1
- package/dist/index22.cjs +1 -1
- package/dist/index22.cjs.map +1 -1
- package/dist/index22.js +12 -72
- package/dist/index22.js.map +1 -1
- package/dist/index23.cjs +1 -1
- package/dist/index23.cjs.map +1 -1
- package/dist/index23.js +46 -64
- package/dist/index23.js.map +1 -1
- package/dist/index24.cjs +1 -1
- package/dist/index24.cjs.map +1 -1
- package/dist/index24.js +6 -28
- package/dist/index24.js.map +1 -1
- package/dist/index25.cjs +1 -1
- package/dist/index25.cjs.map +1 -1
- package/dist/index25.js +19 -12
- package/dist/index25.js.map +1 -1
- package/dist/index26.cjs +1 -1
- package/dist/index26.cjs.map +1 -1
- package/dist/index26.js +62 -11
- package/dist/index26.js.map +1 -1
- package/dist/index27.cjs +1 -1
- package/dist/index27.cjs.map +1 -1
- package/dist/index27.js +16 -46
- package/dist/index27.js.map +1 -1
- package/dist/index28.cjs +1 -1
- package/dist/index28.cjs.map +1 -1
- package/dist/index28.js +26 -7
- package/dist/index28.js.map +1 -1
- package/dist/index29.cjs +1 -1
- package/dist/index29.cjs.map +1 -1
- package/dist/index29.js +92 -20
- package/dist/index29.js.map +1 -1
- package/dist/index3.js +18 -0
- package/dist/index3.js.map +1 -0
- package/dist/index30.cjs +1 -1
- package/dist/index30.cjs.map +1 -1
- package/dist/index30.js +13 -64
- package/dist/index30.js.map +1 -1
- package/dist/index31.cjs +1 -1
- package/dist/index31.cjs.map +1 -1
- package/dist/index31.js +77 -16
- package/dist/index31.js.map +1 -1
- package/dist/index32.cjs +1 -1
- package/dist/index32.cjs.map +1 -1
- package/dist/index32.js +8 -26
- package/dist/index32.js.map +1 -1
- package/dist/index33.cjs +1 -1
- package/dist/index33.cjs.map +1 -1
- package/dist/index33.js +40 -94
- package/dist/index33.js.map +1 -1
- package/dist/index34.cjs +1 -1
- package/dist/index34.cjs.map +1 -1
- package/dist/index34.js +14 -13
- package/dist/index34.js.map +1 -1
- package/dist/index35.cjs +1 -1
- package/dist/index35.cjs.map +1 -1
- package/dist/index35.js +44 -59
- package/dist/index35.js.map +1 -1
- package/dist/index36.cjs +1 -1
- package/dist/index36.cjs.map +1 -1
- package/dist/index36.js +32 -8
- package/dist/index36.js.map +1 -1
- package/dist/index37.cjs +1 -1
- package/dist/index37.cjs.map +1 -1
- package/dist/index37.js +69 -40
- package/dist/index37.js.map +1 -1
- package/dist/index38.cjs +1 -1
- package/dist/index38.cjs.map +1 -1
- package/dist/index38.js +9 -16
- package/dist/index38.js.map +1 -1
- package/dist/index39.cjs +1 -1
- package/dist/index39.cjs.map +1 -1
- package/dist/index39.js +81 -65
- package/dist/index39.js.map +1 -1
- package/dist/index4.js +32 -15
- package/dist/index4.js.map +1 -1
- package/dist/index40.cjs +1 -1
- package/dist/index40.cjs.map +1 -1
- package/dist/index40.js +45 -31
- package/dist/index40.js.map +1 -1
- package/dist/index41.cjs +1 -1
- package/dist/index41.cjs.map +1 -1
- package/dist/index41.js +43 -68
- package/dist/index41.js.map +1 -1
- package/dist/index42.cjs +1 -1
- package/dist/index42.cjs.map +1 -1
- package/dist/index42.js +78 -10
- package/dist/index42.js.map +1 -1
- package/dist/index43.cjs +1 -1
- package/dist/index43.cjs.map +1 -1
- package/dist/index5.js +1584 -31
- package/dist/index5.js.map +1 -1
- package/dist/index6.js +10 -1582
- package/dist/index6.js.map +1 -1
- package/dist/index7.js +57 -11
- package/dist/index7.js.map +1 -1
- package/dist/index8.cjs +1 -1
- package/dist/index8.cjs.map +1 -1
- package/dist/index8.js +153 -19
- package/dist/index8.js.map +1 -1
- package/dist/index9.cjs +1 -6
- package/dist/index9.cjs.map +1 -1
- package/dist/index9.js +89 -159
- package/dist/index9.js.map +1 -1
- package/package.json +1 -1
- package/dist/index2.js +0 -7
- package/dist/index43.js +0 -87
- 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 -53
- package/dist/index44.js.map +0 -1
- package/dist/index45.cjs +0 -2
- package/dist/index45.cjs.map +0 -1
- package/dist/index45.js +0 -49
- 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 -85
- package/dist/index46.js.map +0 -1
- /package/dist/{src/cosmik-theme.css → cosmik-theme.css} +0 -0
package/dist/index33.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index33.js","names":[],"sources":["../src/
|
|
1
|
+
{"version":3,"file":"index33.js","names":[],"sources":["../src/Sonner/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n AlertCircleIcon,\n AlertTriangleIcon,\n CheckIcon,\n LucideX\n} from 'lucide-react'\nimport { Toaster as Sonner } from 'sonner'\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\nconst Toaster = ({ className, ...props }: ToasterProps) => {\n return (\n <Sonner\n className={className}\n position=\"top-center\"\n offset={16}\n gap={16}\n closeButton={true}\n toastOptions={{\n unstyled: true,\n classNames: {\n toast:\n 'flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all',\n success: 'bg-green-50',\n warning: 'bg-orange-50',\n error: 'bg-red-50',\n title: 'text-sm text-gray-900! font-semibold!',\n description: 'text-sm text-gray-800!',\n closeButton:\n 'absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16'\n }\n }}\n icons={{\n success: <CheckIcon size={20} className=\"text-green-800\" />,\n warning: <AlertTriangleIcon size={20} className=\"text-orange-600\" />,\n error: <AlertCircleIcon size={20} className=\"text-red-600\" />,\n close: <LucideX size={16} />\n }}\n {...props}\n />\n )\n}\n\nexport { Toaster }\n"],"mappings":";;;;;AAYA,IAAM,KAAW,EAAE,cAAW,GAAG,QAE7B,kBAAC,GAAD;CACa;CACX,UAAS;CACT,QAAQ;CACR,KAAK;CACL,aAAa;CACb,cAAc;EACZ,UAAU;EACV,YAAY;GACV,OACE;GACF,SAAS;GACT,SAAS;GACT,OAAO;GACP,OAAO;GACP,aAAa;GACb,aACE;EACJ;CACF;CACA,OAAO;EACL,SAAS,kBAAC,GAAD;GAAW,MAAM;GAAI,WAAU;EAAkB,CAAA;EAC1D,SAAS,kBAAC,GAAD;GAAmB,MAAM;GAAI,WAAU;EAAmB,CAAA;EACnE,OAAO,kBAAC,GAAD;GAAiB,MAAM;GAAI,WAAU;EAAgB,CAAA;EAC5D,OAAO,kBAAC,GAAD,EAAS,MAAM,GAAK,CAAA;CAC7B;CACA,GAAI;AACL,CAAA"}
|
package/dist/index34.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";let e=require("lucide-react"),t=require("react/jsx-runtime"),n=require("sonner");var r=({className:r,...i})=>(0,t.jsx)(n.Toaster,{className:r,position:`top-center`,offset:16,gap:16,closeButton:!0,toastOptions:{unstyled:!0,classNames:{toast:`flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all`,success:`bg-green-50`,warning:`bg-orange-50`,error:`bg-red-50`,title:`text-sm text-gray-900! font-semibold!`,description:`text-sm text-gray-800!`,closeButton:`absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16`}},icons:{success:(0,t.jsx)(e.CheckIcon,{size:20,className:`text-green-800`}),warning:(0,t.jsx)(e.AlertTriangleIcon,{size:20,className:`text-orange-600`}),error:(0,t.jsx)(e.AlertCircleIcon,{size:20,className:`text-red-600`}),close:(0,t.jsx)(e.LucideX,{size:16})},...i});exports.Toaster=r;
|
|
2
2
|
//# sourceMappingURL=index34.cjs.map
|
package/dist/index34.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index34.cjs","names":[],"sources":["../src/
|
|
1
|
+
{"version":3,"file":"index34.cjs","names":[],"sources":["../src/Sonner/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n AlertCircleIcon,\n AlertTriangleIcon,\n CheckIcon,\n LucideX\n} from 'lucide-react'\nimport { Toaster as Sonner } from 'sonner'\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\nconst Toaster = ({ className, ...props }: ToasterProps) => {\n return (\n <Sonner\n className={className}\n position=\"top-center\"\n offset={16}\n gap={16}\n closeButton={true}\n toastOptions={{\n unstyled: true,\n classNames: {\n toast:\n 'flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all',\n success: 'bg-green-50',\n warning: 'bg-orange-50',\n error: 'bg-red-50',\n title: 'text-sm text-gray-900! font-semibold!',\n description: 'text-sm text-gray-800!',\n closeButton:\n 'absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16'\n }\n }}\n icons={{\n success: <CheckIcon size={20} className=\"text-green-800\" />,\n warning: <AlertTriangleIcon size={20} className=\"text-orange-600\" />,\n error: <AlertCircleIcon size={20} className=\"text-red-600\" />,\n close: <LucideX size={16} />\n }}\n {...props}\n />\n )\n}\n\nexport { Toaster }\n"],"mappings":"8FAYA,IAAM,GAAW,CAAE,YAAW,GAAG,MAE7B,EAAA,EAAA,KAAC,EAAA,QAAD,CACa,YACX,SAAS,aACT,OAAQ,GACR,IAAK,GACL,YAAa,GACb,aAAc,CACZ,SAAU,GACV,WAAY,CACV,MACE,6IACF,QAAS,cACT,QAAS,eACT,MAAO,YACP,MAAO,wCACP,YAAa,yBACb,YACE,6KACJ,CACF,EACA,MAAO,CACL,SAAS,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,KAAM,GAAI,UAAU,gBAAkB,CAAA,EAC1D,SAAS,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,KAAM,GAAI,UAAU,iBAAmB,CAAA,EACnE,OAAO,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,KAAM,GAAI,UAAU,cAAgB,CAAA,EAC5D,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAS,KAAM,EAAK,CAAA,CAC7B,EACA,GAAI,CACL,CAAA"}
|
package/dist/index34.js
CHANGED
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { cn as e } from "./
|
|
3
|
-
import { require_jsx_runtime as t } from "./index10.js";
|
|
2
|
+
import { cn as e } from "./index6.js";
|
|
4
3
|
import "react";
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
function
|
|
9
|
-
return /* @__PURE__ */ (
|
|
10
|
-
"data-slot": "
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
4
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
5
|
+
import * as n from "@radix-ui/react-switch";
|
|
6
|
+
//#region src/Switch/index.tsx
|
|
7
|
+
function r({ className: r, ...i }) {
|
|
8
|
+
return /* @__PURE__ */ t(n.Root, {
|
|
9
|
+
"data-slot": "switch",
|
|
10
|
+
className: e("peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64", "data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900", "data-[state=unchecked]:bg-gray-900/16 data-[state=unchecked]:hover:bg-gray-900/24 data-[state=unchecked]:active:bg-gray-900/32", r),
|
|
11
|
+
...i,
|
|
12
|
+
children: /* @__PURE__ */ t(n.Thumb, {
|
|
13
|
+
"data-slot": "switch-thumb",
|
|
14
|
+
className: e("pointer-events-none block size-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0")
|
|
15
|
+
})
|
|
15
16
|
});
|
|
16
17
|
}
|
|
17
18
|
//#endregion
|
|
18
|
-
export {
|
|
19
|
+
export { r as Switch };
|
|
19
20
|
|
|
20
21
|
//# sourceMappingURL=index34.js.map
|
package/dist/index34.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index34.js","names":[],"sources":["../src/
|
|
1
|
+
{"version":3,"file":"index34.js","names":[],"sources":["../src/Switch/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Switch({\n className,\n ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n return (\n <SwitchPrimitive.Root\n data-slot=\"switch\"\n className={cn(\n 'peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64',\n 'data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900',\n 'data-[state=unchecked]:bg-gray-900/16 data-[state=unchecked]:hover:bg-gray-900/24 data-[state=unchecked]:active:bg-gray-900/32',\n className\n )}\n {...props}\n >\n <SwitchPrimitive.Thumb\n data-slot=\"switch-thumb\"\n className={cn(\n 'pointer-events-none block size-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0'\n )}\n />\n </SwitchPrimitive.Root>\n )\n}\n\nexport { Switch }\n"],"mappings":";;;;;;AAMA,SAAS,EAAO,EACd,cACA,GAAG,KACiD;CACpD,OACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,WAAW,EACT,sLACA,yHACA,kIACA,CACF;EACA,GAAI;YAEJ,kBAAC,EAAgB,OAAjB;GACE,aAAU;GACV,WAAW,EACT,iKACF;EACD,CAAA;CACmB,CAAA;AAE1B"}
|
package/dist/index35.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";const e=require("./index2.cjs"),t=require("./index7.cjs")
|
|
1
|
+
"use client";const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@radix-ui/react-switch");i=e.__toESM(i,1);function a({className:e,...n}){return(0,r.jsx)(i.Root,{"data-slot":`switch`,className:t.cn(`peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64`,`data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900`,`data-[state=unchecked]:bg-gray-900/16 data-[state=unchecked]:hover:bg-gray-900/24 data-[state=unchecked]:active:bg-gray-900/32`,e),...n,children:(0,r.jsx)(i.Thumb,{"data-slot":`switch-thumb`,className:t.cn(`pointer-events-none block size-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0`)})})}exports.Switch=a;
|
|
2
2
|
//# sourceMappingURL=index35.cjs.map
|
package/dist/index35.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index35.cjs","names":[],"sources":["../src/
|
|
1
|
+
{"version":3,"file":"index35.cjs","names":[],"sources":["../src/Switch/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Switch({\n className,\n ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n return (\n <SwitchPrimitive.Root\n data-slot=\"switch\"\n className={cn(\n 'peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64',\n 'data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900',\n 'data-[state=unchecked]:bg-gray-900/16 data-[state=unchecked]:hover:bg-gray-900/24 data-[state=unchecked]:active:bg-gray-900/32',\n className\n )}\n {...props}\n >\n <SwitchPrimitive.Thumb\n data-slot=\"switch-thumb\"\n className={cn(\n 'pointer-events-none block size-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0'\n )}\n />\n </SwitchPrimitive.Root>\n )\n}\n\nexport { Switch }\n"],"mappings":"uMAMA,SAAS,EAAO,CACd,YACA,GAAG,GACiD,CACpD,OACE,EAAA,EAAA,KAAC,EAAgB,KAAjB,CACE,YAAU,SACV,UAAW,EAAA,GACT,qLACA,wHACA,iIACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EAAA,GACT,iKACF,CACD,CAAA,CACmB,CAAA,CAE1B"}
|
package/dist/index35.js
CHANGED
|
@@ -1,85 +1,70 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import { require_jsx_runtime as t } from "./index10.js";
|
|
4
|
-
import { XIcon as n } from "lucide-react";
|
|
1
|
+
import { cn as e } from "./index6.js";
|
|
2
|
+
import { LucideChevronDown as t, LucideChevronUp as n } from "lucide-react";
|
|
5
3
|
import "react";
|
|
6
|
-
import
|
|
7
|
-
//#region src/
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
"
|
|
12
|
-
...
|
|
4
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
5
|
+
//#region src/Table/index.tsx
|
|
6
|
+
function a({ className: t, ...n }) {
|
|
7
|
+
return /* @__PURE__ */ r("table", {
|
|
8
|
+
"data-slot": "table",
|
|
9
|
+
className: e("border-separate border-spacing-y-8 h-fit", t),
|
|
10
|
+
...n
|
|
13
11
|
});
|
|
14
12
|
}
|
|
15
|
-
function o({ ...
|
|
16
|
-
return /* @__PURE__ */ (
|
|
17
|
-
"data-slot": "
|
|
18
|
-
|
|
13
|
+
function o({ className: t, ...n }) {
|
|
14
|
+
return /* @__PURE__ */ r("thead", {
|
|
15
|
+
"data-slot": "table-header",
|
|
16
|
+
className: e("bg-gray-200 text-left text-sm", t),
|
|
17
|
+
...n
|
|
19
18
|
});
|
|
20
19
|
}
|
|
21
|
-
function s({ ...
|
|
22
|
-
return /* @__PURE__ */ (
|
|
23
|
-
"data-slot": "
|
|
24
|
-
|
|
20
|
+
function s({ className: t, hoverable: n, ...i }) {
|
|
21
|
+
return /* @__PURE__ */ r("tbody", {
|
|
22
|
+
"data-slot": "table-body",
|
|
23
|
+
className: e("bg-white h-full", { "[&_tr:hover]:bg-gray-100 cursor-pointer": n }, t),
|
|
24
|
+
...i
|
|
25
25
|
});
|
|
26
26
|
}
|
|
27
|
-
function c({ ...
|
|
28
|
-
return /* @__PURE__ */ (
|
|
29
|
-
"data-slot": "
|
|
30
|
-
|
|
27
|
+
function c({ className: t, ...n }) {
|
|
28
|
+
return /* @__PURE__ */ r("tfoot", {
|
|
29
|
+
"data-slot": "table-footer",
|
|
30
|
+
className: e("bg-gray-100", t),
|
|
31
|
+
...n
|
|
31
32
|
});
|
|
32
33
|
}
|
|
33
34
|
function l({ className: t, ...n }) {
|
|
34
|
-
return /* @__PURE__ */ (
|
|
35
|
-
"data-slot": "
|
|
36
|
-
className: e("
|
|
35
|
+
return /* @__PURE__ */ r("tr", {
|
|
36
|
+
"data-slot": "table-row",
|
|
37
|
+
className: e("transition-colors data-[state=selected]:bg-gray-100", t),
|
|
37
38
|
...n
|
|
38
39
|
});
|
|
39
40
|
}
|
|
40
|
-
function u({ className:
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
children: "Close"
|
|
50
|
-
})]
|
|
41
|
+
function u({ className: a, children: o, sortDirection: s, ...c }) {
|
|
42
|
+
let l;
|
|
43
|
+
return s === "ASC" ? l = n : s === "DESC" && (l = t), /* @__PURE__ */ i("th", {
|
|
44
|
+
"data-slot": "table-head",
|
|
45
|
+
className: e("first:rounded-l first:pl-24", "last:rounded-r last:pr-24", "px-12 py-8 font-normal leading-14", "whitespace-nowrap", { "cursor-pointer": !!c?.onClick }, a),
|
|
46
|
+
...c,
|
|
47
|
+
children: [o, l && /* @__PURE__ */ r(l, {
|
|
48
|
+
size: 16,
|
|
49
|
+
className: "inline-block ml-4"
|
|
51
50
|
})]
|
|
52
|
-
})
|
|
51
|
+
});
|
|
53
52
|
}
|
|
54
53
|
function d({ className: t, ...n }) {
|
|
55
|
-
return /* @__PURE__ */ (
|
|
56
|
-
"data-slot": "
|
|
57
|
-
className: e("
|
|
54
|
+
return /* @__PURE__ */ r("td", {
|
|
55
|
+
"data-slot": "table-cell",
|
|
56
|
+
className: e("first:rounded-l first:pl-24 first:border-l", "last:rounded-r last:pr-24 last:border-r", "border-gray-900/8 border-y px-12 h-[54px]", "whitespace-nowrap", t),
|
|
58
57
|
...n
|
|
59
58
|
});
|
|
60
59
|
}
|
|
61
60
|
function f({ className: t, ...n }) {
|
|
62
|
-
return /* @__PURE__ */ (
|
|
63
|
-
"data-slot": "
|
|
64
|
-
className: e("
|
|
65
|
-
...n
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
function p({ className: t, ...n }) {
|
|
69
|
-
return /* @__PURE__ */ (0, i.jsx)(r.Title, {
|
|
70
|
-
"data-slot": "sheet-title",
|
|
71
|
-
className: e("text-gray-800 font-semibold", t),
|
|
72
|
-
...n
|
|
73
|
-
});
|
|
74
|
-
}
|
|
75
|
-
function m({ className: t, ...n }) {
|
|
76
|
-
return /* @__PURE__ */ (0, i.jsx)(r.Description, {
|
|
77
|
-
"data-slot": "sheet-description",
|
|
78
|
-
className: e("text-gray-900 text-md", t),
|
|
61
|
+
return /* @__PURE__ */ r("caption", {
|
|
62
|
+
"data-slot": "table-caption",
|
|
63
|
+
className: e("mt-16 text-sm text-gray-700", t),
|
|
79
64
|
...n
|
|
80
65
|
});
|
|
81
66
|
}
|
|
82
67
|
//#endregion
|
|
83
|
-
export { a as
|
|
68
|
+
export { a as Table, s as TableBody, f as TableCaption, d as TableCell, c as TableFooter, u as TableHead, o as TableHeader, l as TableRow };
|
|
84
69
|
|
|
85
70
|
//# sourceMappingURL=index35.js.map
|
package/dist/index35.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index35.js","names":[],"sources":["../src/
|
|
1
|
+
{"version":3,"file":"index35.js","names":[],"sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n return (\n <table\n data-slot=\"table\"\n className={cn('border-separate border-spacing-y-8 h-fit', className)}\n {...props}\n />\n )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn('bg-gray-200 text-left text-sm', className)}\n {...props}\n />\n )\n}\n\nfunction TableBody({\n className,\n hoverable,\n ...props\n}: React.ComponentProps<'tbody'> & { hoverable?: boolean }) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\n 'bg-white h-full',\n {\n '[&_tr:hover]:bg-gray-100 cursor-pointer': hoverable\n },\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn('bg-gray-100', className)}\n {...props}\n />\n )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n 'transition-colors data-[state=selected]:bg-gray-100',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableHead({\n className,\n children,\n sortDirection,\n ...props\n}: React.ComponentProps<'th'> & { sortDirection?: 'ASC' | 'DESC' }) {\n let SortIcon\n if (sortDirection === 'ASC') {\n SortIcon = LucideChevronUp\n } else if (sortDirection === 'DESC') {\n SortIcon = LucideChevronDown\n }\n\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n 'first:rounded-l first:pl-24',\n 'last:rounded-r last:pr-24',\n 'px-12 py-8 font-normal leading-14',\n 'whitespace-nowrap',\n {\n 'cursor-pointer': !!props?.onClick\n },\n className\n )}\n {...props}\n >\n {children}\n {SortIcon && <SortIcon size={16} className=\"inline-block ml-4\" />}\n </th>\n )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n 'first:rounded-l first:pl-24 first:border-l',\n 'last:rounded-r last:pr-24 last:border-r',\n 'border-gray-900/8 border-y px-12 h-[54px]',\n 'whitespace-nowrap',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<'caption'>) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn('mt-16 text-sm text-gray-700', className)}\n {...props}\n />\n )\n}\n\nexport {\n Table,\n TableBody,\n TableCaption,\n TableCell,\n TableFooter,\n TableHead,\n TableHeader,\n TableRow\n}\n"],"mappings":";;;;;AAIA,SAAS,EAAM,EAAE,cAAW,GAAG,KAAwC;CACrE,OACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,4CAA4C,CAAS;EACnE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAwC;CAC3E,OACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,CAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAU,EACjB,cACA,cACA,GAAG,KACuD;CAC1D,OACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EACT,mBACA,EACE,2CAA2C,EAC7C,GACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAwC;CAC3E,OACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,eAAe,CAAS;EACtC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAqC;CACrE,OACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,uDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAU,EACjB,cACA,aACA,kBACA,GAAG,KAC+D;CAClE,IAAI;CAOJ,OANI,MAAkB,QACpB,IAAW,IACF,MAAkB,WAC3B,IAAW,IAIX,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,+BACA,6BACA,qCACA,qBACA,EACE,kBAAkB,CAAC,CAAC,GAAO,QAC7B,GACA,CACF;EACA,GAAI;YAZN,CAcG,GACA,KAAY,kBAAC,GAAD;GAAU,MAAM;GAAI,WAAU;EAAqB,CAAA,CAC9D;;AAER;AAEA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAqC;CACtE,OACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,8CACA,2CACA,6CACA,qBACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAa,EACpB,cACA,GAAG,KAC+B;CAClC,OACE,kBAAC,WAAD;EACE,aAAU;EACV,WAAW,EAAG,+BAA+B,CAAS;EACtD,GAAI;CACL,CAAA;AAEL"}
|
package/dist/index36.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require("./
|
|
1
|
+
const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("lucide-react"),r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({className:e,...n}){return(0,i.jsx)(`table`,{"data-slot":`table`,className:t.cn(`border-separate border-spacing-y-8 h-fit`,e),...n})}function o({className:e,...n}){return(0,i.jsx)(`thead`,{"data-slot":`table-header`,className:t.cn(`bg-gray-200 text-left text-sm`,e),...n})}function s({className:e,hoverable:n,...r}){return(0,i.jsx)(`tbody`,{"data-slot":`table-body`,className:t.cn(`bg-white h-full`,{"[&_tr:hover]:bg-gray-100 cursor-pointer":n},e),...r})}function c({className:e,...n}){return(0,i.jsx)(`tfoot`,{"data-slot":`table-footer`,className:t.cn(`bg-gray-100`,e),...n})}function l({className:e,...n}){return(0,i.jsx)(`tr`,{"data-slot":`table-row`,className:t.cn(`transition-colors data-[state=selected]:bg-gray-100`,e),...n})}function u({className:e,children:r,sortDirection:a,...o}){let s;return a===`ASC`?s=n.LucideChevronUp:a===`DESC`&&(s=n.LucideChevronDown),(0,i.jsxs)(`th`,{"data-slot":`table-head`,className:t.cn(`first:rounded-l first:pl-24`,`last:rounded-r last:pr-24`,`px-12 py-8 font-normal leading-14`,`whitespace-nowrap`,{"cursor-pointer":!!o?.onClick},e),...o,children:[r,s&&(0,i.jsx)(s,{size:16,className:`inline-block ml-4`})]})}function d({className:e,...n}){return(0,i.jsx)(`td`,{"data-slot":`table-cell`,className:t.cn(`first:rounded-l first:pl-24 first:border-l`,`last:rounded-r last:pr-24 last:border-r`,`border-gray-900/8 border-y px-12 h-[54px]`,`whitespace-nowrap`,e),...n})}function f({className:e,...n}){return(0,i.jsx)(`caption`,{"data-slot":`table-caption`,className:t.cn(`mt-16 text-sm text-gray-700`,e),...n})}exports.Table=a,exports.TableBody=s,exports.TableCaption=f,exports.TableCell=d,exports.TableFooter=c,exports.TableHead=u,exports.TableHeader=o,exports.TableRow=l;
|
|
2
2
|
//# sourceMappingURL=index36.cjs.map
|
package/dist/index36.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index36.cjs","names":[],"sources":["../src/
|
|
1
|
+
{"version":3,"file":"index36.cjs","names":[],"sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n return (\n <table\n data-slot=\"table\"\n className={cn('border-separate border-spacing-y-8 h-fit', className)}\n {...props}\n />\n )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn('bg-gray-200 text-left text-sm', className)}\n {...props}\n />\n )\n}\n\nfunction TableBody({\n className,\n hoverable,\n ...props\n}: React.ComponentProps<'tbody'> & { hoverable?: boolean }) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\n 'bg-white h-full',\n {\n '[&_tr:hover]:bg-gray-100 cursor-pointer': hoverable\n },\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn('bg-gray-100', className)}\n {...props}\n />\n )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n 'transition-colors data-[state=selected]:bg-gray-100',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableHead({\n className,\n children,\n sortDirection,\n ...props\n}: React.ComponentProps<'th'> & { sortDirection?: 'ASC' | 'DESC' }) {\n let SortIcon\n if (sortDirection === 'ASC') {\n SortIcon = LucideChevronUp\n } else if (sortDirection === 'DESC') {\n SortIcon = LucideChevronDown\n }\n\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n 'first:rounded-l first:pl-24',\n 'last:rounded-r last:pr-24',\n 'px-12 py-8 font-normal leading-14',\n 'whitespace-nowrap',\n {\n 'cursor-pointer': !!props?.onClick\n },\n className\n )}\n {...props}\n >\n {children}\n {SortIcon && <SortIcon size={16} className=\"inline-block ml-4\" />}\n </th>\n )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n 'first:rounded-l first:pl-24 first:border-l',\n 'last:rounded-r last:pr-24 last:border-r',\n 'border-gray-900/8 border-y px-12 h-[54px]',\n 'whitespace-nowrap',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<'caption'>) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn('mt-16 text-sm text-gray-700', className)}\n {...props}\n />\n )\n}\n\nexport {\n Table,\n TableBody,\n TableCaption,\n TableCell,\n TableFooter,\n TableHead,\n TableHeader,\n TableRow\n}\n"],"mappings":"+JAIA,SAAS,EAAM,CAAE,YAAW,GAAG,GAAwC,CACrE,OACE,EAAA,EAAA,KAAC,QAAD,CACE,YAAU,QACV,UAAW,EAAA,GAAG,2CAA4C,CAAS,EACnE,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,KAAC,QAAD,CACE,YAAU,eACV,UAAW,EAAA,GAAG,gCAAiC,CAAS,EACxD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAU,CACjB,YACA,YACA,GAAG,GACuD,CAC1D,OACE,EAAA,EAAA,KAAC,QAAD,CACE,YAAU,aACV,UAAW,EAAA,GACT,kBACA,CACE,0CAA2C,CAC7C,EACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,KAAC,QAAD,CACE,YAAU,eACV,UAAW,EAAA,GAAG,cAAe,CAAS,EACtC,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAS,CAAE,YAAW,GAAG,GAAqC,CACrE,OACE,EAAA,EAAA,KAAC,KAAD,CACE,YAAU,YACV,UAAW,EAAA,GACT,sDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAU,CACjB,YACA,WACA,gBACA,GAAG,GAC+D,CAClE,IAAI,EAOJ,OANI,IAAkB,MACpB,EAAW,EAAA,gBACF,IAAkB,SAC3B,EAAW,EAAA,oBAIX,EAAA,EAAA,MAAC,KAAD,CACE,YAAU,aACV,UAAW,EAAA,GACT,8BACA,4BACA,oCACA,oBACA,CACE,iBAAkB,CAAC,CAAC,GAAO,OAC7B,EACA,CACF,EACA,GAAI,WAZN,CAcG,EACA,IAAY,EAAA,EAAA,KAAC,EAAD,CAAU,KAAM,GAAI,UAAU,mBAAqB,CAAA,CAC9D,GAER,CAEA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAqC,CACtE,OACE,EAAA,EAAA,KAAC,KAAD,CACE,YAAU,aACV,UAAW,EAAA,GACT,6CACA,0CACA,4CACA,oBACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CACpB,YACA,GAAG,GAC+B,CAClC,OACE,EAAA,EAAA,KAAC,UAAD,CACE,YAAU,gBACV,UAAW,EAAA,GAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL"}
|
package/dist/index36.js
CHANGED
|
@@ -1,14 +1,38 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "./index6.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
5
|
+
import * as n from "@radix-ui/react-tabs";
|
|
6
|
+
//#region src/Tabs/index.tsx
|
|
7
|
+
function r({ className: e, ...r }) {
|
|
8
|
+
return /* @__PURE__ */ t(n.Root, {
|
|
9
|
+
"data-slot": "tabs",
|
|
10
|
+
className: e,
|
|
8
11
|
...r
|
|
9
12
|
});
|
|
10
13
|
}
|
|
14
|
+
function i({ className: r, ...i }) {
|
|
15
|
+
return /* @__PURE__ */ t(n.List, {
|
|
16
|
+
"data-slot": "tabs-list",
|
|
17
|
+
className: e("inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[16px] bg-gray-200 text-md font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600", r),
|
|
18
|
+
...i
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
function a({ className: r, ...i }) {
|
|
22
|
+
return /* @__PURE__ */ t(n.Trigger, {
|
|
23
|
+
"data-slot": "tabs-trigger",
|
|
24
|
+
className: e("inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all", "focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64", "hover:bg-gray-900/8 active:bg-gray-900/12", "data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800", "data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800", "[&:has(>svg:first-child)]:pl-[10px]", r),
|
|
25
|
+
...i
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
function o({ className: r, ...i }) {
|
|
29
|
+
return /* @__PURE__ */ t(n.Content, {
|
|
30
|
+
"data-slot": "tabs-content",
|
|
31
|
+
className: e("flex-1 outline-none", r),
|
|
32
|
+
...i
|
|
33
|
+
});
|
|
34
|
+
}
|
|
11
35
|
//#endregion
|
|
12
|
-
export { r as
|
|
36
|
+
export { r as Tabs, o as TabsContent, i as TabsList, a as TabsTrigger };
|
|
13
37
|
|
|
14
38
|
//# sourceMappingURL=index36.js.map
|
package/dist/index36.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index36.js","names":[],"sources":["../src/
|
|
1
|
+
{"version":3,"file":"index36.js","names":[],"sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n )\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n 'inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[16px] bg-gray-200 text-md font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n 'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all',\n 'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n 'hover:bg-gray-900/8 active:bg-gray-900/12',\n 'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n 'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n '[&:has(>svg:first-child)]:pl-[10px]',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('flex-1 outline-none', className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"mappings":";;;;;;AAMA,SAAS,EAAK,EACZ,cACA,GAAG,KAC+C;CAClD,OACE,kBAAC,EAAc,MAAf;EAAoB,aAAU;EAAkB;EAAW,GAAI;CAAQ,CAAA;AAE3E;AAEA,SAAS,EAAS,EAChB,cACA,GAAG,KAC+C;CAClD,OACE,kBAAC,EAAc,MAAf;EACE,aAAU;EACV,WAAW,EACT,iKACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,OACE,kBAAC,EAAc,SAAf;EACE,aAAU;EACV,WAAW,EACT,4GACA,+EACA,6CACA,iJACA,yFACA,uCACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,OACE,kBAAC,EAAc,SAAf;EACE,aAAU;EACV,WAAW,EAAG,uBAAuB,CAAS;EAC9C,GAAI;CACL,CAAA;AAEL"}
|
package/dist/index37.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";const e=require("./
|
|
1
|
+
"use client";const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@radix-ui/react-tabs");i=e.__toESM(i,1);function a({className:e,...t}){return(0,r.jsx)(i.Root,{"data-slot":`tabs`,className:e,...t})}function o({className:e,...n}){return(0,r.jsx)(i.List,{"data-slot":`tabs-list`,className:t.cn(`inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[16px] bg-gray-200 text-md font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(i.Trigger,{"data-slot":`tabs-trigger`,className:t.cn(`inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all`,`focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64`,`hover:bg-gray-900/8 active:bg-gray-900/12`,`data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800`,`data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800`,`[&:has(>svg:first-child)]:pl-[10px]`,e),...n})}function c({className:e,...n}){return(0,r.jsx)(i.Content,{"data-slot":`tabs-content`,className:t.cn(`flex-1 outline-none`,e),...n})}exports.Tabs=a,exports.TabsContent=c,exports.TabsList=o,exports.TabsTrigger=s;
|
|
2
2
|
//# sourceMappingURL=index37.cjs.map
|
package/dist/index37.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index37.cjs","names":[],"sources":["../src/
|
|
1
|
+
{"version":3,"file":"index37.cjs","names":[],"sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n )\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n 'inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[16px] bg-gray-200 text-md font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n 'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all',\n 'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n 'hover:bg-gray-900/8 active:bg-gray-900/12',\n 'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n 'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n '[&:has(>svg:first-child)]:pl-[10px]',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('flex-1 outline-none', className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"mappings":"qMAMA,SAAS,EAAK,CACZ,YACA,GAAG,GAC+C,CAClD,OACE,EAAA,EAAA,KAAC,EAAc,KAAf,CAAoB,YAAU,OAAkB,YAAW,GAAI,CAAQ,CAAA,CAE3E,CAEA,SAAS,EAAS,CAChB,YACA,GAAG,GAC+C,CAClD,OACE,EAAA,EAAA,KAAC,EAAc,KAAf,CACE,YAAU,YACV,UAAW,EAAA,GACT,gKACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EAAA,GACT,2GACA,8EACA,4CACA,gJACA,wFACA,sCACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EAAA,GAAG,sBAAuB,CAAS,EAC9C,GAAI,CACL,CAAA,CAEL"}
|
package/dist/index37.js
CHANGED
|
@@ -1,44 +1,73 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
success: "bg-green-50",
|
|
17
|
-
warning: "bg-orange-50",
|
|
18
|
-
error: "bg-red-50",
|
|
19
|
-
title: "text-sm text-gray-900! font-semibold!",
|
|
20
|
-
description: "text-sm text-gray-800!",
|
|
21
|
-
closeButton: "absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16"
|
|
1
|
+
import { cn as e } from "./index6.js";
|
|
2
|
+
import { Button as t } from "./index8.js";
|
|
3
|
+
import { Badge as n } from "./index10.js";
|
|
4
|
+
import { LucideX as r } from "lucide-react";
|
|
5
|
+
import * as i from "react";
|
|
6
|
+
import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
7
|
+
//#region src/TagInput/index.tsx
|
|
8
|
+
function c({ className: t, value: n, placeholder: r, onValueChange: a, ...c }) {
|
|
9
|
+
let [u, d] = i.useState(""), f = i.useRef(null);
|
|
10
|
+
function p(e) {
|
|
11
|
+
let t = e.target.value;
|
|
12
|
+
if (t.includes(",")) {
|
|
13
|
+
let e = t.split(","), r = Array.from(new Set(e));
|
|
14
|
+
a([...n || [], ...r.filter((e) => !!e && !n?.includes(e)).map((e) => e.trim()) || []]), d("");
|
|
15
|
+
return;
|
|
22
16
|
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
17
|
+
d(t);
|
|
18
|
+
}
|
|
19
|
+
function m(e) {
|
|
20
|
+
["Enter", "Tab"].includes(e.key) && u?.trim() && (e.preventDefault(), n?.includes(u) || h(), d("")), e.key === "Backspace" && !u && a(n?.slice(0, -1) || []);
|
|
21
|
+
}
|
|
22
|
+
function h() {
|
|
23
|
+
u.trim() && (a([...n || [], u]), d(""));
|
|
24
|
+
}
|
|
25
|
+
return /* @__PURE__ */ s("div", {
|
|
26
|
+
className: e("flex flex-wrap items-center gap-8 min-h-[36px]", "border rounded border-gray-900/24 bg-white px-12 py-4", "hover:cursor-text", "hover:shadow-field-hover", "active:shadow-field-active", "focus-visible:outline-none focus:shadow-field-active", t),
|
|
27
|
+
onClick: () => f.current?.focus(),
|
|
28
|
+
...c,
|
|
29
|
+
children: [
|
|
30
|
+
/* @__PURE__ */ o(l, {
|
|
31
|
+
value: n,
|
|
32
|
+
onValueChange: a
|
|
33
|
+
}),
|
|
34
|
+
/* @__PURE__ */ o("input", {
|
|
35
|
+
ref: f,
|
|
36
|
+
className: "h-[26px] outline-none text-sm",
|
|
37
|
+
type: "text",
|
|
38
|
+
value: u,
|
|
39
|
+
onChange: p,
|
|
40
|
+
onKeyDown: m,
|
|
41
|
+
style: { width: `${u.length + 1}ch` },
|
|
42
|
+
onBlur: () => h()
|
|
43
|
+
}),
|
|
44
|
+
n?.length === 0 && !u && /* @__PURE__ */ o("div", {
|
|
45
|
+
className: "text-gray-400 ml-[-2ch]",
|
|
46
|
+
children: r
|
|
47
|
+
})
|
|
48
|
+
]
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
c.displayName = "TagInput";
|
|
52
|
+
function l({ value: e, onValueChange: i }) {
|
|
53
|
+
return /* @__PURE__ */ o(a, { children: e?.map((a, c) => /* @__PURE__ */ s(n, {
|
|
54
|
+
className: "px-0 pr-8 pl-0 gap-x-4 overflow-hidden",
|
|
55
|
+
children: [/* @__PURE__ */ o(t, {
|
|
56
|
+
type: "button",
|
|
57
|
+
className: "w-[26px] h-[26px] shrink-0",
|
|
58
|
+
size: "icon",
|
|
59
|
+
intent: "secondary",
|
|
60
|
+
onClick: () => {
|
|
61
|
+
i(e?.filter((e, t) => t !== c) || []);
|
|
62
|
+
},
|
|
63
|
+
children: /* @__PURE__ */ o(r, { className: "w-16" })
|
|
64
|
+
}), /* @__PURE__ */ o("div", {
|
|
65
|
+
className: "truncate",
|
|
66
|
+
children: a
|
|
67
|
+
})]
|
|
68
|
+
}, c)) });
|
|
69
|
+
}
|
|
41
70
|
//#endregion
|
|
42
|
-
export {
|
|
71
|
+
export { c as TagInput };
|
|
43
72
|
|
|
44
73
|
//# sourceMappingURL=index37.js.map
|