da-style 0.0.12 → 0.1.2

package/dist/src/components/Button/DButton.types.d.ts

@@ -0,0 +1,23 @@
+import { Size, Status } from '../../../shared/types';
+export interface DButtonProps {
+    /** Button variant type */
+    status?: Status;
+    /** Button size */
+    size?: Size;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Loading state (shows spinner) */
+    loading?: boolean;
+    /** Enable neon glow effect */
+    glow?: boolean;
+    /** Ghost/outlined mode */
+    ghost?: boolean;
+    /** Full-width button */
+    block?: boolean;
+    /** Rounded variant */
+    round?: boolean;
+    /** Circle variant */
+    circle?: boolean;
+    /** Native button type */
+    nativeType?: 'button' | 'submit' | 'reset';
+}

package/dist/src/components/Button/DButton.vue.d.ts

@@ -0,0 +1,29 @@
+import { DButtonProps } from './DButton.types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<DButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<DButtonProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    status: import('../..').Status;
+    size: import('../..').Size;
+    disabled: boolean;
+    loading: boolean;
+    glow: boolean;
+    ghost: boolean;
+    block: boolean;
+    round: boolean;
+    circle: boolean;
+    nativeType: "button" | "submit" | "reset";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/Button/index.d.ts

@@ -0,0 +1,4 @@
+import { default as DButton } from './DButton.vue';
+export { DButton };
+export type { DButtonProps } from './DButton.types';
+export default DButton;

package/dist/src/components/Icon/DIcon.types.d.ts

@@ -0,0 +1,12 @@
+import { Size } from '../../../shared/types';
+export type IconName = 'close' | 'check' | 'chevron-left' | 'chevron-right' | 'chevron-down' | 'chevron-up' | 'loading' | 'search' | 'info' | 'warning' | 'error' | 'success' | 'eye' | 'eye-off';
+export interface DIconProps {
+    /** The icon to render */
+    name: IconName;
+    /** Icon size: 'small' (16) | 'medium' (24) | 'large' (32) or a direct pixel number */
+    size?: Size | number;
+    /** Stroke color. Defaults to currentColor if omitted */
+    color?: string;
+    /** Enable continuous 360° rotation (for loading icon) */
+    spin?: boolean;
+}

package/dist/src/components/Icon/DIcon.vue.d.ts

@@ -0,0 +1,8 @@
+import { DIconProps } from './DIcon.types';
+declare const __VLS_export: import('vue').DefineComponent<DIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DIconProps> & Readonly<{}>, {
+    size: import('../..').Size | number;
+    color: string;
+    spin: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/Icon/icons.d.ts

@@ -0,0 +1,2 @@
+import { IconName } from './DIcon.types';
+export declare const icons: Record<IconName, string>;

package/dist/src/components/Icon/index.d.ts

@@ -0,0 +1,5 @@
+import { default as DIcon } from './DIcon.vue';
+export type { IconName, DIconProps } from './DIcon.types';
+export { icons } from './icons';
+export { DIcon };
+export default DIcon;

package/dist/src/components/Input/DInput.types.d.ts

@@ -0,0 +1,17 @@
+import { Size } from '../../../shared/types';
+export type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search';
+export interface DInputProps {
+    modelValue?: string;
+    type?: InputType;
+    size?: Size;
+    disabled?: boolean;
+    readonly?: boolean;
+    placeholder?: string;
+    clearable?: boolean;
+    /** Focus glow effect */
+    glow?: boolean;
+    /** Prefix icon slot */
+    prefix?: string;
+    /** Suffix icon slot */
+    suffix?: string;
+}

package/dist/src/components/Input/DInput.vue.d.ts

@@ -0,0 +1,45 @@
+import { InputType } from './DInput.types';
+import { Size } from '../../../shared/types';
+type __VLS_Props = {
+    modelValue?: string;
+    type?: InputType;
+    size?: Size;
+    disabled?: boolean;
+    readonly?: boolean;
+    placeholder?: string;
+    clearable?: boolean;
+    glow?: boolean;
+    prefix?: string;
+    suffix?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    prefix?: (props: typeof __VLS_1) => any;
+} & {
+    suffix?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    size: Size;
+    disabled: boolean;
+    glow: boolean;
+    type: InputType;
+    readonly: boolean;
+    placeholder: string;
+    clearable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/Input/index.d.ts

@@ -0,0 +1,9 @@
+import { App } from 'vue';
+import { default as DInput } from './DInput.vue';
+export type { DInputProps } from './DInput.types';
+export type { InputType } from './DInput.types';
+export { DInput };
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/dist/src/components/Loading/DLoading.types.d.ts

@@ -0,0 +1,14 @@
+import { Size } from '../../../shared/types';
+export type LoadingType = 'spinner' | 'dots' | 'pulse';
+export interface DLoadingProps {
+    /** Loading animation type */
+    type?: LoadingType;
+    /** Size of the loader */
+    size?: Size;
+    /** Custom color (defaults to neon multi-color for spinner, cyan for others) */
+    color?: string;
+    /** Loading text */
+    text?: string;
+    /** Fullscreen overlay mode */
+    fullscreen?: boolean;
+}

package/dist/src/components/Loading/DLoading.vue.d.ts

@@ -0,0 +1,10 @@
+import { DLoadingProps } from './DLoading.types';
+declare const __VLS_export: import('vue').DefineComponent<DLoadingProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DLoadingProps> & Readonly<{}>, {
+    text: string;
+    size: import('../..').Size;
+    type: import('./DLoading.types').LoadingType;
+    color: string;
+    fullscreen: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/Loading/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+import { default as DLoading } from './DLoading.vue';
+export type { DLoadingProps, LoadingType } from './DLoading.types';
+export { DLoading };
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/dist/src/components/Tag/DTag.types.d.ts

@@ -0,0 +1,22 @@
+import { Size, Status } from '../../../shared/types';
+/** Maps a semantic Status to the matching neon CSS variable name */
+export declare const statusToCssVar: Record<Status, string>;
+/** Maps a semantic Status to the matching glow shadow CSS variable name */
+export declare const statusToGlowVar: Record<Status, string>;
+export interface DTagProps {
+    /** Semantic color variant */
+    status?: Status;
+    /** Size preset */
+    size?: Size;
+    /** Show a close (×) button */
+    closable?: boolean;
+    /** Transparent background, border only */
+    ghost?: boolean;
+    /** Neon glow shadow effect */
+    glow?: boolean;
+    /** Use clipped geometric border (default) */
+    round?: boolean;
+}
+export interface DTagEmits {
+    (e: 'close'): void;
+}

package/dist/src/components/Tag/DTag.vue.d.ts

@@ -0,0 +1,25 @@
+import { DTagProps } from './DTag.types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<DTagProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<DTagProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    status: import('../..').Status;
+    size: import('../..').Size;
+    glow: boolean;
+    ghost: boolean;
+    round: boolean;
+    closable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/Tag/index.d.ts

@@ -0,0 +1,9 @@
+import { App } from 'vue';
+import { default as DTag } from './DTag.vue';
+export type { DTagProps, DTagEmits } from './DTag.types';
+export { statusToCssVar, statusToGlowVar } from './DTag.types';
+export { DTag };
+declare const _default: {
+    install: (app: App) => void;
+};
+export default _default;

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

@@ -0,0 +1,5 @@
+export { DButton } from './Button';
+export { DInput } from './Input';
+export { DTag } from './Tag';
+export { DLoading } from './Loading';
+export { DIcon } from './Icon';

package/dist/src/index.d.ts

@@ -0,0 +1,4 @@
+export { DButton, DInput, DTag, DLoading, DIcon, } from './components';
+export { bgPrimary, bgSecondary, bgElevated, bgOverlay, textPrimary, textSecondary, textDisabled, textInverse, cyan, magenta, purple, blue, yellow, green, orange, red, colorPrimary, colorSuccess, colorWarning, colorDanger, colorInfo, colors, colorCssVars, space1, space2, space3, space4, space5, space6, space8, space10, space12, containerSm, containerMd, containerLg, containerXl, spacing, spacingCssVars, fontMono, fontSans, fontHeading, fontBody, textXs, textSm, textBase, textLg, textXl, text2xl, text3xl, weightRegular, weightMedium, weightSemibold, weightBold, leadingTight, leadingNormal, leadingRelaxed, trackingTight, trackingNormal, trackingWide, typography, typographyCssVars, radiusNone, radiusSm, radiusMd, radiusLg, radiusFull, borderWidth, borderWidthMd, borderWidthLg, borders, borderCssVars, shadowSm, shadowMd, shadowLg, shadowGlowCyan, shadowGlowMagenta, shadowGlowPurple, shadowGlowGreen, shadowGlowYellow, shadowGlowRed, shadows, shadowCssVars, injectTokens, resetInjection, } from './token';
+export type { ColorTokens, SpacingTokens, TypographyTokens, BorderTokens, ShadowTokens, } from './token';
+export * from './shared';

package/dist/src/shared/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export * from './props';
+export * from './utils';

package/dist/src/shared/props.d.ts

@@ -0,0 +1,24 @@
+import { Prop } from 'vue';
+import { Size, Status } from './types';
+export declare const useSizeProp: (defaultValue?: Size) => {
+    readonly type: Prop<Size>;
+    readonly default: Size;
+    readonly validator: (v: string) => boolean;
+};
+export declare const useStatusProp: (defaultValue?: Status) => {
+    readonly type: Prop<Status>;
+    readonly default: Status;
+    readonly validator: (v: string) => boolean;
+};
+export declare const useDisabledProp: () => {
+    readonly type: BooleanConstructor;
+    readonly default: false;
+};
+export declare const useLoadingProp: () => {
+    readonly type: BooleanConstructor;
+    readonly default: false;
+};
+export declare const useGlowProp: () => {
+    readonly type: BooleanConstructor;
+    readonly default: false;
+};

package/dist/src/shared/types.d.ts

@@ -0,0 +1,15 @@
+export type Size = 'small' | 'medium' | 'large';
+export type Status = 'primary' | 'success' | 'warning' | 'danger' | 'info';
+export type ButtonNativeType = 'button' | 'submit' | 'reset';
+export type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search';
+export type LoadingType = 'spinner' | 'dots' | 'pulse';
+export type Placement = 'top' | 'bottom' | 'left' | 'right';
+export interface ComponentSize {
+    size?: Size;
+}
+export interface ComponentDisabled {
+    disabled?: boolean;
+}
+export interface ComponentStatus {
+    status?: Status;
+}

package/dist/src/shared/utils.d.ts

@@ -0,0 +1,7 @@
+export declare const isString: (val: unknown) => val is string;
+export declare const isNumber: (val: unknown) => val is number;
+export declare const isBoolean: (val: unknown) => val is boolean;
+export declare const isUndefined: (val: unknown) => val is undefined;
+export declare const isFunction: (val: unknown) => val is Function;
+export declare const clamp: (value: number, min: number, max: number) => number;
+export declare const classNames: (...args: (string | Record<string, boolean | undefined | null> | false | undefined | null)[]) => string;

package/dist/src/token/borders.d.ts

@@ -0,0 +1,41 @@
+/**
+ * da-style Border System
+ *
+ * Consistent border-radius scale + border-width tokens.
+ * Neon-style components will often use `--d-radius-sm` for
+ * a sharp, technical feel, or `--d-radius-lg` for cards.
+ */
+export declare const radiusNone = "0";
+export declare const radiusSm = "2px";
+export declare const radiusMd = "4px";
+export declare const radiusLg = "8px";
+export declare const radiusFull = "9999px";
+export declare const borderWidth = "1px";
+export declare const borderWidthMd = "2px";
+export declare const borderWidthLg = "4px";
+export declare const cssVars: {
+    readonly radius: {
+        readonly none: "--d-radius-none";
+        readonly sm: "--d-radius-sm";
+        readonly md: "--d-radius-md";
+        readonly lg: "--d-radius-lg";
+        readonly full: "--d-radius-full";
+    };
+    readonly width: {
+        readonly default: "--d-border-width";
+        readonly md: "--d-border-width-md";
+        readonly lg: "--d-border-width-lg";
+    };
+};
+export interface BorderTokens {
+    radiusNone: string;
+    radiusSm: string;
+    radiusMd: string;
+    radiusLg: string;
+    radiusFull: string;
+    borderWidth: string;
+    borderWidthMd: string;
+    borderWidthLg: string;
+}
+/** All border tokens as a flat object */
+export declare const borders: BorderTokens;

package/dist/src/token/colors.d.ts

@@ -0,0 +1,84 @@
+/**
+ * da-style Cyberpunk Color Palette
+ *
+ * Neon-drenched palette: deep black foundation with
+ * cyan (#00f0ff) and magenta/pink (#ff00c8) as primary accents,
+ * dark purple (#7000ff) and electric blue as auxiliary colors.
+ */
+export declare const bgPrimary = "#0a0a0f";
+export declare const bgSecondary = "#12121a";
+export declare const bgElevated = "#1a1a2e";
+export declare const bgOverlay = "rgba(10,10,15,0.9)";
+export declare const textPrimary = "#e0e0ff";
+export declare const textSecondary = "#8888aa";
+export declare const textDisabled = "#444466";
+export declare const textInverse = "#0a0a0f";
+export declare const cyan = "#00f0ff";
+export declare const magenta = "#ff00c8";
+export declare const purple = "#7000ff";
+export declare const blue = "#0066ff";
+export declare const yellow = "#ffea00";
+export declare const green = "#00ff41";
+export declare const orange = "#ff6600";
+export declare const red = "#ff003c";
+export declare const colorPrimary = "var(--d-cyan)";
+export declare const colorSuccess = "var(--d-green)";
+export declare const colorWarning = "var(--d-yellow)";
+export declare const colorDanger = "var(--d-red)";
+export declare const colorInfo = "var(--d-purple)";
+export declare const cssVars: {
+    readonly bg: {
+        readonly primary: "--d-bg-primary";
+        readonly secondary: "--d-bg-secondary";
+        readonly elevated: "--d-bg-elevated";
+        readonly overlay: "--d-bg-overlay";
+    };
+    readonly text: {
+        readonly primary: "--d-text-primary";
+        readonly secondary: "--d-text-secondary";
+        readonly disabled: "--d-text-disabled";
+        readonly inverse: "--d-text-inverse";
+    };
+    readonly accent: {
+        readonly cyan: "--d-cyan";
+        readonly magenta: "--d-magenta";
+        readonly purple: "--d-purple";
+        readonly blue: "--d-blue";
+        readonly yellow: "--d-yellow";
+        readonly green: "--d-green";
+        readonly orange: "--d-orange";
+        readonly red: "--d-red";
+    };
+    readonly semantic: {
+        readonly primary: "--d-color-primary";
+        readonly success: "--d-color-success";
+        readonly warning: "--d-color-warning";
+        readonly danger: "--d-color-danger";
+        readonly info: "--d-color-info";
+    };
+};
+export interface ColorTokens {
+    bgPrimary: string;
+    bgSecondary: string;
+    bgElevated: string;
+    bgOverlay: string;
+    textPrimary: string;
+    textSecondary: string;
+    textDisabled: string;
+    textInverse: string;
+    cyan: string;
+    magenta: string;
+    purple: string;
+    blue: string;
+    yellow: string;
+    green: string;
+    orange: string;
+    red: string;
+    colorPrimary: string;
+    colorSuccess: string;
+    colorWarning: string;
+    colorDanger: string;
+    colorInfo: string;
+}
+/** All color tokens as a flat object (raw values, not CSS vars) */
+export declare const colors: ColorTokens;

package/dist/src/token/index.d.ts

@@ -0,0 +1,20 @@
+import { ColorTokens } from './colors';
+import { SpacingTokens } from './spacing';
+import { TypographyTokens } from './typography';
+import { BorderTokens } from './borders';
+import { ShadowTokens } from './shadows';
+export { bgPrimary, bgSecondary, bgElevated, bgOverlay, textPrimary, textSecondary, textDisabled, textInverse, cyan, magenta, purple, blue, yellow, green, orange, red, colorPrimary, colorSuccess, colorWarning, colorDanger, colorInfo, colors, cssVars as colorCssVars, } from './colors';
+export type { ColorTokens } from './colors';
+export { space1, space2, space3, space4, space5, space6, space8, space10, space12, containerSm, containerMd, containerLg, containerXl, spacing, cssVars as spacingCssVars, } from './spacing';
+export type { SpacingTokens } from './spacing';
+export { fontMono, fontSans, fontHeading, fontBody, textXs, textSm, textBase, textLg, textXl, text2xl, text3xl, weightRegular, weightMedium, weightSemibold, weightBold, leadingTight, leadingNormal, leadingRelaxed, trackingTight, trackingNormal, trackingWide, typography, cssVars as typographyCssVars, } from './typography';
+export type { TypographyTokens } from './typography';
+export { radiusNone, radiusSm, radiusMd, radiusLg, radiusFull, borderWidth, borderWidthMd, borderWidthLg, borders, cssVars as borderCssVars, } from './borders';
+export type { BorderTokens } from './borders';
+export { shadowSm, shadowMd, shadowLg, shadowGlowCyan, shadowGlowMagenta, shadowGlowPurple, shadowGlowGreen, shadowGlowYellow, shadowGlowRed, shadows, cssVars as shadowCssVars, } from './shadows';
+export type { ShadowTokens } from './shadows';
+export { injectTokens, resetInjection, buildTokenMap, } from './inject';
+export type { TokenMap } from './inject';
+/** Union type of every token category in the design system */
+export interface DesignTokens extends ColorTokens, SpacingTokens, TypographyTokens, BorderTokens, ShadowTokens {
+}

package/dist/src/token/inject.d.ts

@@ -0,0 +1,24 @@
+/**
+ * da-style Token Injection
+ *
+ * `injectTokens()` — A runtime function that programmatically
+ * injects all design token CSS custom properties into `:root`.
+ *
+ * Use this when you want to avoid a separate CSS import and
+ * prefer JS-driven token application (e.g. in a Vue plugin).
+ *
+ * @example
+ *   import { injectTokens } from 'da-style/token'
+ *   injectTokens()
+ */
+export interface TokenMap {
+    [key: string]: string;
+}
+/**
+ * Build a flat map of all design tokens (name → value).
+ * Each key is the CSS variable name WITHOUT the leading `--d-`.
+ */
+export declare function buildTokenMap(): TokenMap;
+export declare function injectTokens(): void;
+/** Reset the injection guard (for testing / HMR). */
+export declare function resetInjection(): void;

package/dist/src/token/shadows.d.ts

@@ -0,0 +1,43 @@
+/**
+ * da-style Shadows & Glow Effects
+ *
+ * Multi-layer neon glow shadows. Each glow uses 3-4 layers
+ * with decreasing opacity for a realistic luminous halo.
+ */
+export declare const shadowSm = "0 1px 2px rgba(0,0,0,0.5)";
+export declare const shadowMd = "0 4px 8px rgba(0,0,0,0.6)";
+export declare const shadowLg = "0 8px 24px rgba(0,0,0,0.7)";
+export declare const shadowGlowCyan = "0 0 4px rgba(0,240,255,0.6), 0 0 12px rgba(0,240,255,0.4), 0 0 24px rgba(0,240,255,0.2), 0 0 48px rgba(0,240,255,0.1)";
+export declare const shadowGlowMagenta = "0 0 4px rgba(255,0,200,0.6), 0 0 12px rgba(255,0,200,0.4), 0 0 24px rgba(255,0,200,0.2), 0 0 48px rgba(255,0,200,0.1)";
+export declare const shadowGlowPurple = "0 0 4px rgba(112,0,255,0.6), 0 0 12px rgba(112,0,255,0.4), 0 0 24px rgba(112,0,255,0.2)";
+export declare const shadowGlowGreen = "0 0 4px rgba(0,255,65,0.6), 0 0 12px rgba(0,255,65,0.4), 0 0 24px rgba(0,255,65,0.2)";
+export declare const shadowGlowYellow = "0 0 4px rgba(255,234,0,0.6), 0 0 12px rgba(255,234,0,0.4), 0 0 24px rgba(255,234,0,0.2)";
+export declare const shadowGlowRed = "0 0 4px rgba(255,0,60,0.6), 0 0 12px rgba(255,0,60,0.4), 0 0 24px rgba(255,0,60,0.2)";
+export declare const cssVars: {
+    readonly shadow: {
+        readonly sm: "--d-shadow-sm";
+        readonly md: "--d-shadow-md";
+        readonly lg: "--d-shadow-lg";
+    };
+    readonly glow: {
+        readonly cyan: "--d-glow-cyan";
+        readonly magenta: "--d-glow-magenta";
+        readonly purple: "--d-glow-purple";
+        readonly green: "--d-glow-green";
+        readonly yellow: "--d-glow-yellow";
+        readonly red: "--d-glow-red";
+    };
+};
+export interface ShadowTokens {
+    shadowSm: string;
+    shadowMd: string;
+    shadowLg: string;
+    shadowGlowCyan: string;
+    shadowGlowMagenta: string;
+    shadowGlowPurple: string;
+    shadowGlowGreen: string;
+    shadowGlowYellow: string;
+    shadowGlowRed: string;
+}
+/** All shadow tokens as a flat object */
+export declare const shadows: ShadowTokens;

package/dist/src/token/spacing.d.ts

@@ -0,0 +1,58 @@
+/**
+ * da-style Spacing System
+ *
+ * 4px-base spacing scale. Every UI gap, padding, and margin
+ * should reference these tokens — never raw px values.
+ *
+ * Scale: 1, 2, 3, 4, 5, 6, 8, 10, 12
+ * (gaps intentionally skipped to prevent arbitrary drift)
+ */
+export declare const space1 = "4px";
+export declare const space2 = "8px";
+export declare const space3 = "12px";
+export declare const space4 = "16px";
+export declare const space5 = "20px";
+export declare const space6 = "24px";
+export declare const space8 = "32px";
+export declare const space10 = "40px";
+export declare const space12 = "48px";
+export declare const containerSm = "640px";
+export declare const containerMd = "768px";
+export declare const containerLg = "1024px";
+export declare const containerXl = "1280px";
+export declare const cssVars: {
+    readonly space: {
+        readonly 1: "--d-spacing-1";
+        readonly 2: "--d-spacing-2";
+        readonly 3: "--d-spacing-3";
+        readonly 4: "--d-spacing-4";
+        readonly 5: "--d-spacing-5";
+        readonly 6: "--d-spacing-6";
+        readonly 8: "--d-spacing-8";
+        readonly 10: "--d-spacing-10";
+        readonly 12: "--d-spacing-12";
+    };
+    readonly container: {
+        readonly sm: "--d-container-sm";
+        readonly md: "--d-container-md";
+        readonly lg: "--d-container-lg";
+        readonly xl: "--d-container-xl";
+    };
+};
+export interface SpacingTokens {
+    space1: string;
+    space2: string;
+    space3: string;
+    space4: string;
+    space5: string;
+    space6: string;
+    space8: string;
+    space10: string;
+    space12: string;
+    containerSm: string;
+    containerMd: string;
+    containerLg: string;
+    containerXl: string;
+}
+/** All spacing tokens as a flat object */
+export declare const spacing: SpacingTokens;