@rinzai/zen 0.0.16 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/badge/index.d.ts +9 -10
- package/dist/badge/index.d.ts.map +1 -1
- package/dist/button/index.d.ts +8 -8
- package/dist/button/index.d.ts.map +1 -1
- package/dist/collapse/index.d.ts +1 -2
- package/dist/collapse/index.d.ts.map +1 -1
- package/dist/dropdown/index.d.ts +2 -2
- package/dist/dropdown/index.d.ts.map +1 -1
- package/dist/icons/chevron-down.d.ts +1 -1
- package/dist/icons/chevron-up.d.ts +1 -1
- package/dist/icons/icon.types.d.ts +2 -3
- package/dist/icons/icon.types.d.ts.map +1 -1
- package/dist/icons/search.d.ts +1 -1
- package/dist/icons/x-mark.d.ts +1 -1
- package/dist/index.d.ts +1 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/input/index.d.ts +2 -3
- package/dist/input/index.d.ts.map +1 -1
- package/dist/popover/index.d.ts +1 -2
- package/dist/popover/index.d.ts.map +1 -1
- package/dist/toggle/index.d.ts +2 -2
- package/dist/toggle/index.d.ts.map +1 -1
- package/dist/utils/cva.d.ts +4 -3
- package/dist/utils/cva.d.ts.map +1 -1
- package/dist/utils/cx.d.ts +1 -1
- package/dist/utils/cx.d.ts.map +1 -1
- package/dist/utils/useClickOutside.d.ts +1 -1
- package/dist/utils/useClickOutside.d.ts.map +1 -1
- package/dist/zen/index.d.ts +191 -0
- package/dist/zen/index.d.ts.map +1 -0
- package/dist/zen.css +1 -0
- package/dist/zen.js +2035 -2173
- package/package.json +87 -83
- package/dist/badge/index.stories.d.ts +0 -5
- package/dist/badge/index.stories.d.ts.map +0 -1
- package/dist/button/index.stories.d.ts +0 -4
- package/dist/button/index.stories.d.ts.map +0 -1
- package/dist/collapse/index.stories.d.ts +0 -4
- package/dist/collapse/index.stories.d.ts.map +0 -1
- package/dist/component/index.d.ts +0 -13
- package/dist/component/index.d.ts.map +0 -1
- package/dist/component/index.stories.d.ts +0 -25
- package/dist/component/index.stories.d.ts.map +0 -1
- package/dist/container/index.d.ts +0 -5
- package/dist/container/index.d.ts.map +0 -1
- package/dist/container/index.stories.d.ts +0 -5
- package/dist/container/index.stories.d.ts.map +0 -1
- package/dist/dropdown/index.stories.d.ts +0 -7
- package/dist/dropdown/index.stories.d.ts.map +0 -1
- package/dist/input/index.stories.d.ts +0 -4
- package/dist/input/index.stories.d.ts.map +0 -1
- package/dist/style.css +0 -1
- package/dist/toggle/index.stories.d.ts +0 -4
- package/dist/toggle/index.stories.d.ts.map +0 -1
package/dist/badge/index.d.ts
CHANGED
|
@@ -1,20 +1,19 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ComponentProps } from '../component';
|
|
3
1
|
import { VariantProps } from '../utils/cva';
|
|
4
|
-
|
|
5
|
-
export default
|
|
2
|
+
import { ComponentProps } from '../zen';
|
|
3
|
+
export default function Badge({ variant, className, ...rest }: BadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
6
4
|
declare const badgeVariants: (props?: ({
|
|
7
5
|
variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
|
|
8
6
|
} & ({
|
|
9
|
-
class: import(
|
|
10
|
-
className?:
|
|
7
|
+
class: import('../utils/cx').ClassValue;
|
|
8
|
+
className?: never;
|
|
11
9
|
} | {
|
|
12
|
-
class?:
|
|
13
|
-
className: import(
|
|
10
|
+
class?: never;
|
|
11
|
+
className: import('../utils/cx').ClassValue;
|
|
14
12
|
} | {
|
|
15
|
-
class?:
|
|
16
|
-
className?:
|
|
13
|
+
class?: never;
|
|
14
|
+
className?: never;
|
|
17
15
|
})) | undefined) => string;
|
|
18
16
|
export interface BadgeProps extends Omit<ComponentProps<'div'>, 'tag'>, VariantProps<typeof badgeVariants> {
|
|
19
17
|
}
|
|
18
|
+
export {};
|
|
20
19
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/badge/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,gBAAgB,CAAC;AACnD,OAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,2CAExE;AACD,QAAA,MAAM,aAAa;;;;;;;;;;;0BAelB,CAAC;AACF,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG"}
|
package/dist/button/index.d.ts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { ComponentProps } from '../
|
|
1
|
+
import { ComponentProps } from '../zen';
|
|
2
2
|
import { VariantProps } from '../utils/cva';
|
|
3
|
-
declare const Button: (
|
|
3
|
+
declare const Button: ({ children, className, variant, size, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare const buttonVariants: (props?: ({
|
|
5
5
|
variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "icon" | null | undefined;
|
|
6
6
|
size?: "default" | "icon" | "sm" | "lg" | null | undefined;
|
|
7
7
|
} & ({
|
|
8
|
-
class: import(
|
|
9
|
-
className?:
|
|
8
|
+
class: import('../utils/cx').ClassValue;
|
|
9
|
+
className?: never;
|
|
10
10
|
} | {
|
|
11
|
-
class?:
|
|
12
|
-
className: import(
|
|
11
|
+
class?: never;
|
|
12
|
+
className: import('../utils/cx').ClassValue;
|
|
13
13
|
} | {
|
|
14
|
-
class?:
|
|
15
|
-
className?:
|
|
14
|
+
class?: never;
|
|
15
|
+
className?: never;
|
|
16
16
|
})) | undefined) => string;
|
|
17
17
|
export interface ButtonProps extends ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
|
|
18
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/button/index.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/button/index.tsx"],"names":[],"mappings":"AAAA,OAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAO,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,QAAA,MAAM,MAAM,oDAA6E,WAAW,4CAMnG,CAAC;AACF,QAAA,MAAM,cAAc;;;;;;;;;;;;0BAyBnB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAErG,eAAe,MAAM,CAAC"}
|
package/dist/collapse/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { BadgeProps } from '../badge';
|
|
3
2
|
declare const Collapse: <TData>(props: CollapseProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
4
3
|
export default Collapse;
|
|
@@ -7,7 +6,7 @@ export interface CollapseProps<TData> {
|
|
|
7
6
|
data?: TData[];
|
|
8
7
|
children: (item: string, index: number, itemData?: TData) => React.ReactNode;
|
|
9
8
|
moreItemsLabel?: string;
|
|
10
|
-
parentRef?: React.RefObject<HTMLElement>;
|
|
9
|
+
parentRef?: React.RefObject<HTMLElement | null>;
|
|
11
10
|
estimator?: (item: string, textWidth: number) => number;
|
|
12
11
|
font?: string;
|
|
13
12
|
badgeVariant?: BadgeProps['variant'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/collapse/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/collapse/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI/C,QAAA,MAAM,QAAQ,GAAI,KAAK,SAAU,aAAa,CAAC,KAAK,CAAC,4CA6FpD,CAAC;AAEF,eAAe,QAAQ,CAAC;AACxB,MAAM,WAAW,aAAa,CAAC,KAAK;IAChC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
package/dist/dropdown/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ComponentProps } from '../
|
|
1
|
+
import { ComponentProps } from '../zen';
|
|
2
2
|
export default function Dropdown(props: (MultiSelectProps | SingleSelectProps) & (MutableDropdownProps | ImmutableDropdownProps) & DropdownProps & Omit<ComponentProps<'input'>, 'onChange'>): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export interface SingleSelectProps {
|
|
4
4
|
selected: DropdownItem;
|
|
5
|
-
onChange: (
|
|
5
|
+
onChange: (item: DropdownItem) => void;
|
|
6
6
|
multiple?: false;
|
|
7
7
|
}
|
|
8
8
|
export interface MultiSelectProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/dropdown/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/dropdown/index.tsx"],"names":[],"mappings":"AAOA,OAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC5B,KAAK,EAAE,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,GACzC,CAAC,oBAAoB,GAAG,sBAAsB,CAAC,GAC/C,aAAa,GACb,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,2CA2FhD;AACD,MAAM,WAAW,iBAAiB;IAC9B,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB;AACD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,IAAI,CAAC;CAClB;AACD,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,YAAY,EAAE,CAAC;CACzB;AACD,MAAM,WAAW,oBAAoB;IACjC,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CACvC;AACD,MAAM,WAAW,sBAAsB;IACnC,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB;AACD,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACf,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.types.d.ts","sourceRoot":"","sources":["../../packages/icons/icon.types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"icon.types.d.ts","sourceRoot":"","sources":["../../packages/icons/icon.types.ts"],"names":[],"mappings":"AAAA,KAAK,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAC/C,eAAe,SAAS,CAAC"}
|
package/dist/icons/search.d.ts
CHANGED
package/dist/icons/x-mark.d.ts
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
export { default as Badge } from './badge';
|
|
2
2
|
export { default as Button } from './button';
|
|
3
3
|
export { default as Collapse } from './collapse';
|
|
4
|
-
export { default as
|
|
5
|
-
export { default as Container } from './container';
|
|
4
|
+
export { default as zen } from './zen';
|
|
6
5
|
export { default as Dropdown } from './dropdown';
|
|
7
6
|
export * from './icons';
|
|
8
7
|
export { default as Input } from './input';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC"}
|
package/dist/input/index.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { ComponentProps } from '../
|
|
1
|
+
import { ComponentProps } from '../zen';
|
|
2
2
|
export default function Input(props: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export
|
|
4
|
-
}
|
|
3
|
+
export type InputProps = ComponentProps<'input'>;
|
|
5
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/input/index.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/input/index.tsx"],"names":[],"mappings":"AAAA,OAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,2CAe9C;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC"}
|
package/dist/popover/index.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
declare const Popover: (props: PopoverProps) => JSX.Element;
|
|
1
|
+
declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
2
|
export default Popover;
|
|
4
3
|
export interface PopoverProps {
|
|
5
4
|
placement?: Placement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/popover/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/popover/index.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,OAAO,UAAW,YAAY,4CAqFnC,CAAC;AACF,eAAe,OAAO,CAAC;AAEvB,MAAM,WAAW,YAAY;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;CACnC;AACD,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAC5F,KAAK,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AACrD,KAAK,SAAS,GACR,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,OAAO,GACP,aAAa,GACb,WAAW,GACX,MAAM,GACN,YAAY,GACZ,UAAU,CAAC"}
|
package/dist/toggle/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ComponentProps } from '../
|
|
1
|
+
import { ComponentProps } from '../zen';
|
|
2
2
|
export interface ToggleProps extends Omit<ComponentProps<'input'>, 'onChange'> {
|
|
3
|
-
onChange
|
|
3
|
+
onChange?: (e: boolean) => void;
|
|
4
4
|
}
|
|
5
5
|
export default function Toggle(props: ToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/toggle/index.tsx"],"names":[],"mappings":"AACA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/toggle/index.tsx"],"names":[],"mappings":"AACA,OAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC;IAC1E,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CAsBhD"}
|
package/dist/utils/cva.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { ClassValue } from '
|
|
1
|
+
import { ClassValue } from './cx';
|
|
2
|
+
import { FunctionComponent } from 'react';
|
|
2
3
|
type ClassProp = {
|
|
3
4
|
class: ClassValue;
|
|
4
5
|
className?: never;
|
|
@@ -11,7 +12,7 @@ type ClassProp = {
|
|
|
11
12
|
};
|
|
12
13
|
type OmitUndefined<T> = T extends undefined ? never : T;
|
|
13
14
|
type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T;
|
|
14
|
-
export type VariantProps<Component extends
|
|
15
|
+
export type VariantProps<Component extends FunctionComponent> = Omit<OmitUndefined<Parameters<Component>[0]>, 'class' | 'className'>;
|
|
15
16
|
type ConfigSchema = Record<string, Record<string, ClassValue>>;
|
|
16
17
|
type ConfigVariants<T extends ConfigSchema> = {
|
|
17
18
|
[Variant in keyof T]?: StringToBoolean<keyof T[Variant]> | null | undefined;
|
|
@@ -25,6 +26,6 @@ type Config<T> = T extends ConfigSchema ? {
|
|
|
25
26
|
compoundVariants?: (T extends ConfigSchema ? (ConfigVariants<T> | ConfigVariantsMulti<T>) & ClassProp : ClassProp)[];
|
|
26
27
|
} : never;
|
|
27
28
|
type Props<T> = T extends ConfigSchema ? ConfigVariants<T> & ClassProp : ClassProp;
|
|
28
|
-
export declare const cva: <T>(base?: ClassValue, config?: Config<T>
|
|
29
|
+
export declare const cva: <T>(base?: ClassValue, config?: Config<T>) => (props?: Props<T>) => string;
|
|
29
30
|
export {};
|
|
30
31
|
//# sourceMappingURL=cva.d.ts.map
|
package/dist/utils/cva.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cva.d.ts","sourceRoot":"","sources":["../../packages/utils/cva.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAM,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"cva.d.ts","sourceRoot":"","sources":["../../packages/utils/cva.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAM,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,KAAK,SAAS,GACR;IACI,KAAK,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,KAAK,CAAC;CACrB,GACD;IACI,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,EAAE,UAAU,CAAC;CACzB,GACD;IACI,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AACR,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACxD,KAAK,eAAe,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,CAAC,CAAC;AAEnE,MAAM,MAAM,YAAY,CAAC,SAAS,SAAS,iBAAiB,IAAI,IAAI,CAChE,aAAa,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EACvC,OAAO,GAAG,WAAW,CACxB,CAAC;AAOF,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AAE/D,KAAK,cAAc,CAAC,CAAC,SAAS,YAAY,IAAI;KACzC,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS;CAC9E,CAAC;AACF,KAAK,mBAAmB,CAAC,CAAC,SAAS,YAAY,IAAI;KAC9C,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,SAAS;CAC7G,CAAC;AAEF,KAAK,MAAM,CAAC,CAAC,IAAI,CAAC,SAAS,YAAY,GACjC;IACI,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,eAAe,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,CAAC,CAAC,SAAS,YAAY,GACpC,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,GACxD,SAAS,CAAC,EAAE,CAAC;CACtB,GACD,KAAK,CAAC;AAEZ,KAAK,KAAK,CAAC,CAAC,IAAI,CAAC,SAAS,YAAY,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,SAAS,CAAC;AAEnF,eAAO,MAAM,GAAG,GACX,CAAC,SAAS,UAAU,WAAW,MAAM,CAAC,CAAC,CAAC,cAChC,KAAK,CAAC,CAAC,CAAC,WAmDhB,CAAC"}
|
package/dist/utils/cx.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const cx: (...args: ClassValue[]) => string;
|
|
2
2
|
export type ClassValue = ClassArray | ClassDictionary | string | number | null | boolean | undefined;
|
|
3
|
-
export type ClassDictionary = Record<string,
|
|
3
|
+
export type ClassDictionary = Record<string, unknown>;
|
|
4
4
|
export type ClassArray = ClassValue[];
|
|
5
5
|
//# sourceMappingURL=cx.d.ts.map
|
package/dist/utils/cx.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cx.d.ts","sourceRoot":"","sources":["../../packages/utils/cx.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,EAAE,YAAa,UAAU,EAAE,KAAG,MAmB1C,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,CAAC;AACrG,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"cx.d.ts","sourceRoot":"","sources":["../../packages/utils/cx.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,EAAE,YAAa,UAAU,EAAE,KAAG,MAmB1C,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,CAAC;AACrG,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,UAAU,EAAE,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { RefObject } from 'react';
|
|
2
|
-
export default function useClickOutside(ref: RefObject<
|
|
2
|
+
export default function useClickOutside<TElement extends HTMLElement>(ref: RefObject<TElement>, handler: (outside: boolean) => void): () => () => void;
|
|
3
3
|
//# sourceMappingURL=useClickOutside.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClickOutside.d.ts","sourceRoot":"","sources":["../../packages/utils/useClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,GAAG,EAAE,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"useClickOutside.d.ts","sourceRoot":"","sources":["../../packages/utils/useClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,QAAQ,SAAS,WAAW,EAChE,GAAG,EAAE,SAAS,CAAC,QAAQ,CAAC,EACxB,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,oBActC"}
|
|
@@ -0,0 +1,191 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
declare const zen: {
|
|
3
|
+
a: React.FunctionComponent<ComponentProps<"a">>;
|
|
4
|
+
abbr: React.FunctionComponent<ComponentProps<"abbr">>;
|
|
5
|
+
address: React.FunctionComponent<ComponentProps<"address">>;
|
|
6
|
+
area: React.FunctionComponent<ComponentProps<"area">>;
|
|
7
|
+
article: React.FunctionComponent<ComponentProps<"article">>;
|
|
8
|
+
aside: React.FunctionComponent<ComponentProps<"aside">>;
|
|
9
|
+
audio: React.FunctionComponent<ComponentProps<"audio">>;
|
|
10
|
+
b: React.FunctionComponent<ComponentProps<"b">>;
|
|
11
|
+
base: React.FunctionComponent<ComponentProps<"base">>;
|
|
12
|
+
bdi: React.FunctionComponent<ComponentProps<"bdi">>;
|
|
13
|
+
bdo: React.FunctionComponent<ComponentProps<"bdo">>;
|
|
14
|
+
big: React.FunctionComponent<ComponentProps<"big">>;
|
|
15
|
+
blockquote: React.FunctionComponent<ComponentProps<"blockquote">>;
|
|
16
|
+
body: React.FunctionComponent<ComponentProps<"body">>;
|
|
17
|
+
br: React.FunctionComponent<ComponentProps<"br">>;
|
|
18
|
+
button: React.FunctionComponent<ComponentProps<"button">>;
|
|
19
|
+
canvas: React.FunctionComponent<ComponentProps<"canvas">>;
|
|
20
|
+
caption: React.FunctionComponent<ComponentProps<"caption">>;
|
|
21
|
+
center: React.FunctionComponent<ComponentProps<"center">>;
|
|
22
|
+
cite: React.FunctionComponent<ComponentProps<"cite">>;
|
|
23
|
+
code: React.FunctionComponent<ComponentProps<"code">>;
|
|
24
|
+
col: React.FunctionComponent<ComponentProps<"col">>;
|
|
25
|
+
colgroup: React.FunctionComponent<ComponentProps<"colgroup">>;
|
|
26
|
+
data: React.FunctionComponent<ComponentProps<"data">>;
|
|
27
|
+
datalist: React.FunctionComponent<ComponentProps<"datalist">>;
|
|
28
|
+
dd: React.FunctionComponent<ComponentProps<"dd">>;
|
|
29
|
+
del: React.FunctionComponent<ComponentProps<"del">>;
|
|
30
|
+
details: React.FunctionComponent<ComponentProps<"details">>;
|
|
31
|
+
dfn: React.FunctionComponent<ComponentProps<"dfn">>;
|
|
32
|
+
dialog: React.FunctionComponent<ComponentProps<"dialog">>;
|
|
33
|
+
div: React.FunctionComponent<ComponentProps<"div">>;
|
|
34
|
+
dl: React.FunctionComponent<ComponentProps<"dl">>;
|
|
35
|
+
dt: React.FunctionComponent<ComponentProps<"dt">>;
|
|
36
|
+
em: React.FunctionComponent<ComponentProps<"em">>;
|
|
37
|
+
embed: React.FunctionComponent<ComponentProps<"embed">>;
|
|
38
|
+
fieldset: React.FunctionComponent<ComponentProps<"fieldset">>;
|
|
39
|
+
figcaption: React.FunctionComponent<ComponentProps<"figcaption">>;
|
|
40
|
+
figure: React.FunctionComponent<ComponentProps<"figure">>;
|
|
41
|
+
footer: React.FunctionComponent<ComponentProps<"footer">>;
|
|
42
|
+
form: React.FunctionComponent<ComponentProps<"form">>;
|
|
43
|
+
h1: React.FunctionComponent<ComponentProps<"h1">>;
|
|
44
|
+
h2: React.FunctionComponent<ComponentProps<"h2">>;
|
|
45
|
+
h3: React.FunctionComponent<ComponentProps<"h3">>;
|
|
46
|
+
h4: React.FunctionComponent<ComponentProps<"h4">>;
|
|
47
|
+
h5: React.FunctionComponent<ComponentProps<"h5">>;
|
|
48
|
+
h6: React.FunctionComponent<ComponentProps<"h6">>;
|
|
49
|
+
head: React.FunctionComponent<ComponentProps<"head">>;
|
|
50
|
+
header: React.FunctionComponent<ComponentProps<"header">>;
|
|
51
|
+
hgroup: React.FunctionComponent<ComponentProps<"hgroup">>;
|
|
52
|
+
hr: React.FunctionComponent<ComponentProps<"hr">>;
|
|
53
|
+
html: React.FunctionComponent<ComponentProps<"html">>;
|
|
54
|
+
i: React.FunctionComponent<ComponentProps<"i">>;
|
|
55
|
+
iframe: React.FunctionComponent<ComponentProps<"iframe">>;
|
|
56
|
+
img: React.FunctionComponent<ComponentProps<"img">>;
|
|
57
|
+
input: React.FunctionComponent<ComponentProps<"input">>;
|
|
58
|
+
ins: React.FunctionComponent<ComponentProps<"ins">>;
|
|
59
|
+
kbd: React.FunctionComponent<ComponentProps<"kbd">>;
|
|
60
|
+
keygen: React.FunctionComponent<ComponentProps<"keygen">>;
|
|
61
|
+
label: React.FunctionComponent<ComponentProps<"label">>;
|
|
62
|
+
legend: React.FunctionComponent<ComponentProps<"legend">>;
|
|
63
|
+
li: React.FunctionComponent<ComponentProps<"li">>;
|
|
64
|
+
link: React.FunctionComponent<ComponentProps<"link">>;
|
|
65
|
+
main: React.FunctionComponent<ComponentProps<"main">>;
|
|
66
|
+
map: React.FunctionComponent<ComponentProps<"map">>;
|
|
67
|
+
mark: React.FunctionComponent<ComponentProps<"mark">>;
|
|
68
|
+
menu: React.FunctionComponent<ComponentProps<"menu">>;
|
|
69
|
+
menuitem: React.FunctionComponent<ComponentProps<"menuitem">>;
|
|
70
|
+
meta: React.FunctionComponent<ComponentProps<"meta">>;
|
|
71
|
+
meter: React.FunctionComponent<ComponentProps<"meter">>;
|
|
72
|
+
nav: React.FunctionComponent<ComponentProps<"nav">>;
|
|
73
|
+
noindex: React.FunctionComponent<ComponentProps<"noindex">>;
|
|
74
|
+
noscript: React.FunctionComponent<ComponentProps<"noscript">>;
|
|
75
|
+
object: React.FunctionComponent<ComponentProps<"object">>;
|
|
76
|
+
ol: React.FunctionComponent<ComponentProps<"ol">>;
|
|
77
|
+
optgroup: React.FunctionComponent<ComponentProps<"optgroup">>;
|
|
78
|
+
option: React.FunctionComponent<ComponentProps<"option">>;
|
|
79
|
+
output: React.FunctionComponent<ComponentProps<"output">>;
|
|
80
|
+
p: React.FunctionComponent<ComponentProps<"p">>;
|
|
81
|
+
param: React.FunctionComponent<ComponentProps<"param">>;
|
|
82
|
+
picture: React.FunctionComponent<ComponentProps<"picture">>;
|
|
83
|
+
pre: React.FunctionComponent<ComponentProps<"pre">>;
|
|
84
|
+
progress: React.FunctionComponent<ComponentProps<"progress">>;
|
|
85
|
+
q: React.FunctionComponent<ComponentProps<"q">>;
|
|
86
|
+
rp: React.FunctionComponent<ComponentProps<"rp">>;
|
|
87
|
+
rt: React.FunctionComponent<ComponentProps<"rt">>;
|
|
88
|
+
ruby: React.FunctionComponent<ComponentProps<"ruby">>;
|
|
89
|
+
s: React.FunctionComponent<ComponentProps<"s">>;
|
|
90
|
+
samp: React.FunctionComponent<ComponentProps<"samp">>;
|
|
91
|
+
search: React.FunctionComponent<ComponentProps<"search">>;
|
|
92
|
+
slot: React.FunctionComponent<ComponentProps<"slot">>;
|
|
93
|
+
script: React.FunctionComponent<ComponentProps<"script">>;
|
|
94
|
+
section: React.FunctionComponent<ComponentProps<"section">>;
|
|
95
|
+
select: React.FunctionComponent<ComponentProps<"select">>;
|
|
96
|
+
small: React.FunctionComponent<ComponentProps<"small">>;
|
|
97
|
+
source: React.FunctionComponent<ComponentProps<"source">>;
|
|
98
|
+
span: React.FunctionComponent<ComponentProps<"span">>;
|
|
99
|
+
strong: React.FunctionComponent<ComponentProps<"strong">>;
|
|
100
|
+
style: React.FunctionComponent<ComponentProps<"style">>;
|
|
101
|
+
sub: React.FunctionComponent<ComponentProps<"sub">>;
|
|
102
|
+
summary: React.FunctionComponent<ComponentProps<"summary">>;
|
|
103
|
+
sup: React.FunctionComponent<ComponentProps<"sup">>;
|
|
104
|
+
table: React.FunctionComponent<ComponentProps<"table">>;
|
|
105
|
+
template: React.FunctionComponent<ComponentProps<"template">>;
|
|
106
|
+
tbody: React.FunctionComponent<ComponentProps<"tbody">>;
|
|
107
|
+
td: React.FunctionComponent<ComponentProps<"td">>;
|
|
108
|
+
textarea: React.FunctionComponent<ComponentProps<"textarea">>;
|
|
109
|
+
tfoot: React.FunctionComponent<ComponentProps<"tfoot">>;
|
|
110
|
+
th: React.FunctionComponent<ComponentProps<"th">>;
|
|
111
|
+
thead: React.FunctionComponent<ComponentProps<"thead">>;
|
|
112
|
+
time: React.FunctionComponent<ComponentProps<"time">>;
|
|
113
|
+
title: React.FunctionComponent<ComponentProps<"title">>;
|
|
114
|
+
tr: React.FunctionComponent<ComponentProps<"tr">>;
|
|
115
|
+
track: React.FunctionComponent<ComponentProps<"track">>;
|
|
116
|
+
u: React.FunctionComponent<ComponentProps<"u">>;
|
|
117
|
+
ul: React.FunctionComponent<ComponentProps<"ul">>;
|
|
118
|
+
var: React.FunctionComponent<ComponentProps<"var">>;
|
|
119
|
+
video: React.FunctionComponent<ComponentProps<"video">>;
|
|
120
|
+
wbr: React.FunctionComponent<ComponentProps<"wbr">>;
|
|
121
|
+
webview: React.FunctionComponent<ComponentProps<"webview">>;
|
|
122
|
+
svg: React.FunctionComponent<ComponentProps<"svg">>;
|
|
123
|
+
animate: React.FunctionComponent<ComponentProps<"animate">>;
|
|
124
|
+
animateMotion: React.FunctionComponent<ComponentProps<"animateMotion">>;
|
|
125
|
+
animateTransform: React.FunctionComponent<ComponentProps<"animateTransform">>;
|
|
126
|
+
circle: React.FunctionComponent<ComponentProps<"circle">>;
|
|
127
|
+
clipPath: React.FunctionComponent<ComponentProps<"clipPath">>;
|
|
128
|
+
defs: React.FunctionComponent<ComponentProps<"defs">>;
|
|
129
|
+
desc: React.FunctionComponent<ComponentProps<"desc">>;
|
|
130
|
+
ellipse: React.FunctionComponent<ComponentProps<"ellipse">>;
|
|
131
|
+
feBlend: React.FunctionComponent<ComponentProps<"feBlend">>;
|
|
132
|
+
feColorMatrix: React.FunctionComponent<ComponentProps<"feColorMatrix">>;
|
|
133
|
+
feComponentTransfer: React.FunctionComponent<ComponentProps<"feComponentTransfer">>;
|
|
134
|
+
feComposite: React.FunctionComponent<ComponentProps<"feComposite">>;
|
|
135
|
+
feConvolveMatrix: React.FunctionComponent<ComponentProps<"feConvolveMatrix">>;
|
|
136
|
+
feDiffuseLighting: React.FunctionComponent<ComponentProps<"feDiffuseLighting">>;
|
|
137
|
+
feDisplacementMap: React.FunctionComponent<ComponentProps<"feDisplacementMap">>;
|
|
138
|
+
feDistantLight: React.FunctionComponent<ComponentProps<"feDistantLight">>;
|
|
139
|
+
feDropShadow: React.FunctionComponent<ComponentProps<"feDropShadow">>;
|
|
140
|
+
feFlood: React.FunctionComponent<ComponentProps<"feFlood">>;
|
|
141
|
+
feFuncA: React.FunctionComponent<ComponentProps<"feFuncA">>;
|
|
142
|
+
feFuncB: React.FunctionComponent<ComponentProps<"feFuncB">>;
|
|
143
|
+
feFuncG: React.FunctionComponent<ComponentProps<"feFuncG">>;
|
|
144
|
+
feFuncR: React.FunctionComponent<ComponentProps<"feFuncR">>;
|
|
145
|
+
feGaussianBlur: React.FunctionComponent<ComponentProps<"feGaussianBlur">>;
|
|
146
|
+
feImage: React.FunctionComponent<ComponentProps<"feImage">>;
|
|
147
|
+
feMerge: React.FunctionComponent<ComponentProps<"feMerge">>;
|
|
148
|
+
feMergeNode: React.FunctionComponent<ComponentProps<"feMergeNode">>;
|
|
149
|
+
feMorphology: React.FunctionComponent<ComponentProps<"feMorphology">>;
|
|
150
|
+
feOffset: React.FunctionComponent<ComponentProps<"feOffset">>;
|
|
151
|
+
fePointLight: React.FunctionComponent<ComponentProps<"fePointLight">>;
|
|
152
|
+
feSpecularLighting: React.FunctionComponent<ComponentProps<"feSpecularLighting">>;
|
|
153
|
+
feSpotLight: React.FunctionComponent<ComponentProps<"feSpotLight">>;
|
|
154
|
+
feTile: React.FunctionComponent<ComponentProps<"feTile">>;
|
|
155
|
+
feTurbulence: React.FunctionComponent<ComponentProps<"feTurbulence">>;
|
|
156
|
+
filter: React.FunctionComponent<ComponentProps<"filter">>;
|
|
157
|
+
foreignObject: React.FunctionComponent<ComponentProps<"foreignObject">>;
|
|
158
|
+
g: React.FunctionComponent<ComponentProps<"g">>;
|
|
159
|
+
image: React.FunctionComponent<ComponentProps<"image">>;
|
|
160
|
+
line: React.FunctionComponent<ComponentProps<"line">>;
|
|
161
|
+
linearGradient: React.FunctionComponent<ComponentProps<"linearGradient">>;
|
|
162
|
+
marker: React.FunctionComponent<ComponentProps<"marker">>;
|
|
163
|
+
mask: React.FunctionComponent<ComponentProps<"mask">>;
|
|
164
|
+
metadata: React.FunctionComponent<ComponentProps<"metadata">>;
|
|
165
|
+
mpath: React.FunctionComponent<ComponentProps<"mpath">>;
|
|
166
|
+
path: React.FunctionComponent<ComponentProps<"path">>;
|
|
167
|
+
pattern: React.FunctionComponent<ComponentProps<"pattern">>;
|
|
168
|
+
polygon: React.FunctionComponent<ComponentProps<"polygon">>;
|
|
169
|
+
polyline: React.FunctionComponent<ComponentProps<"polyline">>;
|
|
170
|
+
radialGradient: React.FunctionComponent<ComponentProps<"radialGradient">>;
|
|
171
|
+
rect: React.FunctionComponent<ComponentProps<"rect">>;
|
|
172
|
+
set: React.FunctionComponent<ComponentProps<"set">>;
|
|
173
|
+
stop: React.FunctionComponent<ComponentProps<"stop">>;
|
|
174
|
+
switch: React.FunctionComponent<ComponentProps<"switch">>;
|
|
175
|
+
symbol: React.FunctionComponent<ComponentProps<"symbol">>;
|
|
176
|
+
text: React.FunctionComponent<ComponentProps<"text">>;
|
|
177
|
+
textPath: React.FunctionComponent<ComponentProps<"textPath">>;
|
|
178
|
+
tspan: React.FunctionComponent<ComponentProps<"tspan">>;
|
|
179
|
+
use: React.FunctionComponent<ComponentProps<"use">>;
|
|
180
|
+
view: React.FunctionComponent<ComponentProps<"view">>;
|
|
181
|
+
};
|
|
182
|
+
export default zen;
|
|
183
|
+
type TagProp<Tag extends React.ElementType> = {
|
|
184
|
+
tag?: Tag;
|
|
185
|
+
asChild?: boolean;
|
|
186
|
+
};
|
|
187
|
+
export type ComponentProps<Tag extends React.ElementType> = React.PropsWithChildren<TagProp<Tag>> & Omit<React.ComponentPropsWithRef<Tag>, keyof TagProp<Tag>> & {
|
|
188
|
+
visible?: boolean;
|
|
189
|
+
};
|
|
190
|
+
export type BaseType = <Tag extends React.ElementType = 'div'>(props: ComponentProps<Tag>) => React.ReactNode;
|
|
191
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/zen/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AA0BpE,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAeR,CAAC;AACF,eAAe,GAAG,CAAC;AACnB,KAAK,OAAO,CAAC,GAAG,SAAS,KAAK,CAAC,WAAW,IAAI;IAC1C,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,GAAG,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAC7F,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AACN,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC"}
|
package/dist/zen.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}h1{scroll-margin:5rem;font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-.025em}@media (min-width: 1024px){h1{font-size:3rem;line-height:1}}h2{scroll-margin:5rem;font-size:1.875rem;line-height:2.25rem;font-weight:600;letter-spacing:-.025em}h2:first-child{margin-top:0}h3{scroll-margin:5rem;font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em}h4{scroll-margin:5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;letter-spacing:-.025em}h5{scroll-margin:5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;letter-spacing:-.025em}h6{scroll-margin:5rem;font-size:1rem;line-height:1.5rem;font-weight:600;letter-spacing:-.025em}p{line-height:1.75rem}p:not(:first-child){margin-top:1.5rem}blockquote{margin-top:1.5rem;border-left-width:2px;padding-left:1.5rem;font-style:italic}code,pre{position:relative;border-radius:.25rem;background-color:hsl(var(--muted));padding:.2rem .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;font-weight:600;color:hsl(var(--muted-foreground))}label{font-size:.875rem;line-height:1.25rem;font-weight:500;line-height:1}.peer:disabled~label{cursor:not-allowed;opacity:.7}.zen__popover{position-try-options:flip-block,flip-inline,flip-block flip-inline;position-visibility:anchors-visible}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.left-3{left:.75rem}.top-0{top:0}.top-3{top:.75rem}.z-50{z-index:50}.z-auto{z-index:auto}.mr-2{margin-right:.5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.h-10{height:2.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.max-h-60{max-height:15rem}.w-10{width:2.5rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-fit{width:fit-content}.w-full{width:100%}.min-w-max{min-width:max-content}.min-w-min{min-width:min-content}.max-w-\[calc\(100\%-30px\)\]{max-width:calc(100% - 30px)}.flex-none{flex:none}.grow{flex-grow:1}.translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-flow-row{grid-auto-flow:row}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.divide-y-2>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(2px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(2px * var(--tw-divide-y-reverse))}.divide-border>:not([hidden])~:not([hidden]){border-color:hsl(var(--border))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-width:1px}.border-2{border-width:2px}.border-border{border-color:hsl(var(--border))}.border-input{border-color:hsl(var(--input))}.border-muted{border-color:hsl(var(--muted))}.border-primary{border-color:hsl(var(--primary))}.border-transparent{border-color:transparent}.\!bg-input{background-color:hsl(var(--input))!important}.bg-background{background-color:hsl(var(--background))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-input{background-color:hsl(var(--input))}.bg-muted{background-color:hsl(var(--muted))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/90{background-color:hsl(var(--primary) / .9)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.p-0\.5{padding:.125rem}.p-2{padding:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pr-1{padding-right:.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-muted{color:hsl(var(--muted))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.underline-offset-4{text-underline-offset:4px}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-ring{--tw-shadow-color: hsl(var(--ring));--tw-shadow: var(--tw-shadow-colored)}.shadow-secondary{--tw-shadow-color: hsl(var(--secondary));--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.read-only\:cursor-pointer:read-only{cursor:pointer}.read-only\:\!border-none:read-only{border-style:none!important}.read-only\:bg-transparent:read-only{background-color:transparent}.read-only\:text-foreground:read-only{color:hsl(var(--foreground))}.read-only\:\!shadow-none:read-only{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.read-only\:\!outline-none:read-only{outline:2px solid transparent!important;outline-offset:2px!important}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-muted-foreground:hover{background-color:hsl(var(--muted-foreground))}.hover\:bg-primary\/60:hover{background-color:hsl(var(--primary) / .6)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:underline:hover{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:border-primary:focus-visible{border-color:hsl(var(--primary))}.focus-visible\:shadow-sm:focus-visible{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus-visible\:shadow-ring:focus-visible{--tw-shadow-color: hsl(var(--ring));--tw-shadow: var(--tw-shadow-colored)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-muted:disabled{background-color:hsl(var(--muted))}.disabled\:text-muted:disabled{color:hsl(var(--muted))}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-muted{color:hsl(var(--muted))}
|