@fluencypassdevs/cycle 0.8.3 → 0.9.0
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/bin/mcp.mjs +3 -4
- package/dist/chunk-66CU7J2I.js +31 -0
- package/dist/chunk-66CU7J2I.js.map +1 -0
- package/dist/index.js +1 -1
- package/dist/logos/product.d.ts +11 -10
- package/dist/logos/product.js +2 -3
- package/package.json +1 -1
- package/dist/chunk-XVBX263W.js +0 -32
- package/dist/chunk-XVBX263W.js.map +0 -1
package/bin/mcp.mjs
CHANGED
|
@@ -640,16 +640,15 @@ cycleToast.info("Nova mensagem recebida")`,
|
|
|
640
640
|
{
|
|
641
641
|
name: "ProductLogo",
|
|
642
642
|
import: `import { ProductLogo, ClassLogo, PrivateTalkLogo, GroupTalkLogo } from "@fluencypassdevs/cycle"`,
|
|
643
|
-
description: "Logo de produto (icone
|
|
643
|
+
description: "Logo de produto (icone Fluencypass coral + label). 5 sizes (xs=16px, sm=20px, md=24px, lg=28px, xl=32px). Pre-built: ClassLogo, PrivateTalkLogo, GroupTalkLogo.",
|
|
644
644
|
props: [
|
|
645
|
-
{ name: "icon", type: "LucideIcon", default: "-" },
|
|
646
645
|
{ name: "label", type: "string", default: "-" },
|
|
647
|
-
{ name: "size", type: '"xs" | "sm" | "md" | "lg" | "xl"', default: '"
|
|
646
|
+
{ name: "size", type: '"xs" | "sm" | "md" | "lg" | "xl"', default: '"sm"' },
|
|
648
647
|
],
|
|
649
648
|
example: `<ClassLogo size="md" />
|
|
650
649
|
<PrivateTalkLogo size="sm" />
|
|
651
650
|
<GroupTalkLogo size="lg" />
|
|
652
|
-
<ProductLogo
|
|
651
|
+
<ProductLogo label="Impulse" size="md" />`,
|
|
653
652
|
keywords: ["logo", "produto", "class", "private", "group", "talk", "marca"],
|
|
654
653
|
},
|
|
655
654
|
{
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { FluencypassIcon } from './chunk-5LZHXNBV.js';
|
|
2
|
+
import { cn } from './chunk-TYCPXAXF.js';
|
|
3
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
var sizeMap = {
|
|
6
|
+
xs: { icon: "h-4 w-auto", text: "button-sm", gap: "gap-1" },
|
|
7
|
+
sm: { icon: "h-5 w-auto", text: "heading-xs", gap: "gap-1" },
|
|
8
|
+
md: { icon: "h-6 w-auto", text: "heading-sm", gap: "gap-1" },
|
|
9
|
+
lg: { icon: "h-7 w-auto", text: "heading-md", gap: "gap-2" },
|
|
10
|
+
xl: { icon: "h-8 w-auto", text: "heading-lg", gap: "gap-2" }
|
|
11
|
+
};
|
|
12
|
+
function ProductLogo({ label, size = "sm", className }) {
|
|
13
|
+
const { icon, text, gap } = sizeMap[size];
|
|
14
|
+
return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center", gap, className), children: [
|
|
15
|
+
/* @__PURE__ */ jsx(FluencypassIcon, { className: icon }),
|
|
16
|
+
/* @__PURE__ */ jsx("span", { className: cn(text), children: label })
|
|
17
|
+
] });
|
|
18
|
+
}
|
|
19
|
+
function ClassLogo({ size = "sm", className }) {
|
|
20
|
+
return /* @__PURE__ */ jsx(ProductLogo, { label: "Class", size, className });
|
|
21
|
+
}
|
|
22
|
+
function PrivateTalkLogo({ size = "sm", className }) {
|
|
23
|
+
return /* @__PURE__ */ jsx(ProductLogo, { label: "Private Talk", size, className });
|
|
24
|
+
}
|
|
25
|
+
function GroupTalkLogo({ size = "sm", className }) {
|
|
26
|
+
return /* @__PURE__ */ jsx(ProductLogo, { label: "Group Talk", size, className });
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo };
|
|
30
|
+
//# sourceMappingURL=chunk-66CU7J2I.js.map
|
|
31
|
+
//# sourceMappingURL=chunk-66CU7J2I.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/product-logo.tsx"],"names":[],"mappings":";;;;AAGA,IAAM,OAAA,GAAU;AAAA,EACd,IAAI,EAAE,IAAA,EAAM,cAAc,IAAA,EAAM,WAAA,EAAa,KAAK,OAAA,EAAQ;AAAA,EAC1D,IAAI,EAAE,IAAA,EAAM,cAAc,IAAA,EAAM,YAAA,EAAc,KAAK,OAAA,EAAQ;AAAA,EAC3D,IAAI,EAAE,IAAA,EAAM,cAAc,IAAA,EAAM,YAAA,EAAc,KAAK,OAAA,EAAQ;AAAA,EAC3D,IAAI,EAAE,IAAA,EAAM,cAAc,IAAA,EAAM,YAAA,EAAc,KAAK,OAAA,EAAQ;AAAA,EAC3D,IAAI,EAAE,IAAA,EAAM,cAAc,IAAA,EAAM,YAAA,EAAc,KAAK,OAAA;AACrD,CAAA;AAUO,SAAS,YAAY,EAAE,KAAA,EAAO,IAAA,GAAO,IAAA,EAAM,WAAU,EAAqB;AAC/E,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAM,GAAA,EAAI,GAAI,QAAQ,IAAI,CAAA;AACxC,EAAA,4BACG,MAAA,EAAA,EAAK,SAAA,EAAW,GAAG,0BAAA,EAA4B,GAAA,EAAK,SAAS,CAAA,EAC5D,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,WAAW,IAAA,EAAM,CAAA;AAAA,wBACjC,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,WAAA,EAAA,EAAY,KAAA,EAAM,OAAA,EAAQ,MAAY,SAAA,EAAsB,CAAA;AACtE;AAEO,SAAS,eAAA,CAAgB,EAAE,IAAA,GAAO,IAAA,EAAM,WAAU,EAAmD;AAC1G,EAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,cAAA,EAAe,MAAY,SAAA,EAAsB,CAAA;AAC7E;AAEO,SAAS,aAAA,CAAc,EAAE,IAAA,GAAO,IAAA,EAAM,WAAU,EAAmD;AACxG,EAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,YAAA,EAAa,MAAY,SAAA,EAAsB,CAAA;AAC3E","file":"chunk-66CU7J2I.js","sourcesContent":["import { cn } from \"@/lib/utils\"\nimport { FluencypassIcon } from \"@/components/fluencypass-logo\"\n\nconst sizeMap = {\n xs: { icon: \"h-4 w-auto\", text: \"button-sm\", gap: \"gap-1\" },\n sm: { icon: \"h-5 w-auto\", text: \"heading-xs\", gap: \"gap-1\" },\n md: { icon: \"h-6 w-auto\", text: \"heading-sm\", gap: \"gap-1\" },\n lg: { icon: \"h-7 w-auto\", text: \"heading-md\", gap: \"gap-2\" },\n xl: { icon: \"h-8 w-auto\", text: \"heading-lg\", gap: \"gap-2\" },\n} as const\n\ntype ProductLogoSize = keyof typeof sizeMap\n\ninterface ProductLogoProps {\n label: string\n size?: ProductLogoSize\n className?: string\n}\n\nexport function ProductLogo({ label, size = \"sm\", className }: ProductLogoProps) {\n const { icon, text, gap } = sizeMap[size]\n return (\n <span className={cn(\"inline-flex items-center\", gap, className)}>\n <FluencypassIcon className={icon} />\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 label=\"Class\" size={size} className={className} />\n}\n\nexport function PrivateTalkLogo({ size = \"sm\", className }: { size?: ProductLogoSize; className?: string }) {\n return <ProductLogo label=\"Private Talk\" size={size} className={className} />\n}\n\nexport function GroupTalkLogo({ size = \"sm\", className }: { size?: ProductLogoSize; className?: string }) {\n return <ProductLogo label=\"Group Talk\" size={size} className={className} />\n}\n"]}
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from './chunk-66CU7J2I.js';
|
|
1
2
|
export { FluencypassIcon, FluencypassLogo } from './chunk-5LZHXNBV.js';
|
|
2
|
-
export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from './chunk-XVBX263W.js';
|
|
3
3
|
export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './chunk-PY2BIZNB.js';
|
|
4
4
|
export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from './chunk-F2Q3E2ZM.js';
|
|
5
5
|
export { Skeleton } from './chunk-2EKU7RP4.js';
|
package/dist/logos/product.d.ts
CHANGED
|
@@ -1,38 +1,39 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { LucideIcon } from 'lucide-react';
|
|
3
|
-
import { a as IconSize } from '../sizes-BZ5ZUk8g.js';
|
|
4
2
|
|
|
5
3
|
declare const sizeMap: {
|
|
6
4
|
readonly xs: {
|
|
7
|
-
readonly icon:
|
|
5
|
+
readonly icon: "h-4 w-auto";
|
|
8
6
|
readonly text: "button-sm";
|
|
7
|
+
readonly gap: "gap-1";
|
|
9
8
|
};
|
|
10
9
|
readonly sm: {
|
|
11
|
-
readonly icon:
|
|
10
|
+
readonly icon: "h-5 w-auto";
|
|
12
11
|
readonly text: "heading-xs";
|
|
12
|
+
readonly gap: "gap-1";
|
|
13
13
|
};
|
|
14
14
|
readonly md: {
|
|
15
|
-
readonly icon:
|
|
15
|
+
readonly icon: "h-6 w-auto";
|
|
16
16
|
readonly text: "heading-sm";
|
|
17
|
+
readonly gap: "gap-1";
|
|
17
18
|
};
|
|
18
19
|
readonly lg: {
|
|
19
|
-
readonly icon:
|
|
20
|
+
readonly icon: "h-7 w-auto";
|
|
20
21
|
readonly text: "heading-md";
|
|
22
|
+
readonly gap: "gap-2";
|
|
21
23
|
};
|
|
22
24
|
readonly xl: {
|
|
23
|
-
readonly icon:
|
|
25
|
+
readonly icon: "h-8 w-auto";
|
|
24
26
|
readonly text: "heading-lg";
|
|
27
|
+
readonly gap: "gap-2";
|
|
25
28
|
};
|
|
26
29
|
};
|
|
27
30
|
type ProductLogoSize = keyof typeof sizeMap;
|
|
28
31
|
interface ProductLogoProps {
|
|
29
|
-
icon: LucideIcon;
|
|
30
32
|
label: string;
|
|
31
33
|
size?: ProductLogoSize;
|
|
32
|
-
theme?: string;
|
|
33
34
|
className?: string;
|
|
34
35
|
}
|
|
35
|
-
declare function ProductLogo({
|
|
36
|
+
declare function ProductLogo({ label, size, className }: ProductLogoProps): react_jsx_runtime.JSX.Element;
|
|
36
37
|
declare function ClassLogo({ size, className }: {
|
|
37
38
|
size?: ProductLogoSize;
|
|
38
39
|
className?: string;
|
package/dist/logos/product.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-V7M2NHUO.js';
|
|
1
|
+
export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from '../chunk-66CU7J2I.js';
|
|
2
|
+
import '../chunk-5LZHXNBV.js';
|
|
4
3
|
import '../chunk-TYCPXAXF.js';
|
|
5
4
|
import '../chunk-YINJ5YZ5.js';
|
|
6
5
|
//# sourceMappingURL=product.js.map
|
package/package.json
CHANGED
package/dist/chunk-XVBX263W.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { CycleIcon } from './chunk-V7M2NHUO.js';
|
|
2
|
-
import { cn } from './chunk-TYCPXAXF.js';
|
|
3
|
-
import { GraduationCap, UserLock, MessagesSquare } from 'lucide-react';
|
|
4
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
var sizeMap = {
|
|
7
|
-
xs: { icon: "xs", text: "button-sm" },
|
|
8
|
-
sm: { icon: "sm", text: "heading-xs" },
|
|
9
|
-
md: { icon: "md", text: "heading-sm" },
|
|
10
|
-
lg: { icon: "lg", text: "heading-md" },
|
|
11
|
-
xl: { icon: "xl", text: "heading-lg" }
|
|
12
|
-
};
|
|
13
|
-
function ProductLogo({ icon, label, size = "sm", theme, className }) {
|
|
14
|
-
const { icon: iconSize, text } = sizeMap[size];
|
|
15
|
-
return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center", size === "xs" ? "gap-1" : "gap-2", className), children: [
|
|
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
|
-
] });
|
|
19
|
-
}
|
|
20
|
-
function ClassLogo({ size = "sm", className }) {
|
|
21
|
-
return /* @__PURE__ */ jsx(ProductLogo, { icon: GraduationCap, label: "Class", size, theme: "theme-class", className });
|
|
22
|
-
}
|
|
23
|
-
function PrivateTalkLogo({ size = "sm", className }) {
|
|
24
|
-
return /* @__PURE__ */ jsx(ProductLogo, { icon: UserLock, label: "Private Talk", size, theme: "theme-private", className });
|
|
25
|
-
}
|
|
26
|
-
function GroupTalkLogo({ size = "sm", className }) {
|
|
27
|
-
return /* @__PURE__ */ jsx(ProductLogo, { icon: MessagesSquare, label: "Group Talk", size, theme: "theme-group", className });
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo };
|
|
31
|
-
//# sourceMappingURL=chunk-XVBX263W.js.map
|
|
32
|
-
//# sourceMappingURL=chunk-XVBX263W.js.map
|
|
@@ -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;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"]}
|