@fluencypassdevs/cycle 0.4.0 → 0.5.1

package/dist/styles/tokens.css

@@ -571,3 +571,112 @@ body {
     transform: translateY(-18px) scaleY(0.4);
   }
 }
+
+/* ============================================
+ * CYCLE TYPOGRAPHY - Composite Styles
+ * ============================================
+ * Estilos tipograficos compostos extraidos do Figma.
+ * Cada classe aplica font-size, font-weight,
+ * line-height e letter-spacing de uma vez.
+ *
+ * Uso: <p class="body-md"> ou <h2 class="heading-xl">
+ * ============================================
+ */
+
+/* --- Body --- */
+@utility body-xs {
+  font-family: var(--font-sans);
+  font-size: 0.625rem;     /* 10px */
+  font-weight: 400;
+  line-height: 1rem;        /* 16px */
+  letter-spacing: 0em;
+}
+
+@utility body-sm {
+  font-family: var(--font-sans);
+  font-size: 0.75rem;      /* 12px */
+  font-weight: 400;
+  line-height: 1.125rem;    /* 18px */
+  letter-spacing: 0em;
+}
+
+@utility body-md {
+  font-family: var(--font-sans);
+  font-size: 0.875rem;     /* 14px */
+  font-weight: 400;
+  line-height: 1.25rem;     /* 20px */
+  letter-spacing: 0em;
+}
+
+@utility body-lg {
+  font-family: var(--font-sans);
+  font-size: 1rem;         /* 16px */
+  font-weight: 400;
+  line-height: 1.5rem;      /* 24px */
+  letter-spacing: 0em;
+}
+
+/* --- Heading --- */
+@utility heading-xs {
+  font-family: var(--font-sans);
+  font-size: 0.875rem;     /* 14px */
+  font-weight: 600;
+  line-height: 1.25rem;     /* 20px */
+  letter-spacing: -0.025em;
+}
+
+@utility heading-sm {
+  font-family: var(--font-sans);
+  font-size: 1rem;         /* 16px */
+  font-weight: 600;
+  line-height: 1.5rem;      /* 24px */
+  letter-spacing: -0.025em;
+}
+
+@utility heading-md {
+  font-family: var(--font-sans);
+  font-size: 1.125rem;     /* 18px */
+  font-weight: 600;
+  line-height: 1.75rem;     /* 28px */
+  letter-spacing: -0.025em;
+}
+
+@utility heading-lg {
+  font-family: var(--font-sans);
+  font-size: 1.25rem;      /* 20px */
+  font-weight: 600;
+  line-height: 1.875rem;    /* 30px */
+  letter-spacing: -0.025em;
+}
+
+@utility heading-xl {
+  font-family: var(--font-sans);
+  font-size: 1.5rem;       /* 24px */
+  font-weight: 600;
+  line-height: 2rem;         /* 32px */
+  letter-spacing: -0.025em;
+}
+
+@utility heading-2xl {
+  font-family: var(--font-sans);
+  font-size: 2rem;         /* 32px */
+  font-weight: 700;
+  line-height: 2.5rem;      /* 40px */
+  letter-spacing: -0.025em;
+}
+
+@utility heading-3xl {
+  font-family: var(--font-sans);
+  font-size: 2.5rem;       /* 40px */
+  font-weight: 700;
+  line-height: 3rem;         /* 48px */
+  letter-spacing: -0.025em;
+}
+
+@utility heading-4xl {
+  font-family: var(--font-sans);
+  font-size: 3rem;         /* 48px */
+  font-weight: 700;
+  line-height: 3.75rem;     /* 60px */
+  letter-spacing: -0.05em;
+}

package/dist/ui/alert.js

@@ -1,6 +1,6 @@
-export { Alert, AlertAction, AlertClose, AlertDescription, AlertTitle, alertVariants } from '../chunk-POQUVBVT.js';
-import '../chunk-6LML23MS.js';
-import '../chunk-OT2HCBR2.js';
+export { Alert, AlertAction, AlertClose, AlertDescription, AlertTitle, alertVariants } from '../chunk-7ZXAU2CD.js';
+import '../chunk-D4QCYBCD.js';
+import '../chunk-V7M2NHUO.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=alert.js.map

package/dist/ui/audio-player.js

@@ -1,6 +1,6 @@
-export { AudioPlayer } from '../chunk-WRJZHQNY.js';
-import '../chunk-6LML23MS.js';
-import '../chunk-OT2HCBR2.js';
+export { AudioPlayer } from '../chunk-UAHCRXAG.js';
+import '../chunk-D4QCYBCD.js';
+import '../chunk-V7M2NHUO.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=audio-player.js.map

package/dist/ui/badge.d.ts

@@ -4,8 +4,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "progress" | "muted" | "success" | "progress-completed" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "progress" | "muted" | "success" | "progress-completed" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
     asChild?: boolean;

package/dist/ui/button.d.ts

@@ -4,8 +4,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "icon" | "default" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/ui/chat-panel.js

@@ -1,7 +1,7 @@
-export { ChatPanel } from '../chunk-UVCEQOQR.js';
+export { ChatPanel } from '../chunk-WUZODCC2.js';
 import '../chunk-HZJRM5EK.js';
 import '../chunk-MSLQRGSP.js';
-import '../chunk-OT2HCBR2.js';
+import '../chunk-V7M2NHUO.js';
 import '../chunk-3LXU5C35.js';
 import '../chunk-7UMEJDC3.js';
 import '../chunk-TYCPXAXF.js';

package/dist/ui/checkbox.d.ts

@@ -5,7 +5,7 @@ import { Checkbox as Checkbox$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 declare const checkboxVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
     variant?: "default" | "circular" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface CheckboxProps extends React.ComponentProps<typeof Checkbox$1.Root>, VariantProps<typeof checkboxVariants> {

package/dist/ui/empty.d.ts

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 declare function Empty({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const emptyMediaVariants: (props?: ({
-    variant?: "default" | "icon" | null | undefined;
+    variant?: "icon" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime.JSX.Element;
 declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;

package/dist/ui/file-card.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const fileCardVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface FileCardProps extends Omit<React.ComponentProps<"button">, "children" | "size">, VariantProps<typeof fileCardVariants> {
     /** Nome do arquivo exibido como titulo */

package/dist/ui/like-dislike.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const likeDislikeVariants: (props?: ({
-    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type LikeDislikeValue = "like" | "dislike" | null;
 interface LikeDislikeProps extends Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">, VariantProps<typeof likeDislikeVariants> {

package/dist/ui/like-dislike.js

@@ -1,6 +1,6 @@
-export { LikeDislike, likeDislikeVariants } from '../chunk-PXWCEJ2C.js';
-import '../chunk-6LML23MS.js';
-import '../chunk-OT2HCBR2.js';
+export { LikeDislike, likeDislikeVariants } from '../chunk-EXVLL3JP.js';
+import '../chunk-D4QCYBCD.js';
+import '../chunk-V7M2NHUO.js';
 import '../chunk-7UMEJDC3.js';
 import '../chunk-2WPH3IQP.js';
 import '../chunk-TYCPXAXF.js';

package/dist/ui/live-waiting.js

@@ -1,6 +1,6 @@
-export { LiveWaiting } from '../chunk-7XT6ISPQ.js';
+export { LiveWaiting } from '../chunk-WXJKTVRI.js';
 import '../chunk-MSLQRGSP.js';
-import '../chunk-OT2HCBR2.js';
+import '../chunk-V7M2NHUO.js';
 import '../chunk-NGOZFA33.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';

package/dist/ui/progress-dot.d.ts

@@ -4,10 +4,10 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const progressDotVariants: (props?: ({
-    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const dotVariants: (props?: ({
-    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ProgressDotProps extends React.ComponentProps<"div">, VariantProps<typeof dotVariants> {
     /** Numero total de stages (2–10) */

package/dist/ui/progress-stage.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const progressStagePillVariants: (props?: ({
-    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ProgressStageProps extends React.ComponentProps<"div">, VariantProps<typeof progressStagePillVariants> {
     /** Numero total de stages (2–10) */

package/dist/ui/progress.d.ts

@@ -5,7 +5,7 @@ import { Progress as Progress$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 declare const progressVariants: (props?: ({
-    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const indicatorVariants: (props?: ({
     variant?: "default" | "destructive" | "secondary" | "muted" | null | undefined;

package/dist/ui/radio-group.d.ts

@@ -5,7 +5,7 @@ import { RadioGroup as RadioGroup$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 declare const radioVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface RadioGroupProps extends React.ComponentProps<typeof RadioGroup$1.Root> {
 }

package/dist/ui/slider.d.ts

@@ -5,7 +5,7 @@ import { Slider as Slider$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 declare const sliderVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SliderProps extends React.ComponentProps<typeof Slider$1.Root>, VariantProps<typeof sliderVariants> {
     /** Classe de tema aplicada (ex: "theme-brand") */

package/dist/ui/sonner.js

@@ -1,6 +1,6 @@
-export { Toaster, cycleToast } from '../chunk-RI3ULQHH.js';
-import '../chunk-6LML23MS.js';
-import '../chunk-OT2HCBR2.js';
+export { Toaster, cycleToast } from '../chunk-ELZCZ6ZH.js';
+import '../chunk-D4QCYBCD.js';
+import '../chunk-V7M2NHUO.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=sonner.js.map

package/dist/ui/switch.d.ts

@@ -5,7 +5,7 @@ import { Switch as Switch$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 declare const switchVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SwitchProps extends React.ComponentProps<typeof Switch$1.Root>, VariantProps<typeof switchVariants> {
     /** Classe de tema aplicada no estado checked (ex: "theme-brand") */

package/dist/ui/toggle.d.ts

@@ -6,7 +6,7 @@ import { Toggle as Toggle$1 } from 'radix-ui';
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "icon" | "default" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ToggleProps extends React.ComponentProps<typeof Toggle$1.Root>, VariantProps<typeof toggleVariants> {
     /** Preenche icones SVG quando o toggle esta ativo (on). Ideal para icones como Heart, Star, Bookmark. */

package/dist/ui/video-player.js

@@ -1,6 +1,6 @@
-export { VideoPlayer } from '../chunk-XX3I65LQ.js';
-import '../chunk-6LML23MS.js';
-import '../chunk-OT2HCBR2.js';
+export { VideoPlayer } from '../chunk-BJIG33XF.js';
+import '../chunk-D4QCYBCD.js';
+import '../chunk-V7M2NHUO.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=video-player.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluencypassdevs/cycle",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "description": "Cycle Design System — UI component library by Fluencypass",
   "license": "MIT",
   "repository": {
@@ -27,6 +27,18 @@
       "import": "./dist/ui/progress-dot.js",
       "types": "./dist/ui/progress-dot.d.ts"
     },
+    "./logos/fluencypass": {
+      "import": "./dist/logos/fluencypass.js",
+      "types": "./dist/logos/fluencypass.d.ts"
+    },
+    "./logos/product": {
+      "import": "./dist/logos/product.js",
+      "types": "./dist/logos/product.d.ts"
+    },
+    "./icons/lucide": {
+      "import": "./dist/icons/lucide.js",
+      "types": "./dist/icons/lucide.d.ts"
+    },
     "./icons": {
       "import": "./dist/icons/index.js",
       "types": "./dist/icons/index.d.ts"