haze-ui 0.0.0

package/dist/index.js

@@ -0,0 +1,27 @@
+import { darkTheme as e, lightTheme as t } from "./tokens/colors.js";
+import { spacing as n } from "./tokens/spacing.js";
+import { typography as r } from "./tokens/typography.js";
+import i from "./components/Button/Button.js";
+import a from "./components/Input/Input.js";
+import o from "./components/Select/Select.js";
+import s from "./components/Select/Option.js";
+import c from "./components/Checkbox/Checkbox.js";
+import l from "./components/Switch/Switch.js";
+import u from "./components/Badge/Badge.js";
+import d from "./components/Dialog/Dialog.js";
+import f from "./components/Tooltip/Tooltip.js";
+import p from "./components/Popover/Popover.js";
+import m from "./components/Card/Card.js";
+import h from "./components/Radio/Radio.js";
+import g from "./components/Radio/RadioGroup.js";
+import _ from "./components/Textarea/Textarea.js";
+import v from "./components/Slider/Slider.js";
+import y from "./components/Tabs/Tabs.js";
+import b from "./components/Tabs/TabList.js";
+import x from "./components/Tabs/Tab.js";
+import S from "./components/Tabs/TabPanel.js";
+import C from "./components/Accordion/Accordion.js";
+import w from "./components/Accordion/AccordionItem.js";
+import T from "./components/Alert/Alert.js";
+import { controlEqual as E, useControl as D } from "react-use-control";
+export { C as Accordion, w as AccordionItem, T as Alert, u as Badge, i as Button, m as Card, c as Checkbox, d as Dialog, a as Input, s as Option, p as Popover, h as Radio, g as RadioGroup, o as Select, v as Slider, l as Switch, x as Tab, b as TabList, S as TabPanel, y as Tabs, _ as Textarea, f as Tooltip, E as controlEqual, e as darkTheme, t as lightTheme, n as spacing, r as typography, D as useControl };

package/dist/tokens/colors.js

@@ -0,0 +1,5 @@
+/* empty css                 */
+//#region src/lib/tokens/colors.ts
+var e = "l677mhi", t = "dves5ff";
+//#endregion
+export { t as darkTheme, e as lightTheme };

package/dist/tokens/spacing.js

@@ -0,0 +1,5 @@
+/* empty css                  */
+//#region src/lib/tokens/spacing.ts
+var e = "s413e2t";
+//#endregion
+export { e as spacing };

package/dist/tokens/typography.js

@@ -0,0 +1,5 @@
+/* empty css                     */
+//#region src/lib/tokens/typography.ts
+var e = "tjcr6l1";
+//#endregion
+export { e as typography };

package/dist/types/components/Accordion/Accordion.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+type AccordionProps = {
+    exclusive?: boolean;
+    className?: string;
+    children: ReactNode;
+};
+export default function Accordion({ className, children, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export type { AccordionProps };

package/dist/types/components/Accordion/AccordionItem.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+type AccordionItemProps = {
+    title: ReactNode;
+    className?: string;
+    children: ReactNode;
+};
+export default function AccordionItem({ title, className, children, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+export type { AccordionItemProps };

package/dist/types/components/Accordion/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Accordion } from './Accordion';
+export type { AccordionProps } from './Accordion';
+export { default as AccordionItem } from './AccordionItem';
+export type { AccordionItemProps } from './AccordionItem';

package/dist/types/components/Alert/Alert.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+type AlertProps = {
+    variant?: 'info' | 'success' | 'warning' | 'danger';
+    closable?: boolean;
+    className?: string;
+    children: ReactNode;
+};
+export default function Alert({ variant, closable, className, children, }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
+export type { AlertProps };

package/dist/types/components/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Alert } from './Alert';
+export type { AlertProps } from './Alert';

package/dist/types/components/Badge/Badge.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+type BadgeProps = {
+    variant?: 'default' | 'success' | 'warning' | 'danger' | 'info';
+    size?: 'sm' | 'md';
+    className?: string;
+    children: ReactNode;
+};
+export default function Badge({ variant, size, className, children, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export type { BadgeProps };

package/dist/types/components/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Badge } from './Badge';
+export type { BadgeProps } from './Badge';

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

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithoutRef } from 'react';
+type ButtonProps = {
+    variant?: 'solid' | 'outline' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+} & Omit<ComponentPropsWithoutRef<'button'>, 'type'>;
+export default function Button({ variant, size, className, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export type { ButtonProps };

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

@@ -0,0 +1,2 @@
+export { default as Button } from './Button';
+export type { ButtonProps } from './Button';

package/dist/types/components/Card/Card.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+type CardProps = {
+    variant?: 'elevated' | 'outlined' | 'filled';
+    className?: string;
+    children: ReactNode;
+};
+export default function Card({ variant, className, children, }: CardProps): import("react/jsx-runtime").JSX.Element;
+export type { CardProps };

package/dist/types/components/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Card } from './Card';
+export type { CardProps } from './Card';

package/dist/types/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import type { Control } from 'react-use-control';
+type CheckboxProps = {
+    checked?: Control<boolean> | boolean;
+} & Omit<ComponentPropsWithoutRef<'input'>, 'checked' | 'type'>;
+export default function Checkbox({ checked: checkedControl, className, onChange, ...rest }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export type { CheckboxProps };

package/dist/types/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';

package/dist/types/components/Dialog/Dialog.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { Control } from 'react-use-control';
+type DialogProps = {
+    open?: Control<boolean> | boolean;
+    onClose?: () => void;
+    className?: string;
+    children: ReactNode;
+};
+export default function Dialog({ open: openControl, onClose, className, children, }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export type { DialogProps };

package/dist/types/components/Dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Dialog } from './Dialog';
+export type { DialogProps } from './Dialog';

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

@@ -0,0 +1,8 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import type { Control } from 'react-use-control';
+type InputProps = {
+    value?: Control<string> | string;
+    size?: 'sm' | 'md' | 'lg';
+} & Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'size'>;
+export default function Input({ value: valueControl, size, className, onChange, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
+export type { InputProps };

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

@@ -0,0 +1,2 @@
+export { default as Input } from './Input';
+export type { InputProps } from './Input';

package/dist/types/components/Popover/Popover.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { Control } from 'react-use-control';
+type PopoverProps = {
+    content: ReactNode;
+    open?: Control<boolean> | boolean;
+    className?: string;
+    children: ReactNode;
+};
+export default function Popover({ content, open: openControl, className, children, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+export type { PopoverProps };

package/dist/types/components/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Popover } from './Popover';
+export type { PopoverProps } from './Popover';

package/dist/types/components/Radio/Radio.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentPropsWithoutRef } from 'react';
+type RadioProps = {
+    value: string;
+} & Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'value' | 'name' | 'checked' | 'onChange'>;
+export default function Radio({ value, className, children, ...rest }: RadioProps & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export type { RadioProps };

package/dist/types/components/Radio/RadioContext.d.ts

@@ -0,0 +1,9 @@
+import type { Dispatch, SetStateAction } from 'react';
+type RadioContextValue = {
+    name: string;
+    value: string;
+    setValue: Dispatch<SetStateAction<string>>;
+};
+export declare const RadioProvider: import("react").Provider<RadioContextValue | undefined>;
+export declare function useRadioContext(): RadioContextValue | undefined;
+export {};

package/dist/types/components/Radio/RadioGroup.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { Control } from 'react-use-control';
+type RadioGroupProps = {
+    value?: Control<string> | string;
+    name?: string;
+    className?: string;
+    children: ReactNode;
+};
+export default function RadioGroup({ value: valueControl, name, className, children, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export type { RadioGroupProps };

package/dist/types/components/Radio/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Radio } from './Radio';
+export type { RadioProps } from './Radio';
+export { default as RadioGroup } from './RadioGroup';
+export type { RadioGroupProps } from './RadioGroup';

package/dist/types/components/Select/Option.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+type OptionProps = {
+    value: string;
+    children: ReactNode;
+} & Omit<ComponentPropsWithoutRef<'option'>, 'value'>;
+export default function Option({ value, children, ...rest }: OptionProps): import("react/jsx-runtime").JSX.Element;
+export type { OptionProps };

package/dist/types/components/Select/Select.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import type { Control } from 'react-use-control';
+type SelectProps = {
+    value?: Control<string> | string;
+    size?: 'sm' | 'md' | 'lg';
+    children: ReactNode;
+} & Omit<ComponentPropsWithoutRef<'select'>, 'value' | 'size'>;
+export default function Select({ value: valueControl, size, className, children, onChange, ...rest }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export type { SelectProps };

package/dist/types/components/Select/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Select } from './Select';
+export type { SelectProps } from './Select';
+export { default as Option } from './Option';
+export type { OptionProps } from './Option';

package/dist/types/components/Slider/Slider.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import type { Control } from 'react-use-control';
+type SliderProps = {
+    value?: Control<number> | number;
+} & Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'value'>;
+export default function Slider({ value: valueControl, className, onChange, ...rest }: SliderProps): import("react/jsx-runtime").JSX.Element;
+export type { SliderProps };

package/dist/types/components/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Slider } from './Slider';
+export type { SliderProps } from './Slider';

package/dist/types/components/Switch/Switch.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import type { Control } from 'react-use-control';
+type SwitchProps = {
+    checked?: Control<boolean> | boolean;
+    size?: 'sm' | 'md' | 'lg';
+} & Omit<ComponentPropsWithoutRef<'button'>, 'type' | 'checked'>;
+export default function Switch({ checked: checkedControl, size, className, onClick, ...rest }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export type { SwitchProps };

package/dist/types/components/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Switch } from './Switch';
+export type { SwitchProps } from './Switch';

package/dist/types/components/Tabs/Tab.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+type TabProps = {
+    value: string;
+    className?: string;
+    children: ReactNode;
+};
+export default function Tab({ value, className, children }: TabProps): import("react/jsx-runtime").JSX.Element;
+export type { TabProps };

package/dist/types/components/Tabs/TabList.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+type TabListProps = {
+    className?: string;
+    children: ReactNode;
+};
+export default function TabList({ className, children }: TabListProps): import("react/jsx-runtime").JSX.Element;
+export type { TabListProps };

package/dist/types/components/Tabs/TabPanel.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+type TabPanelProps = {
+    value: string;
+    className?: string;
+    children: ReactNode;
+};
+export default function TabPanel({ value, className, children }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
+export type { TabPanelProps };

package/dist/types/components/Tabs/Tabs.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import type { Control } from 'react-use-control';
+type TabsProps = {
+    value?: Control<string> | string;
+    className?: string;
+    children: ReactNode;
+};
+export default function Tabs({ value: valueControl, className, children, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export type { TabsProps };

package/dist/types/components/Tabs/TabsContext.d.ts

@@ -0,0 +1,8 @@
+import type { Dispatch, SetStateAction } from 'react';
+type TabsContextValue = {
+    value: string;
+    setValue: Dispatch<SetStateAction<string>>;
+};
+export declare const TabsProvider: import("react").Provider<TabsContextValue | undefined>;
+export declare function useTabsContext(): TabsContextValue;
+export {};

package/dist/types/components/Tabs/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Tabs } from './Tabs';
+export type { TabsProps } from './Tabs';
+export { default as TabList } from './TabList';
+export type { TabListProps } from './TabList';
+export { default as Tab } from './Tab';
+export type { TabProps } from './Tab';
+export { default as TabPanel } from './TabPanel';
+export type { TabPanelProps } from './TabPanel';

package/dist/types/components/Textarea/Textarea.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import type { Control } from 'react-use-control';
+type TextareaProps = {
+    value?: Control<string> | string;
+    size?: 'sm' | 'md' | 'lg';
+} & Omit<ComponentPropsWithoutRef<'textarea'>, 'value'>;
+export default function Textarea({ value: valueControl, size, className, onChange, ...rest }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+export type { TextareaProps };

package/dist/types/components/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Textarea } from './Textarea';
+export type { TextareaProps } from './Textarea';

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+type TooltipProps = {
+    content: ReactNode;
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    className?: string;
+    children: ReactNode;
+};
+export default function Tooltip({ content, position, className, children, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export type { TooltipProps };

package/dist/types/components/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Tooltip } from './Tooltip';
+export type { TooltipProps } from './Tooltip';

package/dist/types/hooks/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,36 @@
+export { lightTheme, darkTheme } from './tokens/colors';
+export { spacing } from './tokens/spacing';
+export { typography } from './tokens/typography';
+export { Button } from './components/Button';
+export type { ButtonProps } from './components/Button';
+export { Input } from './components/Input';
+export type { InputProps } from './components/Input';
+export { Select, Option } from './components/Select';
+export type { SelectProps, OptionProps } from './components/Select';
+export { Checkbox } from './components/Checkbox';
+export type { CheckboxProps } from './components/Checkbox';
+export { Switch } from './components/Switch';
+export type { SwitchProps } from './components/Switch';
+export { Badge } from './components/Badge';
+export type { BadgeProps } from './components/Badge';
+export { Dialog } from './components/Dialog';
+export type { DialogProps } from './components/Dialog';
+export { Tooltip } from './components/Tooltip';
+export type { TooltipProps } from './components/Tooltip';
+export { Popover } from './components/Popover';
+export type { PopoverProps } from './components/Popover';
+export { Card } from './components/Card';
+export type { CardProps } from './components/Card';
+export { Radio, RadioGroup } from './components/Radio';
+export type { RadioProps, RadioGroupProps } from './components/Radio';
+export { Textarea } from './components/Textarea';
+export type { TextareaProps } from './components/Textarea';
+export { Slider } from './components/Slider';
+export type { SliderProps } from './components/Slider';
+export { Tabs, TabList, Tab, TabPanel } from './components/Tabs';
+export type { TabsProps, TabListProps, TabProps, TabPanelProps } from './components/Tabs';
+export { Accordion, AccordionItem } from './components/Accordion';
+export type { AccordionProps, AccordionItemProps } from './components/Accordion';
+export { Alert } from './components/Alert';
+export type { AlertProps } from './components/Alert';
+export { useControl, controlEqual } from 'react-use-control';

package/dist/types/tokens/colors.d.ts

@@ -0,0 +1,2 @@
+export declare const lightTheme: import("@linaria/core").LinariaClassName;
+export declare const darkTheme: import("@linaria/core").LinariaClassName;

package/dist/types/tokens/index.d.ts

@@ -0,0 +1,3 @@
+export { lightTheme, darkTheme } from './colors';
+export { spacing } from './spacing';
+export { typography } from './typography';

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

@@ -0,0 +1 @@
+export declare const spacing: import("@linaria/core").LinariaClassName;

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

@@ -0,0 +1 @@
+export declare const typography: import("@linaria/core").LinariaClassName;

package/dist/types/utils/index.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,93 @@
+{
+  "name": "haze-ui",
+  "version": "0.0.0",
+  "type": "module",
+  "description": "A React UI component library powered by react-use-control and Linaria",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/ripple-ui.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "scripts": {
+    "start": "vite",
+    "build": "BUILD_LIB=true vite build && tsc -p tsconfig.lib.json && tsc-alias -p tsconfig.lib.json",
+    "build:demo": "BABEL_ENV=development BUILD_DEMO=true vite build",
+    "commit": "lint-staged && git-cz -n",
+    "coverage": "vitest run --coverage",
+    "lint": "eslint --fix src *.js",
+    "deploy": "npm run build:demo && gh-pages -d dist",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "prepublishOnly": "npm run build",
+    "postpublish": "git push --follow-tags && npm run deploy",
+    "serve": "vite preview"
+  },
+  "keywords": [],
+  "author": "wmzy",
+  "license": "ISC",
+  "peerDependencies": {
+    "@linaria/core": "^7.0.0",
+    "react": "^19.0.0"
+  },
+  "dependencies": {
+    "babel-runtime-jsx-plus": "^0.1.5",
+    "react-toolroom": "^0.4.0",
+    "react-use-control": "^1.3.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.2",
+    "@babel/preset-typescript": "^7.28.5",
+    "@faker-js/faker": "^10.3.0",
+    "@for-fun/event-emitter": "^1.0.0",
+    "@linaria/core": "^7.0.0",
+    "@native-router/core": "^1.1.0",
+    "@native-router/react": "^1.1.2",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/node": "^25.5.0",
+    "@types/ramda": "^0.31.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@wyw-in-js/babel-preset": "^1.0.6",
+    "@wyw-in-js/vite": "^1.0.6",
+    "babel-plugin-transform-jsx-class": "^0.1.3",
+    "babel-plugin-transform-jsx-condition": "^0.1.3",
+    "babel-runtime-jsx-plus": "^0.1.5",
+    "commitizen": "^4.3.1",
+    "core-js": "^3.49.0",
+    "date-fns": "^4.1.0",
+    "eslint": "^10.0.3",
+    "eslint-plugin-compat": "^7.0.1",
+    "gh-pages": "^6.3.0",
+    "husky": "^9.1.7",
+    "jsdom": "^29.0.0",
+    "json-schema-faker": "^0.6.0",
+    "lint-staged": "^16.4.0",
+    "prettier": "^3.8.1",
+    "qss": "^3.0.0",
+    "ramda": "^0.32.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-icons": "^5.6.0",
+    "rollup-plugin-type-as-json-schema": "^0.2.6",
+    "terser": "^5.46.1",
+    "tools-config": "^0.2.5",
+    "tsc-alias": "^1.8.16",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.0",
+    "vitest": "^4.1.0"
+  }
+}