@flowtomic/ui 0.6.0 → 0.7.0

package/dist/components/atoms/actions/button/button.d.ts

@@ -91,7 +91,7 @@ import * as React from "react";
  * Define as classes CSS para diferentes variantes e tamanhos.
  */
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "success" | "info" | "natural" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "success" | "info" | "natural" | "toolbar" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**

package/dist/components/atoms/actions/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/actions/button/button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AAGH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAgC,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;GAGG;AACH,QAAA,MAAM,cAAc;;;8EA+BnB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,EACvE,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,MAAM,uFA6BX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/actions/button/button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AAGH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAgC,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;GAGG;AACH,QAAA,MAAM,cAAc;;;8EAkCnB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,EACvE,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,MAAM,uFA6BX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/atoms/actions/button/button.js

@@ -105,6 +105,8 @@ const buttonVariants = cva("inline-flex items-center justify-center gap-2 whites
             success: "bg-success text-success-foreground shadow-sm hover:bg-success-hover",
             info: "bg-accent text-accent-foreground shadow-sm hover:bg-accent-hover",
             natural: "bg-background text-foreground border border-input shadow-sm hover:bg-accent hover:text-accent-foreground",
+            /** Toolbar-style: subtle bg for use in toolbars (e.g. Koda sidebar). */
+            toolbar: "bg-black/10 dark:bg-white/10 rounded-sm overflow-hidden whitespace-nowrap hover:bg-black/20 dark:hover:bg-white/20",
         },
         size: {
             default: "h-9 px-4 py-2",

package/dist/components/atoms/code/code-block/code-block.d.ts

@@ -11,12 +11,20 @@ export type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {
     code: string;
     language: BundledLanguage;
     showLineNumbers?: boolean;
+    /** Max height in pixels; overflow becomes scrollable when set. */
+    maxHeight?: number;
+    /** When true, scrollbars are visible when content overflows. */
+    showScrollbars?: boolean;
 };
 export declare function highlightCode(code: string, language: BundledLanguage, showLineNumbers?: boolean): Promise<[string, string]>;
 export declare const CodeBlock: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     code: string;
     language: BundledLanguage;
     showLineNumbers?: boolean;
+    /** Max height in pixels; overflow becomes scrollable when set. */
+    maxHeight?: number;
+    /** When true, scrollbars are visible when content overflows. */
+    showScrollbars?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 export type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
     onCopy?: () => void;

package/dist/components/atoms/code/code-block/code-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/code/code-block/code-block.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EAKpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,eAAe,EAAqC,MAAM,OAAO,CAAC;AAEhF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AA+BF,wBAAsB,aAAa,CACjC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,eAAe,EACzB,eAAe,UAAQ,6BAgBxB;AAED,eAAO,MAAM,SAAS;UAvDd,MAAM;cACF,eAAe;sBACP,OAAO;wCAsG1B,CAAC;AAGF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACrE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,mBAAmB,iHAoC/B,CAAC"}
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/code/code-block/code-block.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EAKpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,eAAe,EAAqC,MAAM,OAAO,CAAC;AAEhF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AA+BF,wBAAsB,aAAa,CACjC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,eAAe,EACzB,eAAe,UAAQ,6BAgBxB;AAED,eAAO,MAAM,SAAS;UA3Dd,MAAM;cACF,eAAe;sBACP,OAAO;IACzB,kEAAkE;gBACtD,MAAM;IAClB,gEAAgE;qBAC/C,OAAO;wCAoHzB,CAAC;AAGF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACrE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,mBAAmB,iHAoC/B,CAAC"}

package/dist/components/atoms/code/code-block/code-block.js

@@ -43,7 +43,7 @@ export async function highlightCode(code, language, showLineNumbers = false) {
         }),
     ]);
 }
-export const CodeBlock = React.forwardRef(({ code, language, showLineNumbers = false, className, children, ...props }, ref) => {
+export const CodeBlock = React.forwardRef(({ code, language, showLineNumbers = false, maxHeight, showScrollbars = false, className, children, ...props }, ref) => {
     const [html, setHtml] = useState("");
     const [darkHtml, setDarkHtml] = useState("");
     const mounted = useRef(false);
@@ -59,7 +59,7 @@ export const CodeBlock = React.forwardRef(({ code, language, showLineNumbers = f
             mounted.current = false;
         };
     }, [code, language, showLineNumbers]);
-    return (_jsx(CodeBlockContext.Provider, { value: { code }, children: _jsx("div", { ref: ref, className: cn("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", className), ...props, children: _jsxs("div", { className: "relative", children: [_jsx("div", { className: "overflow-hidden dark:hidden [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm", 
+    return (_jsx(CodeBlockContext.Provider, { value: { code }, children: _jsx("div", { ref: ref, className: cn("group relative w-full rounded-md border bg-background text-foreground", maxHeight != null || showScrollbars ? "overflow-auto" : "overflow-hidden", className), style: maxHeight != null ? { maxHeight: `${maxHeight}px` } : undefined, ...props, children: _jsxs("div", { className: "relative", children: [_jsx("div", { className: "overflow-hidden dark:hidden [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm", 
                         // biome-ignore lint/security/noDangerouslySetInnerHtml: "this is needed for syntax highlighting"
                         dangerouslySetInnerHTML: { __html: html } }), _jsx("div", { className: "hidden overflow-hidden dark:block [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm", 
                         // biome-ignore lint/security/noDangerouslySetInnerHtml: "this is needed for syntax highlighting"

package/dist/components/atoms/navigation/command/command.d.ts

@@ -44,11 +44,11 @@ declare const CommandDialog: {
 /**
  * CommandInput - Input do command
  */
-declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof React.InputHTMLAttributes<HTMLInputElement> | "key"> & {
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild" | "key">, "type" | "value" | "onChange"> & {
+}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/molecules/forms/item/item.d.ts

@@ -24,7 +24,7 @@ declare namespace Item {
     var displayName: string;
 }
 declare const itemMediaVariants: (props?: ({
-    variant?: "image" | "default" | "icon" | null | undefined;
+    variant?: "default" | "icon" | "image" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ItemMediaProps extends React.ComponentProps<"div">, VariantProps<typeof itemMediaVariants> {
 }

package/dist/components/organisms/model-selector/model-selector.d.ts

@@ -26,11 +26,11 @@ export declare const ModelSelectorDialog: {
     displayName: string;
 };
 export type ModelSelectorInputProps = ComponentProps<typeof CommandInput>;
-export declare const ModelSelectorInput: React.ForwardRefExoticComponent<Omit<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof React.InputHTMLAttributes<HTMLInputElement> | "key"> & {
+export declare const ModelSelectorInput: React.ForwardRefExoticComponent<Omit<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild" | "key">, "type" | "value" | "onChange"> & {
+}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;