@fluencypassdevs/cycle 0.6.2 → 0.6.3
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.
|
@@ -10,23 +10,23 @@ var sizeMap = {
|
|
|
10
10
|
lg: { icon: "lg", text: "heading-md" },
|
|
11
11
|
xl: { icon: "xl", text: "heading-lg" }
|
|
12
12
|
};
|
|
13
|
-
function ProductLogo({ icon, label, size = "sm", className }) {
|
|
13
|
+
function ProductLogo({ icon, label, size = "sm", theme, className }) {
|
|
14
14
|
const { icon: iconSize, text } = sizeMap[size];
|
|
15
15
|
return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center", size === "xs" ? "gap-1" : "gap-2", className), children: [
|
|
16
|
-
/* @__PURE__ */ jsx(CycleIcon, { icon, size: iconSize, decorative: true }),
|
|
17
|
-
/* @__PURE__ */ jsx("span", { className: cn(text
|
|
16
|
+
/* @__PURE__ */ jsx("span", { className: cn(theme, theme && "text-foreground"), children: /* @__PURE__ */ jsx(CycleIcon, { icon, size: iconSize, decorative: true }) }),
|
|
17
|
+
/* @__PURE__ */ jsx("span", { className: cn(text), children: label })
|
|
18
18
|
] });
|
|
19
19
|
}
|
|
20
20
|
function ClassLogo({ size = "sm", className }) {
|
|
21
|
-
return /* @__PURE__ */ jsx(ProductLogo, { icon: GraduationCap, label: "Class", size,
|
|
21
|
+
return /* @__PURE__ */ jsx(ProductLogo, { icon: GraduationCap, label: "Class", size, theme: "theme-class", className });
|
|
22
22
|
}
|
|
23
23
|
function PrivateTalkLogo({ size = "sm", className }) {
|
|
24
|
-
return /* @__PURE__ */ jsx(ProductLogo, { icon: UserLock, label: "Private Talk", size,
|
|
24
|
+
return /* @__PURE__ */ jsx(ProductLogo, { icon: UserLock, label: "Private Talk", size, theme: "theme-private", className });
|
|
25
25
|
}
|
|
26
26
|
function GroupTalkLogo({ size = "sm", className }) {
|
|
27
|
-
return /* @__PURE__ */ jsx(ProductLogo, { icon: MessagesSquare, label: "Group Talk", size,
|
|
27
|
+
return /* @__PURE__ */ jsx(ProductLogo, { icon: MessagesSquare, label: "Group Talk", size, theme: "theme-group", className });
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo };
|
|
31
|
-
//# sourceMappingURL=chunk-
|
|
32
|
-
//# sourceMappingURL=chunk-
|
|
31
|
+
//# sourceMappingURL=chunk-XVBX263W.js.map
|
|
32
|
+
//# sourceMappingURL=chunk-XVBX263W.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/product-logo.tsx"],"names":[],"mappings":";;;;;AAMA,IAAM,OAAA,GAAU;AAAA,EACd,EAAA,EAAI,EAAE,IAAA,EAAM,IAAA,EAAkB,MAAM,WAAA,EAAY;AAAA,EAChD,EAAA,EAAI,EAAE,IAAA,EAAM,IAAA,EAAkB,MAAM,YAAA,EAAa;AAAA,EACjD,EAAA,EAAI,EAAE,IAAA,EAAM,IAAA,EAAkB,MAAM,YAAA,EAAa;AAAA,EACjD,EAAA,EAAI,EAAE,IAAA,EAAM,IAAA,EAAkB,MAAM,YAAA,EAAa;AAAA,EACjD,EAAA,EAAI,EAAE,IAAA,EAAM,IAAA,EAAkB,MAAM,YAAA;AACtC,CAAA;AAYO,SAAS,WAAA,CAAY,EAAE,IAAA,EAAM,KAAA,EAAO,OAAO,IAAA,EAAM,KAAA,EAAO,WAAU,EAAqB;AAC5F,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAU,IAAA,EAAK,GAAI,QAAQ,IAAI,CAAA;AAC7C,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA4B,SAAS,IAAA,GAAO,OAAA,GAAU,OAAA,EAAS,SAAS,CAAA,EAC1F,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,KAAA,EAAO,SAAS,iBAAiB,CAAA,EACnD,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAY,IAAA,EAAM,QAAA,EAAU,UAAA,EAAU,MAAC,CAAA,EACpD,CAAA;AAAA,wBACC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,IAAI,GAAI,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACpC,CAAA;AAEJ;AAGO,SAAS,SAAA,CAAU,EAAE,IAAA,GAAO,IAAA,EAAM,WAAU,EAAmD;AACpG,EAAA,uBAAO,GAAA,CAAC,eAAY,IAAA,EAAM,aAAA,EAAe,OAAM,OAAA,EAAQ,IAAA,EAAY,KAAA,EAAM,aAAA,EAAc,SAAA,EAAsB,CAAA;AAC/G;AAEO,SAAS,eAAA,CAAgB,EAAE,IAAA,GAAO,IAAA,EAAM,WAAU,EAAmD;AAC1G,EAAA,uBAAO,GAAA,CAAC,eAAY,IAAA,EAAM,QAAA,EAAU,OAAM,cAAA,EAAe,IAAA,EAAY,KAAA,EAAM,eAAA,EAAgB,SAAA,EAAsB,CAAA;AACnH;AAEO,SAAS,aAAA,CAAc,EAAE,IAAA,GAAO,IAAA,EAAM,WAAU,EAAmD;AACxG,EAAA,uBAAO,GAAA,CAAC,eAAY,IAAA,EAAM,cAAA,EAAgB,OAAM,YAAA,EAAa,IAAA,EAAY,KAAA,EAAM,aAAA,EAAc,SAAA,EAAsB,CAAA;AACrH","file":"chunk-XVBX263W.js","sourcesContent":["import { type LucideIcon } from \"lucide-react\"\nimport { GraduationCap, UserLock, MessagesSquare } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { CycleIcon, type IconSize } from \"@/components/icons\"\n\nconst sizeMap = {\n xs: { icon: \"xs\" as IconSize, text: \"button-sm\" },\n sm: { icon: \"sm\" as IconSize, text: \"heading-xs\" },\n md: { icon: \"md\" as IconSize, text: \"heading-sm\" },\n lg: { icon: \"lg\" as IconSize, text: \"heading-md\" },\n xl: { icon: \"xl\" as IconSize, text: \"heading-lg\" },\n} as const\n\ntype ProductLogoSize = keyof typeof sizeMap\n\ninterface ProductLogoProps {\n icon: LucideIcon\n label: string\n size?: ProductLogoSize\n theme?: string\n className?: string\n}\n\nexport function ProductLogo({ icon, label, size = \"sm\", theme, className }: ProductLogoProps) {\n const { icon: iconSize, text } = sizeMap[size]\n return (\n <span className={cn(\"inline-flex items-center\", size === \"xs\" ? \"gap-1\" : \"gap-2\", className)}>\n <span className={cn(theme, theme && \"text-foreground\")}>\n <CycleIcon icon={icon} size={iconSize} decorative />\n </span>\n <span className={cn(text)}>{label}</span>\n </span>\n )\n}\n\n/* Pre-built product logos */\nexport function ClassLogo({ size = \"sm\", className }: { size?: ProductLogoSize; className?: string }) {\n return <ProductLogo icon={GraduationCap} label=\"Class\" size={size} theme=\"theme-class\" className={className} />\n}\n\nexport function PrivateTalkLogo({ size = \"sm\", className }: { size?: ProductLogoSize; className?: string }) {\n return <ProductLogo icon={UserLock} label=\"Private Talk\" size={size} theme=\"theme-private\" className={className} />\n}\n\nexport function GroupTalkLogo({ size = \"sm\", className }: { size?: ProductLogoSize; className?: string }) {\n return <ProductLogo icon={MessagesSquare} label=\"Group Talk\" size={size} theme=\"theme-group\" className={className} />\n}\n"]}
|
package/dist/index.js
CHANGED
|
@@ -4,7 +4,7 @@ export { Skeleton } from './chunk-2EKU7RP4.js';
|
|
|
4
4
|
export { Spinner } from './chunk-5XNYJECW.js';
|
|
5
5
|
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-TZ7BEYQ7.js';
|
|
6
6
|
export { FluencypassIcon, FluencypassLogo } from './chunk-5LZHXNBV.js';
|
|
7
|
-
export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from './chunk-
|
|
7
|
+
export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from './chunk-XVBX263W.js';
|
|
8
8
|
export { AudioPlayer } from './chunk-UAHCRXAG.js';
|
|
9
9
|
export { VideoPlayer } from './chunk-IXMIKS5H.js';
|
|
10
10
|
export { Toaster, cycleToast } from './chunk-ELZCZ6ZH.js';
|
package/dist/logos/product.d.ts
CHANGED
|
@@ -29,9 +29,10 @@ interface ProductLogoProps {
|
|
|
29
29
|
icon: LucideIcon;
|
|
30
30
|
label: string;
|
|
31
31
|
size?: ProductLogoSize;
|
|
32
|
+
theme?: string;
|
|
32
33
|
className?: string;
|
|
33
34
|
}
|
|
34
|
-
declare function ProductLogo({ icon, label, size, className }: ProductLogoProps): react_jsx_runtime.JSX.Element;
|
|
35
|
+
declare function ProductLogo({ icon, label, size, theme, className }: ProductLogoProps): react_jsx_runtime.JSX.Element;
|
|
35
36
|
declare function ClassLogo({ size, className }: {
|
|
36
37
|
size?: ProductLogoSize;
|
|
37
38
|
className?: string;
|
package/dist/logos/product.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from '../chunk-
|
|
1
|
+
export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from '../chunk-XVBX263W.js';
|
|
2
2
|
import '../chunk-D4QCYBCD.js';
|
|
3
3
|
import '../chunk-V7M2NHUO.js';
|
|
4
4
|
import '../chunk-TYCPXAXF.js';
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/product-logo.tsx"],"names":[],"mappings":";;;;;AAMA,IAAM,OAAA,GAAU;AAAA,EACd,EAAA,EAAI,EAAE,IAAA,EAAM,IAAA,EAAkB,MAAM,WAAA,EAAY;AAAA,EAChD,EAAA,EAAI,EAAE,IAAA,EAAM,IAAA,EAAkB,MAAM,YAAA,EAAa;AAAA,EACjD,EAAA,EAAI,EAAE,IAAA,EAAM,IAAA,EAAkB,MAAM,YAAA,EAAa;AAAA,EACjD,EAAA,EAAI,EAAE,IAAA,EAAM,IAAA,EAAkB,MAAM,YAAA,EAAa;AAAA,EACjD,EAAA,EAAI,EAAE,IAAA,EAAM,IAAA,EAAkB,MAAM,YAAA;AACtC,CAAA;AAWO,SAAS,YAAY,EAAE,IAAA,EAAM,OAAO,IAAA,GAAO,IAAA,EAAM,WAAU,EAAqB;AACrF,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAU,IAAA,EAAK,GAAI,QAAQ,IAAI,CAAA;AAC7C,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA4B,SAAS,IAAA,GAAO,OAAA,GAAU,OAAA,EAAS,SAAS,CAAA,EAC1F,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAY,IAAA,EAAM,QAAA,EAAU,YAAU,IAAA,EAAC,CAAA;AAAA,wBACjD,MAAA,EAAA,EAAK,SAAA,EAAW,GAAG,IAAA,EAAM,yBAAyB,GAAI,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAC/D,CAAA;AAEJ;AAGO,SAAS,SAAA,CAAU,EAAE,IAAA,GAAO,IAAA,EAAM,WAAU,EAAmD;AACpG,EAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAM,aAAA,EAAe,KAAA,EAAM,OAAA,EAAQ,IAAA,EAAY,SAAA,EAAW,EAAA,CAAG,6BAAA,EAA+B,SAAS,CAAA,EAAG,CAAA;AAC9H;AAEO,SAAS,eAAA,CAAgB,EAAE,IAAA,GAAO,IAAA,EAAM,WAAU,EAAmD;AAC1G,EAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAM,QAAA,EAAU,KAAA,EAAM,cAAA,EAAe,IAAA,EAAY,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA,EAAG,CAAA;AAClI;AAEO,SAAS,aAAA,CAAc,EAAE,IAAA,GAAO,IAAA,EAAM,WAAU,EAAmD;AACxG,EAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAM,cAAA,EAAgB,KAAA,EAAM,YAAA,EAAa,IAAA,EAAY,SAAA,EAAW,EAAA,CAAG,6BAAA,EAA+B,SAAS,CAAA,EAAG,CAAA;AACpI","file":"chunk-JDAPQW5C.js","sourcesContent":["import { type LucideIcon } from \"lucide-react\"\nimport { GraduationCap, UserLock, MessagesSquare } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { CycleIcon, type IconSize } from \"@/components/icons\"\n\nconst sizeMap = {\n xs: { icon: \"xs\" as IconSize, text: \"button-sm\" },\n sm: { icon: \"sm\" as IconSize, text: \"heading-xs\" },\n md: { icon: \"md\" as IconSize, text: \"heading-sm\" },\n lg: { icon: \"lg\" as IconSize, text: \"heading-md\" },\n xl: { icon: \"xl\" as IconSize, text: \"heading-lg\" },\n} as const\n\ntype ProductLogoSize = keyof typeof sizeMap\n\ninterface ProductLogoProps {\n icon: LucideIcon\n label: string\n size?: ProductLogoSize\n className?: string\n}\n\nexport function ProductLogo({ icon, label, size = \"sm\", className }: ProductLogoProps) {\n const { icon: iconSize, text } = sizeMap[size]\n return (\n <span className={cn(\"inline-flex items-center\", size === \"xs\" ? \"gap-1\" : \"gap-2\", className)}>\n <CycleIcon icon={icon} size={iconSize} decorative />\n <span className={cn(text, \"text-neutral-foreground\")}>{label}</span>\n </span>\n )\n}\n\n/* Pre-built product logos */\nexport function ClassLogo({ size = \"sm\", className }: { size?: ProductLogoSize; className?: string }) {\n return <ProductLogo icon={GraduationCap} label=\"Class\" size={size} className={cn(\"theme-class text-foreground\", className)} />\n}\n\nexport function PrivateTalkLogo({ size = \"sm\", className }: { size?: ProductLogoSize; className?: string }) {\n return <ProductLogo icon={UserLock} label=\"Private Talk\" size={size} className={cn(\"theme-private text-foreground\", className)} />\n}\n\nexport function GroupTalkLogo({ size = \"sm\", className }: { size?: ProductLogoSize; className?: string }) {\n return <ProductLogo icon={MessagesSquare} label=\"Group Talk\" size={size} className={cn(\"theme-group text-foreground\", className)} />\n}\n"]}
|