@bgord/design 0.29.4 → 0.29.5

package/dist/index.d.ts

@@ -0,0 +1,235 @@
+export * from "./lib";
+
+export {};
+
+import "react";
+declare module "react" {
+  interface HTMLAttributes<T> {
+    "data-backdrop"?: "none" | "weak" | "medium" | "strong";
+    "data-bw"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset";
+    "data-ff"?: "sans" | "serif" | "mono";
+    "data-fs"?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
+    "data-fw"?: "light" | "regular" | "medium" | "bold" | "black" | "unset";
+    "data-ls"?: "tight" | "normal" | "wide" | "wider" | "widest" | "unset";
+    "data-lh"?: "none" | "tight" | "base" | "loose" | "display" | "unset";
+    "data-opacity"?: "high" | "medium" | "low";
+    "data-br"?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | "circle" | "unset";
+    "data-shadow"?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "inner" | "unset";
+    "data-z"?: "negative" | "0" | "1" | "2" | "3";
+    "data-color"?:
+      | "neutral-0"
+      | "neutral-50"
+      | "neutral-100"
+      | "neutral-200"
+      | "neutral-300"
+      | "neutral-400"
+      | "neutral-500"
+      | "neutral-600"
+      | "neutral-700"
+      | "neutral-800"
+      | "neutral-900"
+      | "brand-50"
+      | "brand-100"
+      | "brand-200"
+      | "brand-300"
+      | "brand-400"
+      | "brand-500"
+      | "brand-600"
+      | "brand-700"
+      | "brand-800"
+      | "brand-900"
+      | "positive-100"
+      | "positive-300"
+      | "positive-500"
+      | "positive-700"
+      | "positive-900"
+      | "danger-100"
+      | "danger-300"
+      | "danger-500"
+      | "danger-700"
+      | "danger-900"
+      | "warning-100"
+      | "warning-300"
+      | "warning-500"
+      | "warning-700"
+      | "warning-900";
+    "data-bg"?:
+      | "neutral-0"
+      | "neutral-50"
+      | "neutral-100"
+      | "neutral-200"
+      | "neutral-300"
+      | "neutral-400"
+      | "neutral-500"
+      | "neutral-600"
+      | "neutral-700"
+      | "neutral-800"
+      | "neutral-900"
+      | "brand-50"
+      | "brand-100"
+      | "brand-200"
+      | "brand-300"
+      | "brand-400"
+      | "brand-500"
+      | "brand-600"
+      | "brand-700"
+      | "brand-800"
+      | "brand-900"
+      | "positive-100"
+      | "positive-300"
+      | "positive-500"
+      | "positive-700"
+      | "positive-900"
+      | "danger-100"
+      | "danger-300"
+      | "danger-500"
+      | "danger-700"
+      | "danger-900"
+      | "warning-100"
+      | "warning-300"
+      | "warning-500"
+      | "warning-700"
+      | "warning-900";
+    "data-bc"?:
+      | "neutral-0"
+      | "neutral-50"
+      | "neutral-100"
+      | "neutral-200"
+      | "neutral-300"
+      | "neutral-400"
+      | "neutral-500"
+      | "neutral-600"
+      | "neutral-700"
+      | "neutral-800"
+      | "neutral-900"
+      | "brand-50"
+      | "brand-100"
+      | "brand-200"
+      | "brand-300"
+      | "brand-400"
+      | "brand-500"
+      | "brand-600"
+      | "brand-700"
+      | "brand-800"
+      | "brand-900"
+      | "positive-100"
+      | "positive-300"
+      | "positive-500"
+      | "positive-700"
+      | "positive-900"
+      | "danger-100"
+      | "danger-300"
+      | "danger-500"
+      | "danger-700"
+      | "danger-900"
+      | "warning-100"
+      | "warning-300"
+      | "warning-500"
+      | "warning-700"
+      | "warning-900";
+    "data-p"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
+    "data-pt"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
+    "data-pr"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
+    "data-pb"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
+    "data-pl"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
+    "data-px"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
+    "data-py"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
+    "data-m"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
+    "data-mt"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
+    "data-mr"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
+    "data-mb"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
+    "data-ml"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
+    "data-mx"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
+    "data-my"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
+    "data-gap"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
+    "data-top"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
+    "data-right"?:
+      | "0"
+      | "0-5"
+      | "1"
+      | "1-5"
+      | "2"
+      | "2-5"
+      | "3"
+      | "4"
+      | "5"
+      | "6"
+      | "8"
+      | "12"
+      | "16"
+      | "auto";
+    "data-bottom"?:
+      | "0"
+      | "0-5"
+      | "1"
+      | "1-5"
+      | "2"
+      | "2-5"
+      | "3"
+      | "4"
+      | "5"
+      | "6"
+      | "8"
+      | "12"
+      | "16"
+      | "auto";
+    "data-left"?:
+      | "0"
+      | "0-5"
+      | "1"
+      | "1-5"
+      | "2"
+      | "2-5"
+      | "3"
+      | "4"
+      | "5"
+      | "6"
+      | "8"
+      | "12"
+      | "16"
+      | "auto";
+    "data-inset"?:
+      | "0"
+      | "0-5"
+      | "1"
+      | "1-5"
+      | "2"
+      | "2-5"
+      | "3"
+      | "4"
+      | "5"
+      | "6"
+      | "8"
+      | "12"
+      | "16"
+      | "auto";
+    "data-max-width"?: "100%" | "unset" | "md";
+    "data-max-height"?: "100%" | "unset" | "md";
+    "data-display"?: "flex" | "block" | "inline-block" | "none";
+    "data-cursor"?: "wait" | "auto" | "pointer" | "not-allowed";
+    "data-object-fit"?: "contain" | "cover" | "fill" | "scale-down" | "none";
+    "data-position"?: "static" | "relative" | "absolute" | "fixed" | "sticky" | "unset";
+    "data-rotate"?: "0" | "90" | "180" | "270";
+    "data-object-position"?: "top" | "bottom" | "left" | "right" | "center" | "top-left" | "top-right";
+    "data-pointer-events"?: "none" | "auto";
+    "data-overflow"?: "auto" | "scroll" | "hidden";
+    "data-direction"?: "row" | "row-reverse" | "column" | "column-reverse";
+    "data-main"?: "start" | "end" | "around" | "evenly" | "between" | "center" | "baseline";
+    "data-cross"?: "start" | "end" | "around" | "evenly" | "between" | "center" | "baseline";
+    "data-grow"?: "1" | "unset";
+    "data-shrink"?: "0" | "unset";
+    "data-wrap"?: "nowrap" | "wrap" | "wrap-reverse" | "unset";
+    "data-transform"?:
+      | "uppercase"
+      | "lowercase"
+      | "capitalize"
+      | "upper-first"
+      | "truncate"
+      | "center"
+      | "nowrap"
+      | "none"
+      | "line-clamp";
+    "data-width"?: "100%" | "auto" | "unset";
+    "data-height"?: "100%" | "auto" | "unset";
+  }
+}

package/dist/lib.d.ts

@@ -0,0 +1,171 @@
+export declare const BackdropsTokens: {
+  readonly "backdrop-none": "none";
+  readonly "backdrop-weak": "rgba(0 0 0 / 0.35)";
+  readonly "backdrop-medium": "rgba(0 0 0 / 0.6)";
+  readonly "backdrop-strong": "rgba(0 0 0 / 0.75)";
+};
+export type BackdropsTokenType = keyof typeof BackdropsTokens;
+export declare const BorderWidthTokens: {
+  readonly "border-width-none": "0";
+  readonly "border-width-hairline": "1px";
+  readonly "border-width-thin": "2px";
+  readonly "border-width-base": "4px";
+  readonly "border-width-thick": "6px";
+  readonly "border-width-heavy": "12px";
+  readonly "border-width-unset": "unset";
+};
+export type BorderWidthTokenType = keyof typeof BorderWidthTokens;
+export declare const BrandTokens: {
+  readonly "color-brand-50": "oklch(0.94  0.07  255)";
+  readonly "color-brand-100": "oklch(0.86  0.10  255)";
+  readonly "color-brand-200": "oklch(0.78  0.12  255)";
+  readonly "color-brand-300": "oklch(0.67  0.15  255)";
+  readonly "color-brand-400": "oklch(0.56  0.18  255)";
+  readonly "color-brand-500": "oklch(0.46  0.20  255)";
+  readonly "color-brand-600": "oklch(0.38  0.18  255)";
+  readonly "color-brand-700": "oklch(0.30  0.17  255)";
+  readonly "color-brand-800": "oklch(0.24  0.15  255)";
+  readonly "color-brand-900": "oklch(0.18  0.12  255)";
+};
+export type BrandTokenType = keyof typeof BrandTokens;
+export declare const BreakpointTokens: {
+  readonly "breakpoint-md": "768px";
+};
+export type BreakpointTokenType = keyof typeof BreakpointTokens;
+export declare const DangerTokens: {
+  readonly "color-danger-100": "oklch(0.93 0.06 25)";
+  readonly "color-danger-300": "oklch(0.78 0.12 25)";
+  readonly "color-danger-500": "oklch(0.46 0.22 25)";
+  readonly "color-danger-700": "oklch(0.30 0.18 25)";
+  readonly "color-danger-900": "oklch(0.18 0.12 25)";
+};
+export type DangerTokenType = keyof typeof DangerTokens;
+export declare const FontFamilyTokens: {
+  readonly "font-family-sans": "system-ui, sans-serif";
+  readonly "font-family-serif": "Georgia, serif";
+  readonly "font-family-mono": '"SFMono-Regular", monospace';
+};
+export type FontFamilyTokenType = keyof typeof FontFamilyTokens;
+export declare const FontSizeTokens: {
+  readonly "font-size-xs": "0.75rem";
+  readonly "font-size-sm": "0.875rem";
+  readonly "font-size-base": "1rem";
+  readonly "font-size-lg": "1.125rem";
+  readonly "font-size-xl": "1.25rem";
+  readonly "font-size-2xl": "1.5rem";
+  readonly "font-size-3xl": "1.875rem";
+  readonly "font-size-4xl": "2.25rem";
+  readonly "font-size-5xl": "3rem";
+};
+export type FontSizeTokenType = keyof typeof FontSizeTokens;
+export declare const FontWeightTokens: {
+  readonly "font-weight-light": "300";
+  readonly "font-weight-regular": "400";
+  readonly "font-weight-medium": "500";
+  readonly "font-weight-bold": "700";
+  readonly "font-weight-black": "900";
+  readonly "font-weight-unset": "unset";
+};
+export type FontWeightTokenType = keyof typeof FontWeightTokens;
+export declare const GrayscaleTokens: {
+  readonly "color-neutral-0": "oklch(0.98  0.01  275)";
+  readonly "color-neutral-50": "oklch(0.95  0.01  275)";
+  readonly "color-neutral-100": "oklch(0.90  0.01  275)";
+  readonly "color-neutral-200": "oklch(0.82  0.01  275)";
+  readonly "color-neutral-300": "oklch(0.72  0.01  275)";
+  readonly "color-neutral-400": "oklch(0.60  0.01  275)";
+  readonly "color-neutral-500": "oklch(0.49  0.01  275)";
+  readonly "color-neutral-600": "oklch(0.38  0.01  275)";
+  readonly "color-neutral-700": "oklch(0.27  0.01  275)";
+  readonly "color-neutral-800": "oklch(0.18  0.01  275)";
+  readonly "color-neutral-900": "oklch(0.12  0.01  275)";
+};
+export type GrayscaleTokenType = keyof typeof GrayscaleTokens;
+export declare const LetterSpacingTokens: {
+  readonly "letter-spacing-tight": "-0.01em";
+  readonly "letter-spacing-normal": "0em";
+  readonly "letter-spacing-wide": "0.025em";
+  readonly "letter-spacing-wider": "0.05em";
+  readonly "letter-spacing-widest": "0.1em";
+  readonly "letter-spacing-unset": "unset";
+};
+export type LetterSpacingTokenType = keyof typeof LetterSpacingTokens;
+export declare const LineHeightTokens: {
+  readonly "line-height-none": "1";
+  readonly "line-height-tight": "1.25";
+  readonly "line-height-base": "1.5";
+  readonly "line-height-loose": "1.65";
+  readonly "line-height-display": "1.1";
+  readonly "line-height-unset": "unset";
+};
+export type LineHeightTokenType = keyof typeof LineHeightTokens;
+export declare const OpacityTokens: {
+  readonly "opacity-high": "0.8";
+  readonly "opacity-medium": "0.5";
+  readonly "opacity-low": "0.2";
+};
+export type OpacityTokenType = keyof typeof OpacityTokens;
+export declare const PositiveTokens: {
+  readonly "color-positive-100": "oklch(0.93 0.06 145)";
+  readonly "color-positive-300": "oklch(0.78 0.11 145)";
+  readonly "color-positive-500": "oklch(0.46 0.18 145)";
+  readonly "color-positive-700": "oklch(0.30 0.15 145)";
+  readonly "color-positive-900": "oklch(0.18 0.12 145)";
+};
+export type PositiveTokenType = keyof typeof PositiveTokens;
+export declare const RadiusTokens: {
+  readonly "radius-none": "0";
+  readonly "radius-xs": "2px";
+  readonly "radius-sm": "4px";
+  readonly "radius-md": "8px";
+  readonly "radius-lg": "12px";
+  readonly "radius-xl": "16px";
+  readonly "radius-pill": "9999px";
+  readonly "radius-circle": "50%";
+  readonly "radius-unset": "unset";
+};
+export type RadiusTokenType = keyof typeof RadiusTokens;
+export declare const ShadowTokens: {
+  readonly "shadow-none": "none";
+  readonly "shadow-xs": "0 1px 2px 0 rgba(0 0 0 / 0.03)";
+  readonly "shadow-sm": "0 1px 3px 0 rgba(0 0 0 / 0.05), 0 1px 2px -1px rgba(0 0 0 / 0.05)";
+  readonly "shadow-md": "0 4px 6px -1px rgba(0 0 0 / 0.06), 0 2px 4px -2px rgba(0 0 0 / 0.05)";
+  readonly "shadow-lg": "0 10px 15px -3px rgba(0 0 0 / 0.07), 0 4px 6px -4px rgba(0 0 0 / 0.06)";
+  readonly "shadow-xl": "0 20px 25px -5px rgba(0 0 0 / 0.08), 0 8px 10px -6px rgba(0 0 0 / 0.07)";
+  readonly "shadow-inner": "inset 0 2px 4px 0 rgba(0 0 0 / 0.06)";
+  readonly "shadow-unset": "unset";
+};
+export type ShadowTokenType = keyof typeof ShadowTokens;
+export declare const SpacingTokens: {
+  readonly "spacing-0": "0rem";
+  readonly "spacing-0-5": "0.125rem";
+  readonly "spacing-1": "0.25rem";
+  readonly "spacing-1-5": "0.375rem";
+  readonly "spacing-2": "0.5rem";
+  readonly "spacing-2-5": "0.625rem";
+  readonly "spacing-3": "0.75rem";
+  readonly "spacing-4": "1rem";
+  readonly "spacing-5": "1.25rem";
+  readonly "spacing-6": "1.5rem";
+  readonly "spacing-8": "2rem";
+  readonly "spacing-12": "3rem";
+  readonly "spacing-16": "4rem";
+  readonly "spacing-auto": "auto";
+};
+export type SpacingTokenType = keyof typeof SpacingTokens;
+export declare const WarningTokens: {
+  readonly "color-warning-100": "oklch(0.97 0.06 85)";
+  readonly "color-warning-300": "oklch(0.86 0.12 85)";
+  readonly "color-warning-500": "oklch(0.67 0.20 85)";
+  readonly "color-warning-700": "oklch(0.46 0.18 85)";
+  readonly "color-warning-900": "oklch(0.30 0.14 85)";
+};
+export type WarningTokenType = keyof typeof WarningTokens;
+export declare const ZIndexTokens: {
+  readonly "z-index-negative": "-1";
+  readonly "z-index-0": "0";
+  readonly "z-index-1": "1";
+  readonly "z-index-2": "2";
+  readonly "z-index-3": "3";
+};
+export type ZIndexTokenType = keyof typeof ZIndexTokens;

package/dist/lib.js

@@ -0,0 +1,174 @@
+// dist/lib.ts
+var BackdropsTokens = {
+  "backdrop-none": "none",
+  "backdrop-weak": "rgba(0 0 0 / 0.35)",
+  "backdrop-medium": "rgba(0 0 0 / 0.6)",
+  "backdrop-strong": "rgba(0 0 0 / 0.75)",
+};
+var BorderWidthTokens = {
+  "border-width-none": "0",
+  "border-width-hairline": "1px",
+  "border-width-thin": "2px",
+  "border-width-base": "4px",
+  "border-width-thick": "6px",
+  "border-width-heavy": "12px",
+  "border-width-unset": "unset",
+};
+var BrandTokens = {
+  "color-brand-50": "oklch(0.94  0.07  255)",
+  "color-brand-100": "oklch(0.86  0.10  255)",
+  "color-brand-200": "oklch(0.78  0.12  255)",
+  "color-brand-300": "oklch(0.67  0.15  255)",
+  "color-brand-400": "oklch(0.56  0.18  255)",
+  "color-brand-500": "oklch(0.46  0.20  255)",
+  "color-brand-600": "oklch(0.38  0.18  255)",
+  "color-brand-700": "oklch(0.30  0.17  255)",
+  "color-brand-800": "oklch(0.24  0.15  255)",
+  "color-brand-900": "oklch(0.18  0.12  255)",
+};
+var BreakpointTokens = {
+  "breakpoint-md": "768px",
+};
+var DangerTokens = {
+  "color-danger-100": "oklch(0.93 0.06 25)",
+  "color-danger-300": "oklch(0.78 0.12 25)",
+  "color-danger-500": "oklch(0.46 0.22 25)",
+  "color-danger-700": "oklch(0.30 0.18 25)",
+  "color-danger-900": "oklch(0.18 0.12 25)",
+};
+var FontFamilyTokens = {
+  "font-family-sans": "system-ui, sans-serif",
+  "font-family-serif": "Georgia, serif",
+  "font-family-mono": '"SFMono-Regular", monospace',
+};
+var FontSizeTokens = {
+  "font-size-xs": "0.75rem",
+  "font-size-sm": "0.875rem",
+  "font-size-base": "1rem",
+  "font-size-lg": "1.125rem",
+  "font-size-xl": "1.25rem",
+  "font-size-2xl": "1.5rem",
+  "font-size-3xl": "1.875rem",
+  "font-size-4xl": "2.25rem",
+  "font-size-5xl": "3rem",
+};
+var FontWeightTokens = {
+  "font-weight-light": "300",
+  "font-weight-regular": "400",
+  "font-weight-medium": "500",
+  "font-weight-bold": "700",
+  "font-weight-black": "900",
+  "font-weight-unset": "unset",
+};
+var GrayscaleTokens = {
+  "color-neutral-0": "oklch(0.98  0.01  275)",
+  "color-neutral-50": "oklch(0.95  0.01  275)",
+  "color-neutral-100": "oklch(0.90  0.01  275)",
+  "color-neutral-200": "oklch(0.82  0.01  275)",
+  "color-neutral-300": "oklch(0.72  0.01  275)",
+  "color-neutral-400": "oklch(0.60  0.01  275)",
+  "color-neutral-500": "oklch(0.49  0.01  275)",
+  "color-neutral-600": "oklch(0.38  0.01  275)",
+  "color-neutral-700": "oklch(0.27  0.01  275)",
+  "color-neutral-800": "oklch(0.18  0.01  275)",
+  "color-neutral-900": "oklch(0.12  0.01  275)",
+};
+var LetterSpacingTokens = {
+  "letter-spacing-tight": "-0.01em",
+  "letter-spacing-normal": "0em",
+  "letter-spacing-wide": "0.025em",
+  "letter-spacing-wider": "0.05em",
+  "letter-spacing-widest": "0.1em",
+  "letter-spacing-unset": "unset",
+};
+var LineHeightTokens = {
+  "line-height-none": "1",
+  "line-height-tight": "1.25",
+  "line-height-base": "1.5",
+  "line-height-loose": "1.65",
+  "line-height-display": "1.1",
+  "line-height-unset": "unset",
+};
+var OpacityTokens = {
+  "opacity-high": "0.8",
+  "opacity-medium": "0.5",
+  "opacity-low": "0.2",
+};
+var PositiveTokens = {
+  "color-positive-100": "oklch(0.93 0.06 145)",
+  "color-positive-300": "oklch(0.78 0.11 145)",
+  "color-positive-500": "oklch(0.46 0.18 145)",
+  "color-positive-700": "oklch(0.30 0.15 145)",
+  "color-positive-900": "oklch(0.18 0.12 145)",
+};
+var RadiusTokens = {
+  "radius-none": "0",
+  "radius-xs": "2px",
+  "radius-sm": "4px",
+  "radius-md": "8px",
+  "radius-lg": "12px",
+  "radius-xl": "16px",
+  "radius-pill": "9999px",
+  "radius-circle": "50%",
+  "radius-unset": "unset",
+};
+var ShadowTokens = {
+  "shadow-none": "none",
+  "shadow-xs": "0 1px 2px 0 rgba(0 0 0 / 0.03)",
+  "shadow-sm": "0 1px 3px 0 rgba(0 0 0 / 0.05), 0 1px 2px -1px rgba(0 0 0 / 0.05)",
+  "shadow-md": "0 4px 6px -1px rgba(0 0 0 / 0.06), 0 2px 4px -2px rgba(0 0 0 / 0.05)",
+  "shadow-lg": "0 10px 15px -3px rgba(0 0 0 / 0.07), 0 4px 6px -4px rgba(0 0 0 / 0.06)",
+  "shadow-xl": "0 20px 25px -5px rgba(0 0 0 / 0.08), 0 8px 10px -6px rgba(0 0 0 / 0.07)",
+  "shadow-inner": "inset 0 2px 4px 0 rgba(0 0 0 / 0.06)",
+  "shadow-unset": "unset",
+};
+var SpacingTokens = {
+  "spacing-0": "0rem",
+  "spacing-0-5": "0.125rem",
+  "spacing-1": "0.25rem",
+  "spacing-1-5": "0.375rem",
+  "spacing-2": "0.5rem",
+  "spacing-2-5": "0.625rem",
+  "spacing-3": "0.75rem",
+  "spacing-4": "1rem",
+  "spacing-5": "1.25rem",
+  "spacing-6": "1.5rem",
+  "spacing-8": "2rem",
+  "spacing-12": "3rem",
+  "spacing-16": "4rem",
+  "spacing-auto": "auto",
+};
+var WarningTokens = {
+  "color-warning-100": "oklch(0.97 0.06 85)",
+  "color-warning-300": "oklch(0.86 0.12 85)",
+  "color-warning-500": "oklch(0.67 0.20 85)",
+  "color-warning-700": "oklch(0.46 0.18 85)",
+  "color-warning-900": "oklch(0.30 0.14 85)",
+};
+var ZIndexTokens = {
+  "z-index-negative": "-1",
+  "z-index-0": "0",
+  "z-index-1": "1",
+  "z-index-2": "2",
+  "z-index-3": "3",
+};
+export {
+  ZIndexTokens,
+  WarningTokens,
+  SpacingTokens,
+  ShadowTokens,
+  RadiusTokens,
+  PositiveTokens,
+  OpacityTokens,
+  LineHeightTokens,
+  LetterSpacingTokens,
+  GrayscaleTokens,
+  FontWeightTokens,
+  FontSizeTokens,
+  FontFamilyTokens,
+  DangerTokens,
+  BreakpointTokens,
+  BrandTokens,
+  BorderWidthTokens,
+  BackdropsTokens,
+};

package/package.json

@@ -1,9 +1,7 @@
 {
   "name": "@bgord/design",
-  "version": "0.29.4",
+  "version": "0.29.5",
   "author": "Bartosz Gordon",
-  "main": "dist/index.js",
-  "module": "dist/bgord-design.esm.js",
   "devDependencies": {
     "@biomejs/biome": "2.0.6",
     "@commitlint/cli": "19.8.1",
@@ -24,25 +22,27 @@
     "shellcheck": "3.1.0",
     "typescript": "5.8.3"
   },
-  "files": [
-    "dist",
-    "src"
-  ],
+  "dependencies": {
+    "culori": "^4.0.2",
+    "lodash": "4.17.21"
+  },
   "license": "MIT",
   "scripts": {
-    "v1-build": "bun build src/index.ts --format esm --outdir dist",
-    "build": "bun build src/v2/index.ts --format esm --outdir dist/v2",
-    "postbuild": "bash scripts/v2-prepare-css-files.sh",
-    "prepublish": "bash scripts/v2-prepare-css-files.sh",
+    "build": "bun build src/index.ts --format esm --outdir dist",
+    "postbuild": "bash scripts/prepare-css-files.sh",
+    "prepublish": "bash scripts/prepare-css-files.sh",
     "preinstall": "bunx only-allow bun"
   },
-  "types": "./dist/v2/index.d.ts",
+  "main": "./dist/lib.js",
+  "types": "./dist/index.d.ts",
   "exports": {
-    "import": "./dist/index.js",
-    "types": "./dist/v2/index.d.ts"
+    ".": {
+      "import": "./dist/lib.js",
+      "require": "./dist/lib.js",
+      "types": "./dist/index.d.ts"
+    }
   },
-  "dependencies": {
-    "culori": "^4.0.2",
-    "lodash": "4.17.21"
-  }
+  "files": [
+    "dist/**/*"
+  ]
 }

package/dist/v2/index.d.ts

@@ -1,6 +0,0 @@
-
-      export {};
-
-      import "react";
-      declare module "react" { interface HTMLAttributes<T> {
-    "data-fs"?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";}}

package/src/animations/grow-fade-in.css

@@ -1,19 +0,0 @@
-/* grow-fade-in animation */
-
-@keyframes grow-fade-in {
-  from {
-    opacity: 0.5;
-    scale: 0.9;
-  }
-
-  to {
-    opacity: 1;
-    scale: 1;
-  }
-}
-
-[data-animation="grow-fade-in"] {
-  animation: grow-fade-in 140ms ease forwards;
-}
-
-/* ===================== */