@skewedaspect/sleekspace-ui 0.8.0 → 0.9.0

package/dist/src/components/Card/types.d.ts

@@ -1,2 +0,0 @@
-import { ComponentKind } from '../../../types';
-export type SkCardKind = ComponentKind;

package/dist/src/components/Collapsible/types.d.ts

@@ -1,2 +0,0 @@
-import { ComponentKind } from '../../../types';
-export type SkCollapsibleKind = ComponentKind;

package/dist/src/components/ContextMenu/types.d.ts

@@ -1,2 +0,0 @@
-import { ComponentKind } from '../../../types';
-export type SkContextMenuKind = ComponentKind;

package/dist/src/components/NavBar/types.d.ts

@@ -1,6 +0,0 @@
-import { ComponentKind } from '../../../types';
-/**
- * Available kinds for the navbar component.
- * Supports both semantic kinds (themeable) and color kinds (direct palette access).
- */
-export type SkNavBarKind = ComponentKind;

package/dist/src/components/ScrollArea/SkScrollArea.vue.d.ts

@@ -1,40 +0,0 @@
-import { SkScrollAreaKind, SkScrollAreaOrientation, SkScrollAreaType } from './types';
-export interface SkScrollAreaComponentProps {
-    type?: SkScrollAreaType;
-    orientation?: SkScrollAreaOrientation;
-    kind?: SkScrollAreaKind;
-    baseColor?: string;
-    textColor?: string;
-    /**
-     * When true, fade the scrollable edges with a CSS mask so content visibly tapers
-     * into/out of the viewport. Applies to whichever axis (or both) is scrollable.
-     * Override the fade distance via the `--sk-scroll-area-fade` custom property
-     * (default 1.5rem).
-     * @default false
-     */
-    fade?: boolean;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<SkScrollAreaComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkScrollAreaComponentProps> & Readonly<{}>, {
-    type: SkScrollAreaType;
-    kind: SkScrollAreaKind;
-    baseColor: string;
-    textColor: string;
-    orientation: SkScrollAreaOrientation;
-    fade: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-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/src/composables/useCustomColors.d.ts

@@ -1,74 +0,0 @@
-import { Ref } from 'vue';
-/**
- * Composable for handling custom color props in components.
- *
- * This composable provides a consistent way to apply custom colors to components by generating
- * CSS variables that override the component's default color tokens. It supports any CSS color
- * format including hex, rgb, hsl, oklch, named colors, and CSS variables.
- *
- * Works with any component that follows the CSS variable naming convention:
- * - `--sk-{componentName}-color-base` for the base/background color
- * - `--sk-{componentName}-fg` for the foreground/text color
- *
- * @param componentName - The component name used in CSS variable naming
- *                        (e.g., 'button', 'panel', 'my-custom-component')
- * @param baseColor - The base/background color (any CSS color value, including CSS variables)
- * @param textColor - Optional foreground/text color. If not provided, falls back to `--sk-neutral-text`
- *
- * @returns Computed style object with CSS variables ready to bind to a component's style attribute
- *
- * @example Basic usage with base color only
- * ```vue
- * <script setup>
- * import { useCustomColors } from '@/composables/useCustomColors';
- *
- * const props = defineProps<{ baseColor?: string }>();
- * const customColors = useCustomColors('button', toRef(() => props.baseColor), undefined);
- * </script>
- *
- * <template>
- *   <button :style="customColors">Click me</button>
- * </template>
- * ```
- *
- * @example With both base and text colors
- * ```vue
- * <SkButton base-color="oklch(0.7 0.25 300)" text-color="white">
- *   Custom Purple Button
- * </SkButton>
- * ```
- *
- * @example Using CSS variables
- * ```vue
- * <SkPanel base-color="var(--my-custom-color)" text-color="var(--my-text-color)">
- *   Content
- * </SkPanel>
- * ```
- *
- * @example Custom component
- * ```vue
- * <script setup>
- * import { useCustomColors } from '@/composables/useCustomColors';
- *
- * const props = defineProps<{ baseColor?: string; textColor?: string }>();
- * const customColors = useCustomColors('my-widget', toRef(() => props.baseColor), toRef(() => props.textColor));
- * </script>
- *
- * <template>
- *   <div class="my-widget" :style="customColors">
- *     <!-- Will generate: --sk-my-widget-color-base and --sk-my-widget-fg -->
- *   </div>
- * </template>
- * ```
- *
- * Generated CSS variables:
- * - `--sk-{componentName}-color-base` - The base color for backgrounds and accents
- * - `--sk-{componentName}-fg` - The foreground/text color
- *
- * @remarks
- * - If `textColor` is not provided, components will use `--sk-neutral-text` from the active theme
- * - For best contrast, always provide `textColor` when using custom `baseColor`
- * - The generated CSS variables integrate with the component's existing token system
- * - Works with any component name - no need to register components beforehand
- */
-export declare function useCustomColors(componentName: string, baseColor: Ref<string | undefined> | string | undefined, textColor: Ref<string | undefined> | string | undefined): Ref<Record<string, string>>;

package/dist/src/composables/useCustomColors.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/composables/useFocusTrap.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/composables/usePortalContext.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/styles/mixins/fluidSize.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/types.d.ts

@@ -1,29 +0,0 @@
-export type ComponentSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type SemanticKind = 'neutral' | 'primary' | 'accent' | 'danger' | 'info' | 'success' | 'warning';
-export type ColorKind = 'boulder' | 'neon-blue' | 'light-blue' | 'neon-orange' | 'neon-purple' | 'neon-green' | 'neon-mint' | 'neon-pink' | 'yellow' | 'red';
-export type ComponentKind = SemanticKind | ColorKind;
-export type ComponentVariant = 'solid' | 'outline' | 'subtle' | 'ghost' | 'link';
-/**
- * Custom color props interface for components.
- * Allows overriding component colors with any valid CSS color value.
- */
-export interface ComponentCustomColors {
-    /**
-     * Base color for the component.
-     * Accepts any valid CSS color value including:
-     * - Hex colors: "#8B5CF6"
-     * - OKLCH colors: "oklch(0.7 0.25 300)"
-     * - RGB/HSL: "rgb(139, 92, 246)", "hsl(258, 90%, 66%)"
-     * - CSS variables: "var(--color-neon-green-200)"
-     * - Named colors: "rebeccapurple"
-     *
-     * When provided, this overrides the color from the `kind` prop.
-     */
-    baseColor?: string;
-    /**
-     * Text/foreground color for the component.
-     * If not provided, automatically calculated for optimal contrast with the base color.
-     * Accepts the same CSS color formats as baseColor.
-     */
-    textColor?: string;
-}