@skewedaspect/sleekspace-ui 0.8.0 → 0.9.0

package/dist/{src/components → components}/Switch/SkSwitch.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkSwitchKind, SkSwitchSize } from './types';
 export interface SkSwitchComponentProps extends ComponentCustomColors {
     /**

package/dist/{src/components → components}/Switch/types.d.ts

@@ -1,3 +1,3 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 export type SkSwitchKind = ComponentKind;
 export type SkSwitchSize = ComponentSize;

package/dist/{src/components → components}/Table/SkTable.vue.d.ts

@@ -1,5 +1,5 @@
 import { SkTableKind, SkTableVariant } from './types';
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 export interface SkTableComponentProps extends ComponentCustomColors {
     /**
      * Semantic color kind that controls header backgrounds and accent colors. The kind

package/dist/{src/components → components}/Table/types.d.ts

@@ -1,3 +1,3 @@
-import { ComponentKind } from '../../../types';
+import { ComponentKind } from '../../types';
 export type SkTableKind = ComponentKind;
 export type SkTableVariant = 'default' | 'compact' | 'comfortable';

package/dist/{src/components → components}/Tabs/SkTab.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind } from '../../../types';
+import { ComponentKind } from '../../types';
 export interface SkTabComponentProps {
     /**
      * Unique identifier that links this tab trigger to its corresponding `SkTabPanel`. The `name`

package/dist/{src/components → components}/Tabs/SkTabs.vue.d.ts

@@ -1,5 +1,5 @@
 import { SkTabsOrientation, SkTabsPlacement } from './types';
-import { ComponentCustomColors, ComponentKind } from '../../../types';
+import { ComponentCustomColors, ComponentKind } from '../../types';
 export interface SkTabsComponentProps extends ComponentCustomColors {
     /**
      * The currently active tab identifier, matching the `name` prop of the corresponding `SkTab`

package/dist/{src/components → components}/Tag/SkTag.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors, ComponentKind } from '../../../types';
+import { ComponentCustomColors, ComponentKind } from '../../types';
 import { SkTagSize, SkTagVariant } from './types';
 export interface SkTagComponentProps extends ComponentCustomColors {
     /**

package/dist/{src/components → components}/TagsInput/SkTagsInput.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkTagsInputKind, SkTagsInputSize } from './types';
 export interface SkTagsInputComponentProps extends ComponentCustomColors {
     /**

package/dist/{src/components → components}/TagsInput/types.d.ts

@@ -1,3 +1,3 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 export type SkTagsInputKind = ComponentKind;
 export type SkTagsInputSize = ComponentSize;

package/dist/{src/components → components}/Textarea/SkTextarea.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkTextareaKind, SkTextareaSize } from './types';
 export interface SkTextareaComponentProps extends ComponentCustomColors {
     /**

package/dist/{src/components → components}/Textarea/types.d.ts

@@ -1,3 +1,3 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 export type SkTextareaKind = ComponentKind;
 export type SkTextareaSize = ComponentSize;

package/dist/{src/components → components}/Toolbar/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind } from '../../../types';
+import { ComponentKind } from '../../types';
 export type SkToolbarKind = ComponentKind;
 export type SkToolbarOrientation = 'horizontal' | 'vertical';
 export type SkToolbarToggleType = 'single' | 'multiple';

package/dist/{src/components → components}/Tooltip/SkTooltip.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors, ComponentKind } from '../../../types';
+import { ComponentCustomColors, ComponentKind } from '../../types';
 import { SkTooltipSide } from './types';
 export interface SkTooltipComponentProps extends ComponentCustomColors {
     /**

package/dist/{src/components → components}/Tooltip/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind, ComponentVariant } from '../../../types';
+import { ComponentKind, ComponentVariant } from '../../types';
 export type SkTooltipKind = ComponentKind;
 export type SkTooltipVariant = ComponentVariant;
 export type SkTooltipSide = 'top' | 'right' | 'bottom' | 'left';

package/dist/{src/components → components}/TreeView/types.d.ts

@@ -1,3 +1,3 @@
-import { ComponentKind } from '../../../types';
+import { ComponentKind } from '../../types';
 export type SkTreeViewKind = ComponentKind;
 export type SkTreeViewDefaultExpanded = 'all' | 'none' | string[];

package/dist/composables/useCustomColors.d.ts

@@ -0,0 +1,36 @@
+import { Ref } from 'vue';
+/**
+ * Composable for handling custom color props in components.
+ *
+ * Generates CSS custom properties that override a component's default color tokens. Props accept
+ * either a kind name (e.g. `"neon-pink"`, `"primary"`), which resolves to the matching
+ * `--sk-<kind>-base/-text` token, or any raw CSS color value (hex, rgb, oklch, named, or
+ * `var(...)`), which is passed through unchanged. This lets consumers use SleekSpace's palette
+ * by name without having to remember the token syntax.
+ *
+ * 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
+ * - `--sk-{componentName}-border-base` / `--sk-{componentName}-border-color` for the border (optional)
+ *
+ * @param componentName - The component name used in CSS variable naming (e.g., 'button', 'panel')
+ * @param baseColor - Kind name or CSS color value for the base/background color
+ * @param textColor - Kind name or CSS color value for the foreground/text color. Falls back to
+ *                    `--sk-neutral-text` when only `baseColor` is provided.
+ * @param borderColor - Optional kind name or CSS color value for the border. When provided,
+ *                      both `--sk-<component>-border-base` and `--sk-<component>-border-color`
+ *                      are emitted so the border takes precedence over any kind's default.
+ *
+ * @returns Computed style object with CSS variables ready to bind to a component's style attribute
+ *
+ * @example Kind name shortcut
+ * ```vue
+ * <SkPanel base-color="neon-pink" text-color="primary" border-color="neon-purple">...</SkPanel>
+ * ```
+ *
+ * @example Raw CSS values
+ * ```vue
+ * <SkButton base-color="oklch(0.7 0.25 300)" text-color="white">Click me</SkButton>
+ * ```
+ */
+export declare function useCustomColors(componentName: string, baseColor: Ref<string | undefined> | string | undefined, textColor: Ref<string | undefined> | string | undefined, borderColor?: Ref<string | undefined> | string | undefined): Ref<Record<string, string>>;

package/{src → dist}/global.d.ts

@@ -5,12 +5,16 @@
 // Generated by: scripts/generate-global-types.ts
 //
 // This file provides TypeScript/Volar support for globally registered SleekSpace UI components.
-// Users should reference this file in their tsconfig.json:
+// Consumers can opt in either by referencing the package export in a project .d.ts:
+//
+//   /// <reference types="@skewedaspect/sleekspace-ui/global" />
+//
+// ...or by including the declaration file directly in tsconfig.json:
 //
 // {
 //   "include": [
 //     "src/**/*",
-//     "node_modules/@skewedaspect/sleekspace-ui/src/global.d.ts"
+//     "node_modules/@skewedaspect/sleekspace-ui/dist/global.d.ts"
 //   ]
 // }
 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////