@nation-a/ui 0.2.1 → 0.4.0

package/dist/types/theme/tokens/radii.d.ts

@@ -0,0 +1,32 @@
+export declare const radii: {
+    none: {
+        value: string;
+    };
+    '2xs': {
+        value: string;
+    };
+    xs: {
+        value: string;
+    };
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+    '2xl': {
+        value: string;
+    };
+    '3xl': {
+        value: string;
+    };
+    full: {
+        value: string;
+    };
+};

package/dist/types/theme/tokens/sizes.d.ts

@@ -0,0 +1,158 @@
+export declare const sizes: {
+    full: {
+        value: string;
+    };
+    min: {
+        value: string;
+    };
+    max: {
+        value: string;
+    };
+    fit: {
+        value: string;
+    };
+    '2xs': {
+        value: string;
+    };
+    xs: {
+        value: string;
+    };
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+    '2xl': {
+        value: string;
+    };
+    '3xl': {
+        value: string;
+    };
+    '4xl': {
+        value: string;
+    };
+    '5xl': {
+        value: string;
+    };
+    '6xl': {
+        value: string;
+    };
+    '7xl': {
+        value: string;
+    };
+    '8xl': {
+        value: string;
+    };
+    0: {
+        value: string;
+    };
+    0.5: {
+        value: string;
+    };
+    1: {
+        value: string;
+    };
+    1.5: {
+        value: string;
+    };
+    2: {
+        value: string;
+    };
+    2.5: {
+        value: string;
+    };
+    3: {
+        value: string;
+    };
+    3.5: {
+        value: string;
+    };
+    4: {
+        value: string;
+    };
+    4.5: {
+        value: string;
+    };
+    5: {
+        value: string;
+    };
+    6: {
+        value: string;
+    };
+    7: {
+        value: string;
+    };
+    8: {
+        value: string;
+    };
+    9: {
+        value: string;
+    };
+    10: {
+        value: string;
+    };
+    11: {
+        value: string;
+    };
+    12: {
+        value: string;
+    };
+    14: {
+        value: string;
+    };
+    16: {
+        value: string;
+    };
+    20: {
+        value: string;
+    };
+    24: {
+        value: string;
+    };
+    28: {
+        value: string;
+    };
+    32: {
+        value: string;
+    };
+    36: {
+        value: string;
+    };
+    40: {
+        value: string;
+    };
+    44: {
+        value: string;
+    };
+    48: {
+        value: string;
+    };
+    52: {
+        value: string;
+    };
+    56: {
+        value: string;
+    };
+    60: {
+        value: string;
+    };
+    64: {
+        value: string;
+    };
+    72: {
+        value: string;
+    };
+    80: {
+        value: string;
+    };
+    96: {
+        value: string;
+    };
+};

package/dist/types/theme/tokens/spacing.d.ts

@@ -0,0 +1,107 @@
+export declare const spacing: {
+    0: {
+        value: string;
+    };
+    0.5: {
+        value: string;
+    };
+    1: {
+        value: string;
+    };
+    1.5: {
+        value: string;
+    };
+    2: {
+        value: string;
+    };
+    2.5: {
+        value: string;
+    };
+    3: {
+        value: string;
+    };
+    3.5: {
+        value: string;
+    };
+    4: {
+        value: string;
+    };
+    4.5: {
+        value: string;
+    };
+    5: {
+        value: string;
+    };
+    6: {
+        value: string;
+    };
+    7: {
+        value: string;
+    };
+    8: {
+        value: string;
+    };
+    9: {
+        value: string;
+    };
+    10: {
+        value: string;
+    };
+    11: {
+        value: string;
+    };
+    12: {
+        value: string;
+    };
+    14: {
+        value: string;
+    };
+    16: {
+        value: string;
+    };
+    20: {
+        value: string;
+    };
+    24: {
+        value: string;
+    };
+    28: {
+        value: string;
+    };
+    32: {
+        value: string;
+    };
+    36: {
+        value: string;
+    };
+    40: {
+        value: string;
+    };
+    44: {
+        value: string;
+    };
+    48: {
+        value: string;
+    };
+    52: {
+        value: string;
+    };
+    56: {
+        value: string;
+    };
+    60: {
+        value: string;
+    };
+    64: {
+        value: string;
+    };
+    72: {
+        value: string;
+    };
+    80: {
+        value: string;
+    };
+    96: {
+        value: string;
+    };
+};

package/dist/types/theme/tokens/typography.d.ts

@@ -0,0 +1,121 @@
+export declare const fontSizes: {
+    '2xs': {
+        value: string;
+    };
+    xs: {
+        value: string;
+    };
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+    '2xl': {
+        value: string;
+    };
+    '3xl': {
+        value: string;
+    };
+    '4xl': {
+        value: string;
+    };
+    '5xl': {
+        value: string;
+    };
+    '6xl': {
+        value: string;
+    };
+    '7xl': {
+        value: string;
+    };
+    '8xl': {
+        value: string;
+    };
+    '9xl': {
+        value: string;
+    };
+};
+export declare const fontWeights: {
+    thin: {
+        value: string;
+    };
+    extralight: {
+        value: string;
+    };
+    light: {
+        value: string;
+    };
+    normal: {
+        value: string;
+    };
+    medium: {
+        value: string;
+    };
+    semibold: {
+        value: string;
+    };
+    bold: {
+        value: string;
+    };
+    extrabold: {
+        value: string;
+    };
+    black: {
+        value: string;
+    };
+};
+export declare const letterSpacings: {
+    tighter: {
+        value: string;
+    };
+    tight: {
+        value: string;
+    };
+    normal: {
+        value: string;
+    };
+    wide: {
+        value: string;
+    };
+    wider: {
+        value: string;
+    };
+    widest: {
+        value: string;
+    };
+};
+export declare const lineHeights: {
+    none: {
+        value: string;
+    };
+    tight: {
+        value: string;
+    };
+    normal: {
+        value: string;
+    };
+    relaxed: {
+        value: string;
+    };
+    loose: {
+        value: string;
+    };
+};
+export declare const fonts: {
+    sans: {
+        value: string[];
+    };
+    serif: {
+        value: string[];
+    };
+    mono: {
+        value: string[];
+    };
+};

package/dist/types/theme/tokens/z-index.d.ts

@@ -0,0 +1,38 @@
+export declare const zIndex: {
+    hide: {
+        value: number;
+    };
+    base: {
+        value: number;
+    };
+    docked: {
+        value: number;
+    };
+    dropdown: {
+        value: number;
+    };
+    sticky: {
+        value: number;
+    };
+    banner: {
+        value: number;
+    };
+    overlay: {
+        value: number;
+    };
+    modal: {
+        value: number;
+    };
+    popover: {
+        value: number;
+    };
+    skipLink: {
+        value: number;
+    };
+    toast: {
+        value: number;
+    };
+    tooltip: {
+        value: number;
+    };
+};

package/dist/types/utils/create-style-context.d.ts

@@ -0,0 +1,20 @@
+import { ElementType, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
+type Props = Record<string, unknown>;
+type Recipe = {
+    (props?: Props): Props;
+    splitVariantProps: (props: Props) => [Props, Props];
+};
+type Slot<R extends Recipe> = keyof ReturnType<R>;
+type Options = {
+    forwardProps?: string[];
+};
+export declare const createStyleContext: <R extends Recipe>(recipe: R) => {
+    withRootProvider: <P extends {}>(Component: ElementType) => (props: P) => import("react/jsx-runtime").JSX.Element;
+    withProvider: <T, P extends {
+        className?: string | undefined;
+    }>(Component: ElementType, slot: Slot<R>, options?: Options) => ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
+    withContext: <T, P_1 extends {
+        className?: string | undefined;
+    }>(Component: ElementType, slot: Slot<R>) => ForwardRefExoticComponent<PropsWithoutRef<P_1> & RefAttributes<T>>;
+};
+export {};

package/dist/types/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@nation-a/ui",
-  "version": "0.2.1",
+  "version": "0.4.0",
   "type": "module",
-  "main": "./dist/cjs/index.cjs",
-  "module": "./dist/esm/index.mjs",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
   "files": [
     "dist"
@@ -12,13 +12,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.13.0",
-    "next-themes": "^0.4.6",
-    "react-icons": "^5.5.0",
-    "@nation-a/tokens": "0.1.1"
+    "@ark-ui/react": "^5.1.0",
+    "@nation-a/tokens": "0.2.0"
   },
   "devDependencies": {
-    "@chakra-ui/cli": "^3.13.0",
+    "@pandacss/dev": "^0.53.1",
+    "@types/node": "^22.13.10",
     "@types/react": "^18.3",
     "@types/react-dom": "^18.3",
     "@typescript-eslint/eslint-plugin": "^5.59.7",
@@ -27,27 +26,59 @@
     "eslint": "^8.40.0",
     "typescript": "^5.7.3",
     "vite": "^6.0.11",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-static-copy": "^2.3.0",
     "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
     "react": "^18",
     "react-dom": "^18"
   },
+  "peerDependenciesMeta": {
+    "@pandacss/dev": {
+      "optional": true
+    }
+  },
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "require": "./dist/cjs/index.cjs",
-      "import": "./dist/esm/index.mjs"
-    }
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.js"
+    },
+    "./css": {
+      "types": "./dist/styled-system/css/index.d.ts",
+      "require": "./dist/styled-system/css/index.mjs",
+      "import": "./dist/styled-system/css/index.mjs"
+    },
+    "./tokens": {
+      "types": "./dist/styled-system/tokens/index.d.ts",
+      "require": "./dist/styled-system/tokens/index.mjs",
+      "import": "./dist/styled-system/tokens/index.mjs"
+    },
+    "./types": {
+      "types": "./dist/styled-system/types/index.d.ts",
+      "require": "./dist/styled-system/types/index.mjs",
+      "import": "./dist/styled-system/types/index.mjs"
+    },
+    "./patterns": {
+      "types": "./dist/styled-system/patterns/index.d.ts",
+      "require": "./dist/styled-system/patterns/index.mjs",
+      "import": "./dist/styled-system/patterns/index.mjs"
+    },
+    "./jsx": {
+      "types": "./dist/styled-system/jsx/index.d.ts",
+      "require": "./dist/styled-system/jsx/index.mjs",
+      "import": "./dist/styled-system/jsx/index.mjs"
+    },
+    "./styles.css": "./dist/styled-system/styles.css"
   },
   "scripts": {
+    "prebuild": "pnpm panda",
     "build": "tsc && vite build",
-    "dev": "vite",
     "clean": "rm -rf dist",
     "lint": "eslint src --ext ts,tsx",
     "typecheck": "tsc --noEmit",
-    "typegen": "chakra-ui typegen src/theme.ts",
-    "typegen:watch": "chakra-ui typegen src/theme.ts --watch"
+    "panda": "panda codegen && panda"
   }
 }