@flightlesslabs/dodo-ui 0.19.1 → 1.0.0--beta-2

package/dist/stories/developer tools/helpers/Numbers/isValidNumberValue/isValidNumberValue.js

@@ -1,96 +0,0 @@
-import createLogger from '../../logger/logger.js';
-/**
- * Checks if the input string is a valid numeric string.
- * Allows integers, decimals, negative numbers, and scientific notation.
- *
- * @param str - Input string to validate.
- * @returns True if string is numeric, false otherwise.
- */
-function isNumericString(str) {
-    if (typeof str !== 'string')
-        return false;
-    const trimmed = str.trim();
-    if (trimmed === '')
-        return false;
-    const num = Number(trimmed);
-    return !isNaN(num) && isFinite(num);
-}
-/**
- * Validates whether a string represents a valid number based on provided settings.
- *
- * @param value - The string to validate as a number.
- * @param settings - Optional validation settings.
- * @param settings.min - Minimum allowed value (inclusive).
- * @param settings.max - Maximum allowed value (inclusive).
- * @param settings.allowNegativeValues - Whether negative numbers are allowed.
- * @param settings.decimalPlaces - Maximum allowed decimal places.
- * @param settings.log - Whether to enable detailed logging.
- * @param settings.strict - Whether to enable Strict checking, Full text - keep it enabled, Partial text - keep it disabled
- *
- * @returns True if the value is a valid number according to the settings; otherwise false.
- *
- * @example
- * ```ts
- * isValidNumberValue("123.45", { decimalPlaces: 2, log: true });
- * isValidNumberValue("-50", { allowNegativeValues: true, min: -100 });
- * ```
- */
-export default function isValidNumberValue(value, settings) {
-    const allowNegativeValues = settings?.allowNegativeValues || false;
-    const decimalPlaces = settings?.decimalPlaces || 0;
-    const valueFormatted = value.trim();
-    const log = settings?.log || false;
-    const logger = createLogger({
-        label: 'isValidNumberValue',
-        show: log,
-    });
-    const min = settings?.min;
-    const max = settings?.max;
-    const strict = settings?.strict === false ? false : true;
-    logger.info(`Validating value: "${valueFormatted}"`);
-    if (strict && !isNumericString(valueFormatted)) {
-        logger.warn('Invalid input: strict checking is enaabled and the text failed the checks');
-        return false;
-    }
-    if (valueFormatted === '') {
-        logger.info('Valid input: Blank value');
-        return true;
-    }
-    if (allowNegativeValues && valueFormatted === '-') {
-        logger.info(`Valid input: Single '-' sign allowed as a negative placeholder.`);
-        return true;
-    }
-    if (!decimalPlaces && valueFormatted.includes('.')) {
-        logger.warn('Invalid input: Decimals not allowed');
-        return false;
-    }
-    const dotCount = (valueFormatted.match(/\./g) || []).length;
-    if (dotCount > 1) {
-        logger.warn('Invalid input: More than one decimal point detected.');
-        return false;
-    }
-    const parts = valueFormatted.split('.');
-    if (parts[1]?.length > decimalPlaces) {
-        logger.warn(`Invalid input: Number has ${parts[1].length} decimal places, exceeding the allowed limit of ${decimalPlaces}.`);
-        return false;
-    }
-    if (!isNumericString(valueFormatted)) {
-        logger.warn('Invalid input: String is not a valid number.');
-        return false;
-    }
-    const numericValue = Number(valueFormatted);
-    if (!allowNegativeValues && numericValue < 0) {
-        logger.warn('Invalid input: Negative numbers are not allowed.');
-        return false;
-    }
-    if (min !== undefined && numericValue < min) {
-        logger.warn(`Invalid input: Number ${numericValue} is less than the minimum allowed value of ${min}.`);
-        return false;
-    }
-    if (max !== undefined && numericValue > max) {
-        logger.warn(`Invalid input: Number ${numericValue} exceeds the maximum allowed value of ${max}.`);
-        return false;
-    }
-    logger.info('Validation passed: Input is a valid number according to the provided settings.');
-    return true;
-}

package/dist/stories/developer tools/helpers/Time/getMoment/getMoment.d.ts

@@ -1,39 +0,0 @@
-import type { ConfigType, OptionType } from 'dayjs';
-import dayjs from 'dayjs';
-type Dayjs = ReturnType<typeof dayjs>;
-/**
- * Acceptable input types for the `getMoment` function, compatible with dayjs.
- */
-export type GetMomentDate = ConfigType;
-/**
- * Optional formatting string used to parse the date.
- */
-export type GetMomentFormat = OptionType;
-/**
- * Settings to control how the moment is returned (UTC, timezone, or local).
- */
-export interface GetMomentSettings {
-    /**
-     * Timezone string (e.g., "America/New_York").
-     */
-    timezone?: string;
-    /**
-     * Whether to return the time in UTC. If true, overrides timezone.
-     */
-    utc?: boolean;
-}
-/**
- * A wrapper around dayjs to return a moment-like object with optional formatting,
- * timezone, or UTC handling.
- *
- * @param date - The input date, time, or string to be parsed.
- * @param format - A custom format string for parsing the input date.
- * @param settings - Optional settings for timezone or UTC output.
- * @returns A dayjs object in local, UTC, or specified timezone.
- *
- * @example
- * getMoment('2025-01-01T12:00:00Z', undefined, { utc: true }).format()
- * getMoment('01-01-2025', 'DD-MM-YYYY', { timezone: 'Asia/Kolkata' }).format()
- */
-export default function getMoment(date?: GetMomentDate, format?: GetMomentFormat, settings?: GetMomentSettings): Dayjs;
-export {};

package/dist/stories/developer tools/helpers/Time/getMoment/getMoment.js

@@ -1,33 +0,0 @@
-import dayjs from 'dayjs';
-import utc from 'dayjs/plugin/utc.js';
-import timezone from 'dayjs/plugin/timezone.js';
-import customParseFormat from 'dayjs/plugin/customParseFormat.js';
-dayjs.extend(utc);
-dayjs.extend(timezone);
-dayjs.extend(customParseFormat);
-/**
- * A wrapper around dayjs to return a moment-like object with optional formatting,
- * timezone, or UTC handling.
- *
- * @param date - The input date, time, or string to be parsed.
- * @param format - A custom format string for parsing the input date.
- * @param settings - Optional settings for timezone or UTC output.
- * @returns A dayjs object in local, UTC, or specified timezone.
- *
- * @example
- * getMoment('2025-01-01T12:00:00Z', undefined, { utc: true }).format()
- * getMoment('01-01-2025', 'DD-MM-YYYY', { timezone: 'Asia/Kolkata' }).format()
- */
-export default function getMoment(date, format, settings) {
-    const timezone = settings?.timezone;
-    const utc = settings?.utc ?? false;
-    if (utc) {
-        return dayjs.utc(dayjs(date, format));
-    }
-    else if (timezone) {
-        return dayjs.tz(dayjs(date, format), timezone);
-    }
-    else {
-        return dayjs(date, format);
-    }
-}

package/dist/stories/developer tools/helpers/Time/getMoment/index.mdx

@@ -1,45 +0,0 @@
-import { Source } from '@storybook/addon-docs/blocks';
-
-# `getMoment`
-
-A [Day.js](https://day.js.org/) wrapper that supports custom formats, UTC mode, and timezone conversion using `dayjs`, `utc`, `timezone`, and `customParseFormat` plugins.
-
----
-
-## Usage
-
-<Source
-  dark
-  language="ts"
-  code={`
-// Basic local time
-getMoment('2025-01-01T00:00:00Z').format();
-
-// UTC output
-getMoment('2025-01-01T00:00:00Z', undefined, { utc: true }).format();
-// → "2025-01-01T00:00:00Z"
-
-// With custom format + timezone
-getMoment('01-01-2025', 'DD-MM-YYYY', { timezone: 'Asia/Kolkata' }).format();
-// → "2025-01-01T00:00:00+05:30"
-`}
-/>
-
----
-
-## API
-
-<Source
-  dark
-  language="ts"
-  code={`
-getMoment(
-  date?: ConfigType,
-  format?: string,
-  settings?: {
-    utc?: boolean;
-    timezone?: string;
-  }
-): dayjs.Dayjs
-`}
-/>

package/dist/stories/developer tools/helpers/logger/index.mdx

@@ -1,63 +0,0 @@
-import { Source } from '@storybook/addon-docs/blocks';
-
-# Logger Utility
-
-A customizable logger function that supports:
-
-- Log levels (`info`, `warn`, `error`)
-- Optional labels
-- A `show` flag to toggle logging
-- Console output with timestamps
-
-## Import
-
-Import the logger creation function:
-
-<Source dark language="ts" code={`import { createLogger } from '@flightlesslabs/dodo-ui';`} />
-
-## Basic Usage
-
-Create a logger and log different types of messages:
-
-<Source
-  dark
-  language="ts"
-  code={`const logger = createLogger({
-  label: 'AuthService',
-});
-
-logger.info('User logged in');
-logger.warn('Token is about to expire');
-logger.error('Login failed', new Error('Invalid credentials'));
-`}
-/>
-
-## Disable Logging
-
-You can use the \`show\` flag to completely silence the logger (e.g., in production):
-
-<Source
-  dark
-  language="ts"
-  code={`const logger = createLogger({
-  show: false,
-});
-
-logger.info('This will not be logged');
-`}
-/>
-
-## Level Filtering
-
-The logger will only show messages **at or above** the configured `level`:
-
-<Source
-  dark
-  language="ts"
-  code={`const logger = createLogger();
-
-logger.info('This will NOT show');
-logger.warn('This WILL show');
-logger.error('This WILL show');
-`}
-/>

package/dist/stories/developer tools/helpers/logger/logger.d.ts

@@ -1,24 +0,0 @@
-export type LogLevel = 'info' | 'warn' | 'error';
-export interface LoggerOptions {
-    /**
-     * Optional label to prefix log entries.
-     */
-    label?: string;
-    /**
-     * Whether to actually show logs.
-     * Defaults to true.
-     */
-    show?: boolean;
-}
-/**
- * Formats the log message with timestamp, label, and level.
- */
-export declare function formatPrefix(level: LogLevel, label?: string): string;
-/**
- * Creates a logger that logs every call unless disabled by show=false.
- */
-export default function createLogger(options?: LoggerOptions): {
-    info: (msg: unknown, ...optionalParams: unknown[]) => void;
-    warn: (msg: unknown, ...optionalParams: unknown[]) => void;
-    error: (msg: unknown, ...optionalParams: unknown[]) => void;
-};

package/dist/stories/developer tools/helpers/logger/logger.js

@@ -1,31 +0,0 @@
-/**
- * Formats the log message with timestamp, label, and level.
- */
-export function formatPrefix(level, label) {
-    const timestamp = new Date().toISOString();
-    const labelPart = label ? `[${label}]` : '';
-    return `[${timestamp}] ${labelPart} [${level.toUpperCase()}]`;
-}
-/**
- * Creates a logger that logs every call unless disabled by show=false.
- */
-export default function createLogger(options = {}) {
-    const { label, show = true } = options;
-    function shouldLog() {
-        return show;
-    }
-    return {
-        info: (msg, ...optionalParams) => {
-            if (shouldLog())
-                console.info(formatPrefix('info', label), msg, ...optionalParams);
-        },
-        warn: (msg, ...optionalParams) => {
-            if (shouldLog())
-                console.warn(formatPrefix('warn', label), msg, ...optionalParams);
-        },
-        error: (msg, ...optionalParams) => {
-            if (shouldLog())
-                console.error(formatPrefix('error', label), msg, ...optionalParams);
-        },
-    };
-}

package/dist/stories/developer tools/philosophy/Colors/Colors.mdx

@@ -1,43 +0,0 @@
-import { Meta, Story, Source } from '@storybook/addon-docs/blocks';
-import * as ColorsStories from './Colors.stories.svelte';
-import * as OpacityStories from './Opacity.stories.svelte';
-
-<Meta of={ColorsStories} />
-
-# Colors
-
-We are using an extensive color pallet identical to [Tailwind Css](https://tailwindcss.com/docs/colors) Colors. The colors are adjusted for dark and light themes.
-
-## Main Colors
-
-<Story of={ColorsStories.Main} />
-
-Greyscale colors
-
-<Story of={ColorsStories.ColorsNeutral} />
-
-Constant Colors
-
-<Story of={ColorsStories.ColorsConstant} />
-
-## Base Color
-
-<Story of={ColorsStories.ColorsBase} />
-
-Greyscale colors
-
-<Story of={ColorsStories.BaseColorsNeutral} />
-
-## Adjusting opacity
-
-Opacity can be adjusted using css `color-mix` function.
-
-<Source
-  dark
-  language="css"
-  code={`
-color-mix(in oklab, var(--dodo-color-primary-800) 10%, transparent)
-`}
-/>
-
-<Story of={OpacityStories.Main} meta={OpacityStories} />

package/dist/stories/developer tools/philosophy/Colors/Colors.stories.svelte

@@ -1,20 +0,0 @@
-<script module lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import Colors from './Colors.svelte';
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const { Story } = defineMeta({
-    component: Colors,
-    args: {
-        swatchType: 'colors',
-    },
-});
-</script>
-
-<Story name="Main" />
-
-<Story name="ColorsNeutral" args={{ swatchType: 'colors-neutral' }} />
-
-<Story name="ColorsConstant" args={{ swatchType: 'colors-constant' }} />
-
-<Story name="ColorsBase" args={{ swatchType: 'base-colors' }} />
-
-<Story name="BaseColorsNeutral" args={{ swatchType: 'base-colors-neutral' }} />

package/dist/stories/developer tools/philosophy/Colors/Colors.stories.svelte.d.ts

@@ -1,19 +0,0 @@
-import Colors from './Colors.svelte';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Colors: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Colors = InstanceType<typeof Colors>;
-export default Colors;

package/dist/stories/developer tools/philosophy/Colors/Colors.svelte

@@ -1,33 +0,0 @@
-<script lang="ts">import Swatches from './Swatches/Swatches.svelte';
-import { colorPalette, colorPaletteBase, colorPaletteNeutral } from './utils/color.js';
-const { swatchType } = $props();
-</script>
-
-<div class="Colors">
-  {#if swatchType === 'base-colors'}
-    {#each colorPaletteBase as colorPaletteItem (colorPaletteItem)}
-      <Swatches colorPalette={colorPaletteItem} prefix="--dodo-color-base-" isColorPaletteValues />
-    {/each}
-  {:else if swatchType === 'base-colors-neutral'}
-    {#each colorPaletteNeutral as colorPaletteItem (colorPaletteItem)}
-      <Swatches colorPalette={colorPaletteItem} prefix="--dodo-color-base-" />
-    {/each}
-  {:else if swatchType === 'colors'}
-    {#each colorPalette as colorPaletteItem (colorPaletteItem)}
-      <Swatches colorPalette={colorPaletteItem} isColorPaletteValues />
-    {/each}
-  {:else if swatchType === 'colors-neutral'}
-    {#each colorPaletteNeutral as colorPaletteItem (colorPaletteItem)}
-      <Swatches colorPalette={colorPaletteItem} />
-    {/each}
-  {:else if swatchType === 'colors-constant'}
-    {#each colorPaletteNeutral as colorPaletteItem (colorPaletteItem)}
-      <Swatches colorPalette={colorPaletteItem} prefix="--dodo-color-constant-" />
-    {/each}
-  {/if}
-</div>
-
-<style>.Colors {
-  display: flex;
-  flex-direction: column;
-}</style>

package/dist/stories/developer tools/philosophy/Colors/Colors.svelte.d.ts

@@ -1,6 +0,0 @@
-interface ColorsProps {
-    swatchType?: 'base-colors' | 'base-colors-neutral' | 'colors' | 'colors-neutral' | 'colors-constant';
-}
-declare const Colors: import("svelte").Component<ColorsProps, {}, "">;
-type Colors = ReturnType<typeof Colors>;
-export default Colors;

package/dist/stories/developer tools/philosophy/Colors/Opacity.stories.svelte

@@ -1,9 +0,0 @@
-<script module lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import Opacity from './Opacity.svelte';
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const { Story } = defineMeta({
-    component: Opacity,
-});
-</script>
-
-<Story name="Main" />

package/dist/stories/developer tools/philosophy/Colors/Opacity.stories.svelte.d.ts

@@ -1,19 +0,0 @@
-import Opacity from './Opacity.svelte';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Opacity: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Opacity = InstanceType<typeof Opacity>;
-export default Opacity;

package/dist/stories/developer tools/philosophy/Colors/Opacity.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">import Palette from './Swatches/Palette.svelte';
-</script>
-
-<div class="Opacity">
-  <Palette backgroundColor="color-mix(in oklab, var(--dodo-color-primary-800) 10%, transparent)" />
-  <Palette backgroundColor="color-mix(in oklab, var(--dodo-color-primary-800) 20%, transparent)" />
-  <Palette backgroundColor="color-mix(in oklab, var(--dodo-color-primary-800) 30%, transparent)" />
-  <Palette backgroundColor="color-mix(in oklab, var(--dodo-color-primary-800) 40%, transparent)" />
-  <Palette backgroundColor="color-mix(in oklab, var(--dodo-color-primary-800) 50%, transparent)" />
-  <Palette backgroundColor="color-mix(in oklab, var(--dodo-color-primary-800) 60%, transparent)" />
-  <Palette backgroundColor="color-mix(in oklab, var(--dodo-color-primary-800) 70%, transparent)" />
-  <Palette backgroundColor="color-mix(in oklab, var(--dodo-color-primary-800) 80%, transparent)" />
-  <Palette backgroundColor="color-mix(in oklab, var(--dodo-color-primary-800) 90%, transparent)" />
-  <Palette backgroundColor="color-mix(in oklab, var(--dodo-color-primary-800) 100%, transparent)" />
-</div>
-
-<style>.Opacity {
-  display: flex;
-  flex-wrap: wrap;
-}</style>

package/dist/stories/developer tools/philosophy/Colors/Opacity.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Opacity: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Opacity = InstanceType<typeof Opacity>;
-export default Opacity;

package/dist/stories/developer tools/philosophy/Colors/Swatches/Palette.svelte

@@ -1,37 +0,0 @@
-<script lang="ts">"use strict";
-const { backgroundColor } = $props();
-function onclick() {
-    navigator.clipboard.writeText(backgroundColor);
-}
-</script>
-
-<!-- svelte-ignore a11y_consider_explicit_label -->
-<button
-  class="Palette"
-  style={`background-color: ${backgroundColor};`}
-  {onclick}
-  title="Click to copy value!"
-></button>
-
-<style>.Palette {
-  display: flex;
-  width: 60px;
-  height: 60px;
-  border-radius: 4px;
-  border: 1px solid;
-  border-color: color-mix(in oklab, var(--dodo-color-neutral-800) 20%, transparent);
-  background: transparent;
-  min-width: initial;
-  margin: 0;
-  padding: 0;
-  cursor: pointer;
-  outline: 0;
-  transition: all 100ms;
-}
-.Palette:hover {
-  border-width: 2px;
-}
-.Palette:active {
-  border-color: color-mix(in oklab, var(--dodo-color-primary-800) 80%, transparent);
-  border-width: 2px;
-}</style>

package/dist/stories/developer tools/philosophy/Colors/Swatches/Palette.svelte.d.ts

@@ -1,6 +0,0 @@
-interface PaletteProps {
-    backgroundColor: string;
-}
-declare const Palette: import("svelte").Component<PaletteProps, {}, "">;
-type Palette = ReturnType<typeof Palette>;
-export default Palette;

package/dist/stories/developer tools/philosophy/Colors/Swatches/Swatch.svelte

@@ -1,24 +0,0 @@
-<script lang="ts">import Palette from './Palette.svelte';
-const { colorPalette, colorPaletteValue, prefix = '--dodo-color-' } = $props();
-</script>
-
-<div class="Swatch">
-  {#if colorPaletteValue}
-    <Palette backgroundColor={`var(${prefix}${colorPalette}-${colorPaletteValue})`} />
-  {:else}
-    <Palette backgroundColor={`var(${prefix}${colorPalette})`} />
-  {/if}
-
-  <div class="colorPaletteValue">{colorPaletteValue}</div>
-</div>
-
-<style>.Swatch {
-  color: var(--dodo-color-neutral-900);
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  margin: 4px;
-}
-.Swatch .colorPaletteValue {
-  margin-top: 8px;
-}</style>

package/dist/stories/developer tools/philosophy/Colors/Swatches/Swatch.svelte.d.ts

@@ -1,8 +0,0 @@
-interface SwatchProps {
-    colorPalette: string;
-    colorPaletteValue?: string;
-    prefix?: string;
-}
-declare const Swatch: import("svelte").Component<SwatchProps, {}, "">;
-type Swatch = ReturnType<typeof Swatch>;
-export default Swatch;

package/dist/stories/developer tools/philosophy/Colors/Swatches/Swatches.svelte

@@ -1,43 +0,0 @@
-<script lang="ts">import { colorPaletteValues } from '../utils/color.js';
-import Swatch from './Swatch.svelte';
-const { colorPalette, prefix, isColorPaletteValues = false } = $props();
-</script>
-
-<ul class="Swatches">
-  <b>{colorPalette}</b>
-
-  {#if isColorPaletteValues}
-    {#each colorPaletteValues as colorPaletteValue (colorPaletteValue)}
-      <li>
-        <Swatch {colorPalette} {colorPaletteValue} {prefix} />
-      </li>
-    {/each}
-  {:else}
-    <li>
-      <Swatch {colorPalette} {prefix} />
-    </li>
-  {/if}
-</ul>
-
-<style>.Swatches {
-  color: var(--dodo-color-neutral-900);
-  margin: 0;
-  padding: 0;
-  width: 150px;
-  margin: 16px 0;
-  display: flex;
-  width: 100%;
-}
-.Swatches b {
-  text-transform: capitalize;
-  display: flex;
-  font-weight: 500;
-  width: 100px;
-  align-items: center;
-  margin-bottom: 30px;
-}
-.Swatches li {
-  display: flex;
-  align-items: center;
-  margin-bottom: 10px;
-}</style>

package/dist/stories/developer tools/philosophy/Colors/Swatches/Swatches.svelte.d.ts

@@ -1,8 +0,0 @@
-interface SwatchesProps {
-    colorPalette: string;
-    prefix?: string;
-    isColorPaletteValues?: boolean;
-}
-declare const Swatches: import("svelte").Component<SwatchesProps, {}, "">;
-type Swatches = ReturnType<typeof Swatches>;
-export default Swatches;