@codeandfunction/callaloo 2.0.0 → 2.1.1

package/dist/components/Table/CLTableHeader.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLTableSectionElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLTableSectionElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Table/CLTableNestedCell.vue.d.ts

@@ -0,0 +1,20 @@
+export interface Props {
+    truncate?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Table/CLTableRow.vue.d.ts

@@ -0,0 +1,22 @@
+import { CLGenericFunction } from '../../index';
+export interface Props {
+    /** The function to call when the row is clicked. */
+    onClick?: CLGenericFunction;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLTableRowElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Table/index.d.ts

@@ -0,0 +1,15 @@
+import { default as CLTable } from './CLTable.vue';
+import { default as CLTableBody } from './CLTableBody.vue';
+import { default as CLTableCell } from './CLTableCell.vue';
+import { default as CLTableFooter } from './CLTableFooter.vue';
+import { default as CLTableHeader } from './CLTableHeader.vue';
+import { default as CLTableNestedCell } from './CLTableNestedCell.vue';
+import { default as CLTableRow } from './CLTableRow.vue';
+export { CLTable, CLTableBody, CLTableCell, CLTableFooter, CLTableHeader, CLTableNestedCell, CLTableRow, };
+export type CLTable = InstanceType<typeof CLTable>;
+export type CLTableBody = InstanceType<typeof CLTableBody>;
+export type CLTableCell = InstanceType<typeof CLTableCell>;
+export type CLTableFooter = InstanceType<typeof CLTableFooter>;
+export type CLTableHeader = InstanceType<typeof CLTableHeader>;
+export type CLTableNestedCell = InstanceType<typeof CLTableNestedCell>;
+export type CLTableRow = InstanceType<typeof CLTableRow>;

package/dist/components/Table/utils.d.ts

@@ -0,0 +1 @@
+export declare const tableTheme: () => string;

package/dist/components/Theme/CLThemeProvider.vue.d.ts

@@ -0,0 +1,28 @@
+import { CLThemeConfig } from '../../index';
+/** The `<CLThemeProvider />` component configures the visual look of your application, it also facilitates the use of custom themes. You should wrap your entire application with it. It will apply the default theme required for all Callaloo components.*/
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    /** An HTML element used as the root element. The default tag used is `<div>`. */
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** A theme configuration object. */
+    themeConfig: {
+        type: PropType<CLThemeConfig>;
+    };
+}>, () => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /** An HTML element used as the root element. The default tag used is `<div>`. */
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** A theme configuration object. */
+    themeConfig: {
+        type: PropType<CLThemeConfig>;
+    };
+}>> & Readonly<{}>, {
+    tag: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/Theme/base-theme.d.ts

@@ -0,0 +1,41 @@
+import { CLColorVariants, CLMode, CLPalette, CLThemeConfig } from '../../index';
+export declare const DEFAULT_THEME: CLThemeConfig;
+type ColorMap = Record<CLColorVariants, Record<CLMode, ColorModesKeys>>;
+export interface ColorModesKeys {
+    bg?: number;
+    border?: number;
+    borderHover?: number;
+    disabled?: number;
+    focus?: number;
+    hover?: number;
+    shadow?: number;
+    text?: number;
+    textDisabled?: number;
+}
+export declare const COLOR_VARIANTS_MAP: ColorMap;
+export declare const setupTheme: (config?: CLThemeConfig) => void;
+export declare const useTheme: () => {
+    colors: globalThis.Ref<{
+        primary?: import('../../types').Shades | undefined;
+        secondary?: import('../../types').Shades | undefined;
+        neutral?: import('../../types').Shades | undefined;
+        danger?: import('../../types').Shades | undefined;
+        warning?: import('../../types').Shades | undefined;
+        success?: import('../../types').Shades | undefined;
+        info?: import('../../types').Shades | undefined;
+    }, CLPalette | {
+        primary?: import('../../types').Shades | undefined;
+        secondary?: import('../../types').Shades | undefined;
+        neutral?: import('../../types').Shades | undefined;
+        danger?: import('../../types').Shades | undefined;
+        warning?: import('../../types').Shades | undefined;
+        success?: import('../../types').Shades | undefined;
+        info?: import('../../types').Shades | undefined;
+    }>;
+    darkMode: globalThis.Ref<boolean | undefined, boolean | undefined>;
+    fontFamily: globalThis.Ref<string | undefined, string | undefined>;
+    setColors: (colors: CLPalette) => void;
+    setDarkMode: (enabled: boolean) => void;
+    setFontFamily: (font?: string) => void;
+};
+export {};

package/dist/components/Theme/index.d.ts

@@ -0,0 +1,3 @@
+import { default as CLThemeProvider } from './CLThemeProvider.vue';
+export { CLThemeProvider };
+export type CLThemeProvider = InstanceType<typeof CLThemeProvider>;

package/dist/components/Theme/utils.d.ts

@@ -0,0 +1,38 @@
+import { CLColors, CLColorVariants, CLMode, CLPalette } from '../../index';
+export declare const baseContentBox: () => string;
+interface BaseFormElementProps {
+    backgroundColor?: string;
+    borderColor?: string;
+    placeholderColor?: string;
+}
+export declare const baseFormElement: ({ backgroundColor, borderColor, placeholderColor }: BaseFormElementProps) => string;
+export declare const css: (template: TemplateStringsArray, ...args: any[]) => string;
+export declare const cx: (...classNames: any[]) => string;
+interface FocusProps {
+    borderColor?: string;
+    outlineWidth?: string;
+    outlineOffset?: string;
+    outlineColor?: string;
+    shadowWidth?: string;
+    shadowColor?: string;
+}
+export declare const focusTheme: ({ borderColor, outlineWidth, outlineOffset, outlineColor, shadowWidth, shadowColor }: FocusProps) => string;
+interface GetColorsArgs {
+    color: CLColors;
+    colors: CLPalette;
+    mode: CLMode;
+    variant: CLColorVariants;
+}
+interface GetColorsReturn {
+    bg?: string;
+    border?: string;
+    borderHover?: string;
+    disabled?: string;
+    focus?: string;
+    hover?: string;
+    shadow?: string;
+    text?: string;
+    textDisabled?: string;
+}
+export declare const getColorValues: ({ color, colors, mode, variant }: GetColorsArgs) => GetColorsReturn | undefined;
+export {};

package/dist/components/Typography/CLHeading.vue.d.ts

@@ -0,0 +1,63 @@
+import { CLAlign, CLHeadingLevels, CLHeadingTypes, CLColors } from '../../index';
+/**
+ * The `<CLHeading />` component renders text as a heading element.
+ */
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    /** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left` */
+    align: {
+        type: PropType<CLAlign>;
+        default: CLAlign;
+    };
+    /** Set the heading level. The property can be one of `CLHeadingLevels`, e.g. `CLHeadingLevels.H1` */
+    level: {
+        type: PropType<CLHeadingLevels>;
+    };
+    /** Sets a custom ID used for unit tests. */
+    testId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Set the color of the heading. The property can be one of `CLColors`, e.g. `CLColors.Neutral` */
+    color: {
+        type: PropType<CLColors>;
+        default: CLColors;
+    };
+    /** Set the type of the heading. The property can be one of `CLHeadingTypes`, e.g. `CLHeadingTypes.Title` */
+    type: {
+        type: PropType<CLHeadingTypes>;
+        default: CLHeadingTypes;
+    };
+}>, {}, {}, {}, {
+    getLevel(): CLHeadingLevels;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left` */
+    align: {
+        type: PropType<CLAlign>;
+        default: CLAlign;
+    };
+    /** Set the heading level. The property can be one of `CLHeadingLevels`, e.g. `CLHeadingLevels.H1` */
+    level: {
+        type: PropType<CLHeadingLevels>;
+    };
+    /** Sets a custom ID used for unit tests. */
+    testId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Set the color of the heading. The property can be one of `CLColors`, e.g. `CLColors.Neutral` */
+    color: {
+        type: PropType<CLColors>;
+        default: CLColors;
+    };
+    /** Set the type of the heading. The property can be one of `CLHeadingTypes`, e.g. `CLHeadingTypes.Title` */
+    type: {
+        type: PropType<CLHeadingTypes>;
+        default: CLHeadingTypes;
+    };
+}>> & Readonly<{}>, {
+    color: CLColors;
+    testId: string;
+    type: CLHeadingTypes;
+    align: CLAlign;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/Typography/CLText.vue.d.ts

@@ -0,0 +1,86 @@
+import { CLAlign, CLTextHtmlTags, CLTextTypes, CLColors } from '../../index';
+/**
+ * The `<CLText />` component renders a text element.
+ */
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    /** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left` */
+    align: {
+        type: PropType<CLAlign>;
+        default: CLAlign;
+    };
+    /** Set the HTML tag of the text element. The property can be one of `CLTextHtmlTags`, e.g. `p`. */
+    as: {
+        type: PropType<CLTextHtmlTags>;
+        default: string;
+    };
+    /** Set the text color. The property can be one of `CLColors`, e.g. `CLColors.Neutral`. */
+    color: {
+        type: PropType<CLColors>;
+        default: CLColors;
+    };
+    /** Rendered a bolded text. */
+    label: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Set the text type. The property can be one of `CLTextTypes`, e.g. `Body`. */
+    type: {
+        type: PropType<CLTextTypes>;
+        default: CLTextTypes;
+    };
+    /** Sets a custom ID used for unit tests. */
+    testId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** When set to `true`, truncate the text if it overflows its container. */
+    truncate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left` */
+    align: {
+        type: PropType<CLAlign>;
+        default: CLAlign;
+    };
+    /** Set the HTML tag of the text element. The property can be one of `CLTextHtmlTags`, e.g. `p`. */
+    as: {
+        type: PropType<CLTextHtmlTags>;
+        default: string;
+    };
+    /** Set the text color. The property can be one of `CLColors`, e.g. `CLColors.Neutral`. */
+    color: {
+        type: PropType<CLColors>;
+        default: CLColors;
+    };
+    /** Rendered a bolded text. */
+    label: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Set the text type. The property can be one of `CLTextTypes`, e.g. `Body`. */
+    type: {
+        type: PropType<CLTextTypes>;
+        default: CLTextTypes;
+    };
+    /** Sets a custom ID used for unit tests. */
+    testId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** When set to `true`, truncate the text if it overflows its container. */
+    truncate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    color: CLColors;
+    label: boolean;
+    testId: string;
+    type: CLTextTypes;
+    align: CLAlign;
+    as: CLTextHtmlTags;
+    truncate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/Typography/index.d.ts

@@ -0,0 +1,5 @@
+import { default as CLHeading } from './CLHeading.vue';
+import { default as CLText } from './CLText.vue';
+export { CLHeading, CLText };
+export type CLHeading = InstanceType<typeof CLHeading>;
+export type CLText = InstanceType<typeof CLText>;

package/dist/components/Typography/utils.d.ts

@@ -0,0 +1,6 @@
+import { CLColors } from '../../index';
+interface TextThemeProps {
+    color?: CLColors;
+}
+export declare const textTheme: ({ color }: TextThemeProps) => string;
+export {};

package/dist/composables/useDropdown.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'vue';
+interface Props {
+    triggerRef?: Ref<HTMLButtonElement | undefined>;
+    dropdownRef?: Ref<HTMLElement | undefined>;
+    openDropdownHandler?: () => void;
+    closeDropdownHandler?: () => void;
+}
+export declare const useDropdown: ({ triggerRef, dropdownRef, openDropdownHandler, closeDropdownHandler, }: Props) => {
+    open: Ref<boolean, boolean>;
+    toggleDropdown: () => void;
+    closeDropdown: () => void;
+    clearEventListeners: () => void;
+};
+export {};

package/dist/composables/useEsc.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'vue';
+interface Props {
+    escHandler?: () => void;
+    triggerRef?: Ref<HTMLElement | undefined>;
+}
+export declare const useEsc: ({ escHandler, triggerRef }: Props) => {
+    clearEventListeners: () => void;
+};
+export {};

package/dist/composables/useHasSlotContent.d.ts

@@ -0,0 +1 @@
+export declare const useHasSlotContent: (name?: string) => globalThis.ComputedRef<boolean>;

package/dist/constants.d.ts

@@ -0,0 +1,22 @@
+import { CLIconSizes, CLTextTypes } from './index';
+export declare const DecoratorIconSize: {
+    tiny: CLIconSizes;
+    small: CLIconSizes;
+    medium: CLIconSizes;
+    large: CLIconSizes;
+    xlarge: CLIconSizes;
+};
+export declare const InputLabelSizes: {
+    tiny: CLTextTypes;
+    small: CLTextTypes;
+    medium: CLTextTypes;
+    large: CLTextTypes;
+    xlarge: CLTextTypes;
+};
+export declare const LabelSizes: {
+    tiny: CLTextTypes;
+    small: CLTextTypes;
+    medium: CLTextTypes;
+    large: CLTextTypes;
+    xlarge: CLTextTypes;
+};

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export { Align as CLAlign, BorderRadius as CLBorderRadius, ButtonTypes as CLButtonTypes, CardTypes as CLCardTypes, Colors as CLColors, ColorVariants as CLColorVariants, HeadingLevels as CLHeadingLevels, HeadingTypes as CLHeadingTypes, IconSizes as CLIconSizes, IconNames as CLIconNames, InputTypes as CLInputTypes, LinkTarget as CLLinkTarget, Loading as CLLoading, Mode as CLMode, Orientation as CLOrientation, Order as CLOrder, PaginationType as CLPaginationType, Placement as CLPlacement, Position as CLPosition, Sizes as CLSizes, TableTypes as CLTableTypes, TextTypes as CLTextTypes } from './types';
+export type { BannerProps as CLBannerProps, CardProps as CLCardProps, GenericFunction as CLGenericFunction, GenericFocusFunction as CLGenericFocusFunction, NavItem as CLNavItem, Palette as CLPalette, Option as CLOption, ThemeConfig as CLThemeConfig, TextHtmlTags as CLTextHtmlTags, ToastProps as CLToastProps } from './types';
+export { CLBadge, CLBanner, CLPill } from './components/Indicators';
+export { CLA11yButton, CLButton } from './components/Buttons';
+export { CLCard, CLCarousel, CLCarouselSlide, CLDisclosure } from './components/Containers';
+export { CLCheckbox, CLInput, CLRadioButton, CLSelect, CLTextArea } from './components/Form';
+export { CLHeading, CLText } from './components/Typography';
+export { CLIcon } from './components/Assets';
+export { CLLink, CLNavLink, CLNavSection } from './components/Navigation';
+export { CLDropdownMenu, CLToast } from './components/Popups';
+export { CLModal } from './components/Modals';
+export { CLSkeleton, CLSpinner } from './components/Loading';
+export { CLTable, CLTableBody, CLTableCell, CLTableFooter, CLTableHeader, CLTableNestedCell, CLTableRow } from './components/Table';
+export { CLThemeProvider } from './components/Theme';
+export { DEFAULT_THEME, useTheme } from './components/Theme/base-theme';