@gamecrafters/base-ui 0.0.1

package/build/theme/Theme.types.d.ts

@@ -0,0 +1,22 @@
+import type * as React from "react";
+export type ColorScheme = "light" | "dark";
+export type ColorMode = "day" | "night" | "light" | "dark";
+export type ColorModeWithAuto = ColorMode | "auto";
+export type ThemeProviderProps = {
+    colorMode?: ColorModeWithAuto;
+    dayScheme?: ColorScheme;
+    nightScheme?: ColorScheme;
+    contextOnly?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+};
+export type ThemeContextValue = {
+    colorScheme?: ColorScheme;
+    colorMode?: ColorModeWithAuto;
+    resolvedColorMode?: ColorMode;
+    dayScheme?: ColorScheme;
+    nightScheme?: ColorScheme;
+    setColorMode: React.Dispatch<React.SetStateAction<ColorModeWithAuto>>;
+    setDayScheme: React.Dispatch<React.SetStateAction<ColorScheme>>;
+    setNightScheme: React.Dispatch<React.SetStateAction<ColorScheme>>;
+};

package/build/theme/ThemeContext.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeContextValue } from "./Theme.types";
+export declare const ThemeContext: import("react").Context<ThemeContextValue>;

package/build/theme/ThemeProvider.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { ColorModeWithAuto, ThemeProviderProps } from "./Theme.types";
+export declare const DEFAULT_COLOR_MODE: ColorModeWithAuto;
+declare function ThemeProvider({ children, className, contextOnly, ...props }: ThemeProviderProps): React.JSX.Element;
+declare namespace ThemeProvider {
+    var displayName: string;
+}
+export default ThemeProvider;

package/build/theme/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ThemeProvider, DEFAULT_COLOR_MODE } from "./ThemeProvider";
+export { ThemeContext } from "./ThemeContext";
+export { useTheme, useColorSchemeVar } from "./useTheme";
+export * from "./Theme.types";

package/build/theme/useTheme.d.ts

@@ -0,0 +1,3 @@
+import type { ColorScheme } from "./Theme.types";
+export declare const useTheme: () => import("./Theme.types").ThemeContextValue;
+export declare const useColorSchemeVar: (values: Partial<Record<ColorScheme, string>>, fallback: string) => string;

package/build/types/assets.types.d.ts

@@ -0,0 +1,48 @@
+declare module "*.module.css" {
+    const content: Record<string, string>;
+    export default content;
+}
+declare module "*.svg" {
+    const content: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+    export default content;
+}
+declare module "*.png" {
+    const content: string;
+    export default content;
+}
+declare module "*.jpg" {
+    const content: string;
+    export default content;
+}
+declare module "*.jpeg" {
+    const content: string;
+    export default content;
+}
+declare module "*.gif" {
+    const content: string;
+    export default content;
+}
+declare module "*.webp" {
+    const content: string;
+    export default content;
+}
+declare module "*.ico" {
+    const content: string;
+    export default content;
+}
+declare module "*.ttf" {
+    const content: string;
+    export default content;
+}
+declare module "*.woff" {
+    const content: string;
+    export default content;
+}
+declare module "*.woff2" {
+    const content: string;
+    export default content;
+}
+declare module "*.eot" {
+    const content: string;
+    export default content;
+}

package/build/utilities/classnames.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare const classNames: (...inputs: ClassValue[]) => string;

package/build/utilities/environment.d.ts

@@ -0,0 +1,4 @@
+declare const canUseDOM: boolean;
+declare const reactMajorVersion: number;
+declare const isExperimentalReactVersion: boolean;
+export { canUseDOM, reactMajorVersion, isExperimentalReactVersion };

package/build/utilities/interactive.d.ts

@@ -0,0 +1,2 @@
+export declare const getInteractiveNodes: (node: HTMLElement | null) => HTMLElement[];
+export declare const hasInteractiveNodes: (node: HTMLElement | null) => boolean;

package/build/utilities/polymorphic.d.ts

@@ -0,0 +1,25 @@
+import type * as React from "react";
+import type { ComponentPropsWithRef, ElementType, JSX } from "react";
+import type { SlotMarker } from "./types/slots";
+type Merge<P1 = object, P2 = object> = Omit<P1, keyof P2> & P2;
+type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends ElementType ? ComponentPropsWithRef<E> : never, OwnProps & {
+    as?: E;
+}>>;
+interface ForwardRefComponent<IntrinsicElementString, OwnProps = object> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps>, SlotMarker {
+    <As = IntrinsicElementString>(props: As extends "" ? {
+        as: keyof JSX.IntrinsicElements;
+    } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
+        as: As;
+    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
+        as: As;
+    }> : never): React.ReactElement<any> | null;
+}
+type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : object;
+type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
+export type { ForwardRefComponent, OwnProps, IntrinsicElement, Merge };
+export type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends unknown ? Omit<T, TOmitted> : never;
+export type PolymorphicProps<TAs extends ElementType, TDefaultElement extends ElementType = "div", Props = object> = DistributiveOmit<ComponentPropsWithRef<ElementType extends TAs ? TDefaultElement : TAs> & Props, "as"> & {
+    as?: TAs;
+};
+type FixedForwardRef = <T, P = object>(render: (props: P, ref: React.Ref<T>) => React.ReactNode) => (props: P & React.RefAttributes<T>) => React.ReactNode;
+export declare const fixedForwardRef: FixedForwardRef;

package/build/utilities/responsive.d.ts

@@ -0,0 +1,3 @@
+import type { ResponsiveValue } from "../hooks/useResponsive";
+export declare const getResponsiveAttributes: <T>(property: string, values?: T | ResponsiveValue<T>) => Record<string, T extends boolean ? "" : T> | undefined;
+export declare const getResponsiveControlValues: <T>(value: T, responsiveValue: ResponsiveValue<T>) => T | ResponsiveValue<T>;

package/build/utilities/slot.d.ts

@@ -0,0 +1,3 @@
+import { WithSlotMarker } from "./types/slots";
+export declare const isSlot: (element: unknown, slot: WithSlotMarker<unknown>) => boolean;
+export declare const asSlot: <T>(component: T, slotSource: WithSlotMarker<unknown>) => WithSlotMarker<T>;

package/build/utilities/types/slots.d.ts

@@ -0,0 +1,5 @@
+export interface SlotMarker {
+    __SLOT__?: symbol;
+}
+export type WithSlotMarker<T> = T & SlotMarker;
+export type FCWithSlotMarker<P> = WithSlotMarker<React.FC<P>>;

package/package.json

@@ -0,0 +1,105 @@
+{
+  "name": "@gamecrafters/base-ui",
+  "version": "0.0.1",
+  "description": "",
+  "main": "build/main.cjs.js",
+  "module": "build/main.esm.js",
+  "types": "build/main.d.ts",
+  "files": [
+    "build"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "test": "jest --config tests/jest.config.js",
+    "storybook": "storybook dev -p 9000",
+    "storybook:build": "storybook build",
+    "lint": "npx eslint src tests",
+    "lint:fix": "npm run lint -- --fix",
+    "prettier": "npx prettier src tests --check",
+    "prettier:fix": "npm run prettier -- --write",
+    "format": "npm run lint:fix && npm run prettier:fix",
+    "clean": "rm -rf build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/donaldturinglee/base-ui.git"
+  },
+  "keywords": [
+    "base-ui",
+    "react",
+    "typescript",
+    "rollup",
+    "storybook",
+    "jest"
+  ],
+  "author": "donaldturinglee <donaldturinglee@gmail.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/donaldturinglee/base-ui/issues"
+  },
+  "homepage": "https://github.com/donaldturinglee/base-ui#readme",
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.28.5",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
+    "@eslint/js": "^9.37.0",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.2",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@storybook/addon-a11y": "^10.4.2",
+    "@storybook/addon-docs": "^10.4.2",
+    "@storybook/addon-themes": "^10.4.2",
+    "@storybook/react-vite": "^10.4.2",
+    "@tailwindcss/postcss": "^4.3.2",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@types/d3-scale": "^4.0.9",
+    "@types/d3-shape": "^3.1.8",
+    "@types/jest": "^30.0.0",
+    "@types/jest-axe": "^3.5.9",
+    "@types/react-dom": "^19.2.3",
+    "@types/react-is": "^19.2.0",
+    "@typescript-eslint/eslint-plugin": "^8.46.0",
+    "@typescript-eslint/parser": "^8.46.0",
+    "babel-jest": "^30.2.0",
+    "eslint": "^9.37.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-storybook": "10.4.2",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^30.2.0",
+    "jest-axe": "^10.0.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "jiti": "^2.6.1",
+    "postcss": "^8.5.15",
+    "prettier": "^3.6.2",
+    "rollup": "^4.52.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-visualizer": "^6.0.4",
+    "storybook": "^10.4.2",
+    "tailwindcss": "^4.3.2",
+    "tslib": "^2.8.1",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.46.0",
+    "vite": "^8.1.4"
+  },
+  "dependencies": {
+    "@gamecrafters/base-ui-icons": "^0.0.7",
+    "@oddbird/popover-polyfill": "^0.7.1",
+    "@tanstack/react-virtual": "^3.14.9",
+    "clsx": "^2.1.1",
+    "d3-scale": "^4.0.2",
+    "d3-shape": "^3.2.0",
+    "dayjs": "^1.11.21",
+    "echarts": "^6.1.0",
+    "react-is": "^19.2.8",
+    "tailwind-merge": "^3.6.0"
+  }
+}