@codeandfunction/callaloo 3.15.1 → 3.15.3

package/dist/components/Form/CLFormCharCounter/CLFormCharCounter.vue.d.ts

@@ -0,0 +1,24 @@
+import { CLCharCounterLayout, CLColors, CLSizes } from '../../../index.ts';
+export interface CLFormCharCounterProps {
+    /** Color for styling */
+    color?: CLColors;
+    /** CSS prefix for component-specific styling */
+    cssPrefix?: string;
+    /** Current character count */
+    currentLength: number;
+    /** Layout style - inline or block */
+    layout?: CLCharCounterLayout;
+    /** Maximum allowed characters */
+    maxLength: number;
+    /** Size for styling */
+    size?: CLSizes;
+    /** Test ID for testing purposes */
+    testId?: string;
+}
+declare const _default: import('vue').DefineComponent<CLFormCharCounterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLFormCharCounterProps> & Readonly<{}>, {
+    color: CLColors;
+    testId: string;
+    size: CLSizes;
+    layout: CLCharCounterLayout;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/components/Form/CLFormCharCounter/index.d.ts

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

package/dist/components/Form/CLFormLabel/CLFormLabel.vue.d.ts

@@ -0,0 +1,22 @@
+import { CLSizes } from '../../../index.ts';
+export interface CLFormLabelProps {
+    /** CSS prefix for component-specific styling (e.g., 'clll-input', 'clll-textarea') */
+    cssPrefix?: string;
+    /** The form element ID this label is for */
+    htmlFor: string;
+    /** The label text to display */
+    label: string;
+    /** Whether the form element is required */
+    required?: boolean;
+    /** Size variant to match form element size */
+    size?: CLSizes;
+    /** Test ID for testing purposes */
+    testId?: string;
+}
+declare const _default: import('vue').DefineComponent<CLFormLabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLFormLabelProps> & Readonly<{}>, {
+    testId: string;
+    required: boolean;
+    size: CLSizes;
+    cssPrefix: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
+export default _default;

package/dist/components/Form/CLFormLabel/index.d.ts

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

package/dist/components/Form/CLInput/CLInput.vue.d.ts

@@ -110,13 +110,13 @@ declare const _default: import('vue').DefineComponent<{
     readonly: boolean;
     messages: string[];
     messageType: CLColors;
+    maxLength: number;
+    grouped: boolean;
+    suffix: string | CLIconNames;
     autoComplete: boolean;
     charCounter: boolean;
-    grouped: boolean;
-    maxLength: number;
     minLength: number;
     spellCheck: boolean;
-    suffix: string | CLIconNames;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     'input-elem': HTMLInputElement;
 }, HTMLDivElement>;

package/dist/components/Form/CLInput/CLInputColorTools.vue.d.ts

@@ -0,0 +1,29 @@
+import { CLSizes } from '../../../index.ts';
+export interface CLInputColorToolsProps {
+    /** Whether color was copied */
+    copied?: boolean;
+    /** Initial color value for reset */
+    initialValue?: string;
+    /** Current color value */
+    modelValue?: string | number;
+    /** Size for buttons and icons */
+    size?: CLSizes;
+    /** Test ID for testing purposes */
+    testId?: string;
+}
+declare const _default: import('vue').DefineComponent<CLInputColorToolsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    copy: () => any;
+    reset: (value: string | number | undefined) => any;
+    "update:copied": (copied: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<CLInputColorToolsProps> & Readonly<{
+    onCopy?: (() => any) | undefined;
+    onReset?: ((value: string | number | undefined) => any) | undefined;
+    "onUpdate:copied"?: ((copied: boolean) => any) | undefined;
+}>, {
+    testId: string;
+    size: CLSizes;
+    modelValue: string | number;
+    copied: boolean;
+    initialValue: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/components/Form/CLInput/CLInputPill.vue.d.ts

@@ -0,0 +1,14 @@
+import { CLColors } from '../../../index.ts';
+export interface CLInputPillProps {
+    /** Color of the pill */
+    color?: CLColors;
+    /** The pill label text */
+    label: string;
+    /** Test ID for testing purposes */
+    testId?: string;
+}
+declare const _default: import('vue').DefineComponent<CLInputPillProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLInputPillProps> & Readonly<{}>, {
+    color: CLColors;
+    testId: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/components/Form/CLInput/CLInputPrefix.vue.d.ts

@@ -0,0 +1,20 @@
+import { CLIconNames, CLSizes } from '../../../index.ts';
+export interface CLInputPrefixProps {
+    /** The border radius size to apply to the prefix */
+    borderRadius?: string;
+    /** Whether input is grouped */
+    grouped?: boolean;
+    /** The prefix content - icon name or text string */
+    prefix: string | CLIconNames;
+    /** Size for icon rendering */
+    size?: CLSizes;
+    /** Test ID for testing purposes */
+    testId?: string;
+}
+declare const _default: import('vue').DefineComponent<CLInputPrefixProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLInputPrefixProps> & Readonly<{}>, {
+    borderRadius: string;
+    testId: string;
+    size: CLSizes;
+    grouped: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/components/Form/CLInput/CLInputSuffix.vue.d.ts

@@ -0,0 +1,20 @@
+import { CLIconNames, CLSizes } from '../../../index.ts';
+export interface CLInputSuffixProps {
+    /** The border radius size to apply to the suffix */
+    borderRadius?: string;
+    /** Whether input is grouped */
+    grouped?: boolean;
+    /** The suffix content - icon name or text string */
+    suffix: string | CLIconNames;
+    /** Size for icon rendering */
+    size?: CLSizes;
+    /** Test ID for testing purposes */
+    testId?: string;
+}
+declare const _default: import('vue').DefineComponent<CLInputSuffixProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLInputSuffixProps> & Readonly<{}>, {
+    borderRadius: string;
+    testId: string;
+    size: CLSizes;
+    grouped: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/components/Form/CLInput/index.d.ts

@@ -1,4 +1,19 @@
 import { default as CLInputComponent } from './CLInput.vue';
-export { CLInputComponent as CLInput };
-export default CLInputComponent;
-export type CLInput = InstanceType<typeof CLInputComponent>;
+import { default as CLInputPrefixComponent } from './CLInputPrefix.vue';
+import { default as CLInputSuffixComponent } from './CLInputSuffix.vue';
+import { default as CLInputPillComponent } from './CLInputPill.vue';
+import { default as CLInputColorToolsComponent } from './CLInputColorTools.vue';
+declare const CLInput: typeof CLInputComponent & {
+    Prefix: typeof CLInputPrefixComponent;
+    Suffix: typeof CLInputSuffixComponent;
+    Pill: typeof CLInputPillComponent;
+    ColorTools: typeof CLInputColorToolsComponent;
+};
+export { CLInput };
+export default CLInput;
+export type CLInput = InstanceType<typeof CLInput>;
+export type CLInputPrefix = InstanceType<typeof CLInputPrefixComponent>;
+export type CLInputSuffix = InstanceType<typeof CLInputSuffixComponent>;
+export type CLInputPill = InstanceType<typeof CLInputPillComponent>;
+export type CLInputColorTools = InstanceType<typeof CLInputColorToolsComponent>;
+export type { CLInputProps } from './CLInput.vue';

package/dist/components/Form/CLSelect/CLSelect.vue.d.ts

@@ -24,6 +24,12 @@ export interface CLSelectProps {
     messageType?: CLColors;
     /** A string representing name of the select. The name is submitted along with the select value when the form it belongs to is submitted. */
     name: string;
+    /** A callback function which handles when the select loses focus. */
+    onBlur?: CLGenericFocusFunction;
+    /** A callback function which handles when the select is clicked. */
+    onChange?: CLGenericFunction;
+    /** A callback function which handles when the select gains focus. */
+    onFocus?: CLGenericFocusFunction;
     /** Sets the label position to be above or to the left of the form element. The property can be one of `CLOrientation` */
     orientation?: CLOrientation;
     /** A list of options */
@@ -40,12 +46,6 @@ export interface CLSelectProps {
     testId?: string;
     /** Sets the color variant. The property can be one of `CLColorVariants.Outline | CLColorVariants.Ghost`, e.g `CLColorVariants.Outline`. */
     variant?: CLColorVariants.Outline | CLColorVariants.Ghost;
-    /** A callback function which handles when the select loses focus. */
-    onBlur?: CLGenericFocusFunction;
-    /** A callback function which handles when the select is clicked. */
-    onChange?: CLGenericFunction;
-    /** A callback function which handles when the select gains focus. */
-    onFocus?: CLGenericFocusFunction;
 }
 declare const _default: import('vue').DefineComponent<{
     modelValue?: string | number | null;

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

@@ -1,6 +1,9 @@
 import { CLCheckbox } from './CLCheckbox';
+import { CLFormCharCounter } from './CLFormCharCounter';
+import { CLFormLabel } from './CLFormLabel';
 import { CLInput } from './CLInput';
 import { CLRadioButton } from './CLRadioButton';
 import { CLSelect } from './CLSelect';
 import { CLTextArea } from './CLTextArea';
-export { CLCheckbox, CLInput, CLRadioButton, CLSelect, CLTextArea };
+export { CLCheckbox, CLFormCharCounter, CLFormLabel, CLInput, CLRadioButton, CLSelect, CLTextArea };
+export type { CLInputColorTools, CLInputPill, CLInputPrefix, CLInputSuffix } from './CLInput';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { CLAlign, CLBorderRadius, CLButtonTypes, CLCardTypes, CLColors, CLColorVariants, CLHeadingLevels, CLHeadingTypes, CLIconSizes, CLIconNames, CLInputTypes, CLLinkTarget, CLLoading, CLMessageType, CLMode, CLOrientation, CLOverflow, CLOrder, CLPaginationType, CLPlacement, CLPosition, CLSizes, CLTableTypes, CLTextTypes, CLToastPosition } from './types';
+export { CLAlign, CLBorderRadius, CLButtonTypes, CLCardTypes, CLCharCounterLayout, CLColors, CLColorVariants, CLHeadingLevels, CLHeadingTypes, CLIconSizes, CLIconNames, CLInputTypes, CLLinkTarget, CLLoading, CLMessageType, CLMode, CLOrientation, CLOverflow, CLOrder, CLPaginationType, CLPlacement, CLPosition, CLSizes, CLTableTypes, CLTextTypes, CLToastPosition } from './types';
 export type { CLBlockTextHtmlTags, CLButtonTags, CLButtonForwardRefFunction, CLGenericFunction, CLGenericFocusFunction, CLGenericInputFunction, CLInlineTextHtmlTags, CLNavItem, CLOption, CLPalette, CLPaletteKeys, CLShades, CLTextHtmlTags, CLThemeConfig, CLToastProps } from './types';
 export { CLBadge, CLBanner, CLPill, CLProgress } from './components/Indicators';
 export { CLA11yButton, CLButton } from './components/Buttons';