@adsgency_npm/adsgency-ads-ui 0.1.0-alpha.1

package/dist/tokens/tailwindPreset.d.ts

@@ -0,0 +1,114 @@
+declare const tailwindPreset: {
+    readonly theme: {
+        readonly extend: {
+            readonly backgroundImage: {
+                readonly "brand-gradient": "linear-gradient(to right, var(--brand-gradient-from), var(--brand-gradient-to))";
+            };
+            readonly colors: {
+                readonly background: "var(--background)";
+                readonly foreground: "var(--foreground)";
+                readonly card: {
+                    readonly DEFAULT: "var(--card)";
+                    readonly foreground: "var(--card-foreground)";
+                };
+                readonly popover: {
+                    readonly DEFAULT: "var(--popover)";
+                    readonly foreground: "var(--popover-foreground)";
+                };
+                readonly primary: {
+                    readonly DEFAULT: "var(--primary)";
+                    readonly foreground: "var(--primary-foreground)";
+                };
+                readonly secondary: {
+                    readonly DEFAULT: "var(--secondary)";
+                    readonly foreground: "var(--secondary-foreground)";
+                };
+                readonly muted: {
+                    readonly DEFAULT: "var(--muted)";
+                    readonly foreground: "var(--muted-foreground)";
+                };
+                readonly accent: {
+                    readonly DEFAULT: "var(--accent)";
+                    readonly foreground: "var(--accent-foreground)";
+                };
+                readonly destructive: {
+                    readonly DEFAULT: "var(--destructive)";
+                    readonly foreground: "var(--destructive-foreground)";
+                };
+                readonly input: "var(--input)";
+                readonly ring: "var(--ring)";
+                readonly border: {
+                    readonly DEFAULT: "var(--border)";
+                    readonly muted: "var(--border-muted)";
+                    readonly focus: "var(--color-border-focus)";
+                };
+                readonly icon: {
+                    readonly DEFAULT: "var(--icon)";
+                    readonly muted: "var(--icon-muted)";
+                };
+                readonly label: {
+                    readonly foreground: "var(--label-foreground)";
+                };
+                readonly brand: {
+                    readonly primary: "var(--color-brand-primary)";
+                    readonly "primary-hover": "var(--color-brand-primary-hover)";
+                    readonly secondary: "var(--brand-secondary)";
+                    readonly "secondary-foreground": "var(--brand-secondary-foreground)";
+                };
+                readonly text: {
+                    readonly primary: "var(--color-text-primary)";
+                    readonly secondary: "var(--color-text-secondary)";
+                    readonly muted: "var(--color-text-muted)";
+                    readonly disabled: "var(--color-text-disabled)";
+                    readonly inverse: "var(--color-text-inverse)";
+                };
+                readonly success: {
+                    readonly DEFAULT: "var(--success)";
+                    readonly foreground: "var(--success-foreground)";
+                };
+                readonly warning: {
+                    readonly DEFAULT: "var(--warning)";
+                    readonly foreground: "var(--warning-foreground)";
+                };
+                readonly info: {
+                    readonly DEFAULT: "var(--info)";
+                    readonly foreground: "var(--info-foreground)";
+                };
+            };
+            readonly spacing: {
+                readonly xs: "var(--spacing-xs)";
+                readonly sm: "var(--spacing-sm)";
+                readonly md: "var(--spacing-md)";
+                readonly lg: "var(--spacing-lg)";
+                readonly xl: "var(--spacing-xl)";
+                readonly "2xl": "var(--spacing-2xl)";
+            };
+            readonly borderRadius: {
+                readonly "radius-sm": "var(--radius-sm)";
+                readonly "radius-md": "var(--radius-md)";
+                readonly "radius-lg": "var(--radius-lg)";
+                readonly "radius-xl": "var(--radius-xl)";
+                readonly "radius-full": "var(--radius-full)";
+            };
+            readonly height: {
+                readonly control: "var(--size-control-height)";
+            };
+            readonly minHeight: {
+                readonly control: "var(--size-control-height)";
+            };
+            readonly width: {
+                readonly control: "var(--size-control-height)";
+                readonly modal: "var(--size-modal-width)";
+                readonly sidebar: "var(--size-sidebar-width)";
+            };
+            readonly zIndex: {
+                readonly toolbar: "var(--z-index-toolbar)";
+                readonly overlay: "var(--z-index-overlay)";
+                readonly modal: "var(--z-index-modal)";
+                readonly toast: "var(--z-index-toast)";
+            };
+        };
+    };
+};
+
+export { tailwindPreset as default };

package/dist/tokens/tailwindPreset.js

@@ -0,0 +1,120 @@
+'use client';
+
+// src/tokens/tailwindPreset.ts
+var tailwindPreset = {
+  theme: {
+    extend: {
+      backgroundImage: {
+        "brand-gradient": "linear-gradient(to right, var(--brand-gradient-from), var(--brand-gradient-to))"
+      },
+      colors: {
+        background: "var(--background)",
+        foreground: "var(--foreground)",
+        card: {
+          DEFAULT: "var(--card)",
+          foreground: "var(--card-foreground)"
+        },
+        popover: {
+          DEFAULT: "var(--popover)",
+          foreground: "var(--popover-foreground)"
+        },
+        primary: {
+          DEFAULT: "var(--primary)",
+          foreground: "var(--primary-foreground)"
+        },
+        secondary: {
+          DEFAULT: "var(--secondary)",
+          foreground: "var(--secondary-foreground)"
+        },
+        muted: {
+          DEFAULT: "var(--muted)",
+          foreground: "var(--muted-foreground)"
+        },
+        accent: {
+          DEFAULT: "var(--accent)",
+          foreground: "var(--accent-foreground)"
+        },
+        destructive: {
+          DEFAULT: "var(--destructive)",
+          foreground: "var(--destructive-foreground)"
+        },
+        input: "var(--input)",
+        ring: "var(--ring)",
+        border: {
+          DEFAULT: "var(--border)",
+          muted: "var(--border-muted)",
+          focus: "var(--color-border-focus)"
+        },
+        icon: {
+          DEFAULT: "var(--icon)",
+          muted: "var(--icon-muted)"
+        },
+        label: {
+          foreground: "var(--label-foreground)"
+        },
+        brand: {
+          primary: "var(--color-brand-primary)",
+          "primary-hover": "var(--color-brand-primary-hover)",
+          secondary: "var(--brand-secondary)",
+          "secondary-foreground": "var(--brand-secondary-foreground)"
+        },
+        text: {
+          primary: "var(--color-text-primary)",
+          secondary: "var(--color-text-secondary)",
+          muted: "var(--color-text-muted)",
+          disabled: "var(--color-text-disabled)",
+          inverse: "var(--color-text-inverse)"
+        },
+        success: {
+          DEFAULT: "var(--success)",
+          foreground: "var(--success-foreground)"
+        },
+        warning: {
+          DEFAULT: "var(--warning)",
+          foreground: "var(--warning-foreground)"
+        },
+        info: {
+          DEFAULT: "var(--info)",
+          foreground: "var(--info-foreground)"
+        }
+      },
+      spacing: {
+        xs: "var(--spacing-xs)",
+        sm: "var(--spacing-sm)",
+        md: "var(--spacing-md)",
+        lg: "var(--spacing-lg)",
+        xl: "var(--spacing-xl)",
+        "2xl": "var(--spacing-2xl)"
+      },
+      borderRadius: {
+        "radius-sm": "var(--radius-sm)",
+        "radius-md": "var(--radius-md)",
+        "radius-lg": "var(--radius-lg)",
+        "radius-xl": "var(--radius-xl)",
+        "radius-full": "var(--radius-full)"
+      },
+      height: {
+        control: "var(--size-control-height)"
+      },
+      minHeight: {
+        control: "var(--size-control-height)"
+      },
+      width: {
+        control: "var(--size-control-height)",
+        modal: "var(--size-modal-width)",
+        sidebar: "var(--size-sidebar-width)"
+      },
+      zIndex: {
+        toolbar: "var(--z-index-toolbar)",
+        overlay: "var(--z-index-overlay)",
+        modal: "var(--z-index-modal)",
+        toast: "var(--z-index-toast)"
+      }
+    }
+  }
+};
+var tailwindPreset_default = tailwindPreset;
+export {
+  tailwindPreset_default as default
+};
+//# sourceMappingURL=tailwindPreset.js.map

package/dist/tokens/tailwindPreset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tokens/tailwindPreset.ts"],"sourcesContent":["const tailwindPreset = {\n  theme: {\n    extend: {\n      backgroundImage: {\n        \"brand-gradient\":\n          \"linear-gradient(to right, var(--brand-gradient-from), var(--brand-gradient-to))\",\n      },\n      colors: {\n        background: \"var(--background)\",\n        foreground: \"var(--foreground)\",\n        card: {\n          DEFAULT: \"var(--card)\",\n          foreground: \"var(--card-foreground)\",\n        },\n        popover: {\n          DEFAULT: \"var(--popover)\",\n          foreground: \"var(--popover-foreground)\",\n        },\n        primary: {\n          DEFAULT: \"var(--primary)\",\n          foreground: \"var(--primary-foreground)\",\n        },\n        secondary: {\n          DEFAULT: \"var(--secondary)\",\n          foreground: \"var(--secondary-foreground)\",\n        },\n        muted: {\n          DEFAULT: \"var(--muted)\",\n          foreground: \"var(--muted-foreground)\",\n        },\n        accent: {\n          DEFAULT: \"var(--accent)\",\n          foreground: \"var(--accent-foreground)\",\n        },\n        destructive: {\n          DEFAULT: \"var(--destructive)\",\n          foreground: \"var(--destructive-foreground)\",\n        },\n        input: \"var(--input)\",\n        ring: \"var(--ring)\",\n        border: {\n          DEFAULT: \"var(--border)\",\n          muted: \"var(--border-muted)\",\n          focus: \"var(--color-border-focus)\",\n        },\n        icon: {\n          DEFAULT: \"var(--icon)\",\n          muted: \"var(--icon-muted)\",\n        },\n        label: {\n          foreground: \"var(--label-foreground)\",\n        },\n        brand: {\n          primary: \"var(--color-brand-primary)\",\n          \"primary-hover\": \"var(--color-brand-primary-hover)\",\n          secondary: \"var(--brand-secondary)\",\n          \"secondary-foreground\": \"var(--brand-secondary-foreground)\",\n        },\n        text: {\n          primary: \"var(--color-text-primary)\",\n          secondary: \"var(--color-text-secondary)\",\n          muted: \"var(--color-text-muted)\",\n          disabled: \"var(--color-text-disabled)\",\n          inverse: \"var(--color-text-inverse)\",\n        },\n        success: {\n          DEFAULT: \"var(--success)\",\n          foreground: \"var(--success-foreground)\",\n        },\n        warning: {\n          DEFAULT: \"var(--warning)\",\n          foreground: \"var(--warning-foreground)\",\n        },\n        info: {\n          DEFAULT: \"var(--info)\",\n          foreground: \"var(--info-foreground)\",\n        },\n      },\n      spacing: {\n        xs: \"var(--spacing-xs)\",\n        sm: \"var(--spacing-sm)\",\n        md: \"var(--spacing-md)\",\n        lg: \"var(--spacing-lg)\",\n        xl: \"var(--spacing-xl)\",\n        \"2xl\": \"var(--spacing-2xl)\",\n      },\n      borderRadius: {\n        \"radius-sm\": \"var(--radius-sm)\",\n        \"radius-md\": \"var(--radius-md)\",\n        \"radius-lg\": \"var(--radius-lg)\",\n        \"radius-xl\": \"var(--radius-xl)\",\n        \"radius-full\": \"var(--radius-full)\",\n      },\n      height: {\n        control: \"var(--size-control-height)\",\n      },\n      minHeight: {\n        control: \"var(--size-control-height)\",\n      },\n      width: {\n        control: \"var(--size-control-height)\",\n        modal: \"var(--size-modal-width)\",\n        sidebar: \"var(--size-sidebar-width)\",\n      },\n      zIndex: {\n        toolbar: \"var(--z-index-toolbar)\",\n        overlay: \"var(--z-index-overlay)\",\n        modal: \"var(--z-index-modal)\",\n        toast: \"var(--z-index-toast)\",\n      },\n    },\n  },\n} as const;\n\nexport default tailwindPreset;\n"],"mappings":";;;AAAA,IAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,iBAAiB;AAAA,QACf,kBACE;AAAA,MACJ;AAAA,MACA,QAAQ;AAAA,QACN,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,aAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,QACP,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,OAAO;AAAA,UACP,OAAO;AAAA,QACT;AAAA,QACA,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,WAAW;AAAA,UACX,wBAAwB;AAAA,QAC1B;AAAA,QACA,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,WAAW;AAAA,UACX,OAAO;AAAA,UACP,UAAU;AAAA,UACV,SAAS;AAAA,QACX;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,MACF;AAAA,MACA,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,MACA,cAAc;AAAA,QACZ,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,eAAe;AAAA,MACjB;AAAA,MACA,QAAQ;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,OAAO;AAAA,QACP,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,yBAAQ;","names":[]}

package/package.json

@@ -0,0 +1,112 @@
+{
+  "name": "@adsgency_npm/adsgency-ads-ui",
+  "version": "0.1.0-alpha.1",
+  "description": "AdsGency Ads Design System React component library.",
+  "private": false,
+  "type": "module",
+  "sideEffects": [
+    "./dist/styles/*.css"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles.css": "./dist/styles/tokens.css",
+    "./tailwind-preset": {
+      "types": "./dist/tokens/tailwindPreset.d.ts",
+      "import": "./dist/tokens/tailwindPreset.js",
+      "require": "./dist/tokens/tailwindPreset.cjs"
+    },
+    "./tokens": {
+      "types": "./dist/tokens/designTokens.d.ts",
+      "import": "./dist/tokens/designTokens.js",
+      "require": "./dist/tokens/designTokens.cjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup && node scripts/copy-assets.mjs",
+    "dev": "tsup --watch",
+    "demo": "vite --config examples/playground/vite.config.ts --host 127.0.0.1 --port 4173",
+    "demo:full": "pnpm build && pnpm demo",
+    "demo:build": "pnpm build && vite build --config examples/playground/vite.config.ts",
+    "demo:typecheck": "tsc --noEmit -p examples/playground/tsconfig.json",
+    "verify:hygiene": "node scripts/verify-hygiene.mjs",
+    "verify:tokens": "node scripts/verify-tokens.mjs",
+    "verify:package": "node scripts/verify-package.mjs",
+    "lint": "eslint src tests --max-warnings=0 && pnpm verify:hygiene && pnpm verify:tokens",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "pack:dry": "pnpm build && npm pack --dry-run",
+    "verify": "pnpm lint && pnpm typecheck && pnpm test && pnpm demo:typecheck && pnpm build && pnpm verify:package",
+    "prepublishOnly": "pnpm verify"
+  },
+  "peerDependencies": {
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0",
+    "tailwindcss": ">=3.3.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.16",
+    "@radix-ui/react-checkbox": "^1.3.4",
+    "@radix-ui/react-dialog": "^1.1.16",
+    "@radix-ui/react-label": "^2.1.9",
+    "@radix-ui/react-popover": "^1.1.16",
+    "@radix-ui/react-progress": "^1.1.9",
+    "@radix-ui/react-radio-group": "^1.4.0",
+    "@radix-ui/react-select": "^2.3.0",
+    "@radix-ui/react-separator": "^1.1.9",
+    "@radix-ui/react-slider": "^1.4.0",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.3.0",
+    "@radix-ui/react-tabs": "^1.1.14",
+    "@radix-ui/react-toggle": "^1.1.11",
+    "@radix-ui/react-toggle-group": "^1.1.12",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.525.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.3.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.29.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^22.15.33",
+    "@types/react": "^18.3.23",
+    "@types/react-dom": "^18.3.7",
+    "@vitejs/plugin-react": "^5.0.0",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^9.29.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "globals": "^16.2.0",
+    "jsdom": "^26.1.0",
+    "postcss": "^8.5.6",
+    "prettier": "^3.6.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tailwindcss": "3.4.17",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.35.1",
+    "vite": "^7.3.5",
+    "vitest": "^3.2.4"
+  }
+}