@als-tp/als-react-ts-ui 0.6.1 → 0.9.0

package/README.md

@@ -207,7 +207,7 @@ The library uses CSS variables for theming. You can override these in your globa
     /* ALS Blues */
 
     /* Dark blue  */
-    --color-als-dark-blue: #1f3349;
+    --color-als-dark-blue-700: #1f3349;
 
     /* Primary blue */
 
@@ -248,7 +248,7 @@ The library uses CSS variables for theming. You can override these in your globa
     --bg-primary: var(--color-als-gray-100);
 
     /* Text Colors */
-    --text-primary: var(--color-als-dark-blue);
+    --text-primary: var(--color-als-dark-blue-700);
     --text-secondary: var(--color-als-gray-900); /* o el color que prefieras */
 
     /* Border Colors */

package/dist/aicomponents/ALSAIActions/ALSAIActions.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+export interface ALSAIActionsRootProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the actions container (Action components)
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+}
+type ActionContent = {
+    label: string;
+    children?: React.ReactNode;
+} | {
+    label?: string;
+    children: React.ReactNode;
+};
+export type ALSAIActionProps = React.ButtonHTMLAttributes<HTMLButtonElement> & ActionContent & {
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Whether the action is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+};
+export declare const ALSAIActionsRoot: React.ForwardRefExoticComponent<ALSAIActionsRootProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ALSAIAction: React.ForwardRefExoticComponent<ALSAIActionProps & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=ALSAIActions.d.ts.map

package/dist/aicomponents/ALSAIActions/ALSAIActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ALSAIActions.d.ts","sourceRoot":"","sources":["../../../src/aicomponents/ALSAIActions/ALSAIActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,qBACb,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,KAAK,aAAa,GACZ;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAC7C;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACxE,aAAa,GAAG;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAClE,CAAC;AAGN,eAAO,MAAM,gBAAgB,8FAc3B,CAAC;AAKH,eAAO,MAAM,WAAW,4FAsCvB,CAAC"}

package/dist/aicomponents/ALSAIActions/index.d.ts

@@ -0,0 +1,7 @@
+import type { ALSAIActionsRootProps, ALSAIActionProps } from "./ALSAIActions";
+export declare const ALSAIActions: {
+    Root: import("react").ForwardRefExoticComponent<ALSAIActionsRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    Action: import("react").ForwardRefExoticComponent<ALSAIActionProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export type { ALSAIActionsRootProps, ALSAIActionProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/aicomponents/ALSAIActions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/aicomponents/ALSAIActions/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE9E,eAAO,MAAM,YAAY;;;CAGxB,CAAC;AAEF,YAAY,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/aicomponents/ALSAIReasoning/ALSAIReasoning.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+export interface ALSAIReasoningRootProps {
+    isStreaming?: boolean;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface ALSAIReasoningTriggerProps {
+    title?: string;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface ALSAIReasoningContentProps {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export type ALSAIReasoningVariant = "default" | "compact";
+export type ALSAIReasoningSize = "sm" | "md" | "lg";
+export declare const ALSAIReasoningRoot: React.FC<ALSAIReasoningRootProps>;
+export declare const ALSAIReasoningTrigger: React.ForwardRefExoticComponent<ALSAIReasoningTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ALSAIReasoningContent: React.ForwardRefExoticComponent<ALSAIReasoningContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ALSAIReasoning.d.ts.map

package/dist/aicomponents/ALSAIReasoning/ALSAIReasoning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ALSAIReasoning.d.ts","sourceRoot":"","sources":["../../../src/aicomponents/ALSAIReasoning/ALSAIReasoning.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAMnE,MAAM,WAAW,uBAAuB;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,MAAM,WAAW,0BAA0B;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,MAAM,WAAW,0BAA0B;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAwBpD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAuChE,CAAC;AAGF,eAAO,MAAM,qBAAqB,sGA0ChC,CAAC;AAKH,eAAO,MAAM,qBAAqB,mGA2BhC,CAAC"}

package/dist/aicomponents/ALSAIReasoning/index.d.ts

@@ -0,0 +1,8 @@
+import type { ALSAIReasoningRootProps, ALSAIReasoningTriggerProps, ALSAIReasoningContentProps, ALSAIReasoningVariant, ALSAIReasoningSize } from "./ALSAIReasoning";
+export declare const ALSAIReasoning: {
+    Root: import("react").FC<ALSAIReasoningRootProps>;
+    Trigger: import("react").ForwardRefExoticComponent<ALSAIReasoningTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<ALSAIReasoningContentProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export type { ALSAIReasoningRootProps, ALSAIReasoningTriggerProps, ALSAIReasoningContentProps, ALSAIReasoningVariant, ALSAIReasoningSize, };
+//# sourceMappingURL=index.d.ts.map

package/dist/aicomponents/ALSAIReasoning/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/aicomponents/ALSAIReasoning/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACR,uBAAuB,EACvB,0BAA0B,EAC1B,0BAA0B,EAC1B,qBAAqB,EACrB,kBAAkB,EACrB,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,cAAc;;;;CAI1B,CAAC;AAEF,YAAY,EACR,uBAAuB,EACvB,0BAA0B,EAC1B,0BAA0B,EAC1B,qBAAqB,EACrB,kBAAkB,GACrB,CAAC"}

package/dist/aicomponents/ALSAISources/ALSAISources.d.ts

@@ -0,0 +1,141 @@
+import React from "react";
+/**
+ * Source data structure
+ */
+export interface AISource {
+    /**
+     * Unique identifier for the source
+     */
+    id: string;
+    /**
+     * URL of the source
+     */
+    url: string;
+    /**
+     * Title of the source
+     */
+    title: string;
+    /**
+     * Optional description of the source
+     */
+    description?: string;
+    /**
+     * Domain extracted from URL
+     */
+    domain?: string;
+}
+/**
+ * Props for ALSAISources Root component
+ */
+export interface ALSAISourcesRootProps {
+    /**
+     * Array of sources to display
+     */
+    sources: AISource[];
+    /**
+     * Threshold for collapsing sources
+     * @default 3
+     */
+    threshold?: number;
+    /**
+     * Whether to show source icons using Google favicon service
+     * @default true
+     */
+    showIcons?: boolean;
+    /**
+     * Size of the favicon icons in pixels
+     * @default 12
+     */
+    iconSize?: number;
+    /**
+     * Whether to show descriptions
+     * @default false
+     */
+    showDescriptions?: boolean;
+    /**
+     * Whether the sources are initially expanded
+     * @default false
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+    /**
+     * Additional inline styles
+     */
+    style?: React.CSSProperties;
+}
+/**
+ * Props for ALSAISourceItem component
+ */
+export interface ALSAISourceItemProps {
+    /**
+     * Source data
+     */
+    source: AISource;
+    /**
+     * Whether to show the icon
+     * @default true
+     */
+    showIcon?: boolean;
+    /**
+     * Size of the icon in pixels
+     * @default 12
+     */
+    iconSize?: number;
+    /**
+     * Whether to show the description
+     * @default false
+     */
+    showDescription?: boolean;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+    /**
+     * Additional inline styles
+     */
+    style?: React.CSSProperties;
+}
+/**
+ * Root container for AI sources with collapsible functionality
+ */
+export declare const ALSAISourcesRoot: React.FC<ALSAISourcesRootProps>;
+/**
+ * Individual source item component (chip style)
+ */
+export declare const ALSAISourceItem: React.FC<ALSAISourceItemProps>;
+/**
+ * Container for a list of sources
+ */
+export declare const ALSAISourcesList: React.FC<{
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+/**
+ * Header for sources section
+ */
+export declare const ALSAISourcesHeader: React.FC<{
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+/**
+ * Title for sources section
+ */
+export declare const ALSAISourcesTitle: React.FC<{
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+/**
+ * Count badge showing number of sources
+ */
+export declare const ALSAISourcesCount: React.FC<{
+    count: number;
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+//# sourceMappingURL=ALSAISources.d.ts.map

package/dist/aicomponents/ALSAISources/ALSAISources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ALSAISources.d.ts","sourceRoot":"","sources":["../../../src/aicomponents/ALSAISources/ALSAISources.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC;;GAEG;AACH,MAAM,WAAW,QAAQ;IACrB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC;;OAEG;IACH,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC;;OAEG;IACH,MAAM,EAAE,QAAQ,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAqBD;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2D5D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4C1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B,CAMA,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B,CAMA,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B,CAMA,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B,CAMA,CAAC"}

package/dist/aicomponents/ALSAISources/index.d.ts

@@ -0,0 +1,39 @@
+import type { ALSAISourcesRootProps, ALSAISourceItemProps, AISource } from "./ALSAISources";
+/**
+ * ALSAISources - A collapsible chip-style component for displaying AI-generated content sources
+ *
+ * @example
+ * ```tsx
+ * <ALSAISources.Root
+ *   sources={sources}
+ *   threshold={3}
+ *   showIcons={true}
+ * />
+ * ```
+ */
+export declare const ALSAISources: {
+    Root: import("react").FC<ALSAISourcesRootProps>;
+    Item: import("react").FC<ALSAISourceItemProps>;
+    List: import("react").FC<{
+        children: React.ReactNode;
+        className?: string;
+        style?: React.CSSProperties;
+    }>;
+    Header: import("react").FC<{
+        children: React.ReactNode;
+        className?: string;
+        style?: React.CSSProperties;
+    }>;
+    Title: import("react").FC<{
+        children: React.ReactNode;
+        className?: string;
+        style?: React.CSSProperties;
+    }>;
+    Count: import("react").FC<{
+        count: number;
+        className?: string;
+        style?: React.CSSProperties;
+    }>;
+};
+export type { ALSAISourcesRootProps, ALSAISourceItemProps, AISource };
+//# sourceMappingURL=index.d.ts.map

package/dist/aicomponents/ALSAISources/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/aicomponents/ALSAISources/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACR,qBAAqB,EACrB,oBAAoB,EACpB,QAAQ,EACX,MAAM,gBAAgB,CAAC;AAExB;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;CAOxB,CAAC;AAEF,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC"}