@opengovsg/oui 0.0.0-snapshot-20250311073924
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/LICENSE.md +13 -0
- package/dist/cjs/banner/banner.cjs +118 -0
- package/dist/cjs/banner/index.cjs +8 -0
- package/dist/cjs/button/button.cjs +86 -0
- package/dist/cjs/button/index.cjs +8 -0
- package/dist/cjs/combo-box/combo-box-fuzzy.cjs +107 -0
- package/dist/cjs/combo-box/combo-box.cjs +277 -0
- package/dist/cjs/combo-box/index.cjs +12 -0
- package/dist/cjs/field/field.cjs +63 -0
- package/dist/cjs/field/index.cjs +11 -0
- package/dist/cjs/govt-banner/govt-banner.cjs +259 -0
- package/dist/cjs/govt-banner/index.cjs +8 -0
- package/dist/cjs/hooks/index.cjs +8 -0
- package/dist/cjs/hooks/use-callback-ref.cjs +17 -0
- package/dist/cjs/hooks/use-controllable-state.cjs +37 -0
- package/dist/cjs/index.cjs +47 -0
- package/dist/cjs/input/index.cjs +8 -0
- package/dist/cjs/input/input.cjs +28 -0
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/Icon.cjs +48 -0
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/createLucideIcon.cjs +30 -0
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/defaultAttributes.cjs +24 -0
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.cjs +19 -0
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-up.cjs +19 -0
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/circle-alert.cjs +23 -0
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/external-link.cjs +23 -0
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/info.cjs +23 -0
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/landmark.cjs +26 -0
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/lock.cjs +22 -0
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.cjs +22 -0
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/shared/src/utils.cjs +16 -0
- package/dist/cjs/ripple/index.cjs +10 -0
- package/dist/cjs/ripple/ripple.cjs +70 -0
- package/dist/cjs/ripple/use-ripple.cjs +29 -0
- package/dist/cjs/skip-nav-link/index.cjs +8 -0
- package/dist/cjs/skip-nav-link/skip-nav-link.cjs +18 -0
- package/dist/cjs/spinner/index.cjs +10 -0
- package/dist/cjs/spinner/spinner.cjs +17 -0
- package/dist/cjs/spinner/use-spinner.cjs +38 -0
- package/dist/cjs/system/react-utils/context.cjs +31 -0
- package/dist/cjs/system/react-utils/index.cjs +8 -0
- package/dist/cjs/system/types.cjs +3 -0
- package/dist/cjs/system/utils.cjs +101 -0
- package/dist/cjs/tag-field/index.cjs +8 -0
- package/dist/cjs/tag-field/tag-field-list.cjs +73 -0
- package/dist/cjs/tag-field/tag-field-root.cjs +184 -0
- package/dist/cjs/tag-field/tag-field-state-context.cjs +11 -0
- package/dist/cjs/tag-field/tag-field-tag-list.cjs +70 -0
- package/dist/cjs/tag-field/tag-field-trigger.cjs +27 -0
- package/dist/cjs/tag-field/tag-field.cjs +106 -0
- package/dist/cjs/tag-field/types.cjs +3 -0
- package/dist/cjs/tag-field/use-tag-field-state.cjs +103 -0
- package/dist/cjs/tag-field/use-tag-field.cjs +188 -0
- package/dist/cjs/text-area/index.cjs +8 -0
- package/dist/cjs/text-area/text-area.cjs +28 -0
- package/dist/cjs/text-area-field/index.cjs +8 -0
- package/dist/cjs/text-area-field/text-area-field.cjs +48 -0
- package/dist/cjs/text-field/index.cjs +8 -0
- package/dist/cjs/text-field/text-field.cjs +48 -0
- package/dist/cjs/toggle/index.cjs +8 -0
- package/dist/cjs/toggle/toggle.cjs +48 -0
- package/dist/esm/banner/banner.js +116 -0
- package/dist/esm/banner/index.js +2 -0
- package/dist/esm/button/button.js +84 -0
- package/dist/esm/button/index.js +2 -0
- package/dist/esm/combo-box/combo-box-fuzzy.js +105 -0
- package/dist/esm/combo-box/combo-box.js +273 -0
- package/dist/esm/combo-box/index.js +3 -0
- package/dist/esm/field/field.js +58 -0
- package/dist/esm/field/index.js +2 -0
- package/dist/esm/govt-banner/govt-banner.js +257 -0
- package/dist/esm/govt-banner/index.js +2 -0
- package/dist/esm/hooks/index.js +2 -0
- package/dist/esm/hooks/use-callback-ref.js +15 -0
- package/dist/esm/hooks/use-controllable-state.js +35 -0
- package/dist/esm/index.js +19 -0
- package/dist/esm/input/index.js +2 -0
- package/dist/esm/input/input.js +26 -0
- package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/Icon.js +44 -0
- package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/createLucideIcon.js +26 -0
- package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/defaultAttributes.js +20 -0
- package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js +14 -0
- package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-up.js +14 -0
- package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/circle-alert.js +18 -0
- package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/external-link.js +18 -0
- package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/info.js +18 -0
- package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/landmark.js +21 -0
- package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/lock.js +17 -0
- package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.js +17 -0
- package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/shared/src/utils.js +13 -0
- package/dist/esm/ripple/index.js +3 -0
- package/dist/esm/ripple/ripple.js +49 -0
- package/dist/esm/ripple/use-ripple.js +27 -0
- package/dist/esm/skip-nav-link/index.js +2 -0
- package/dist/esm/skip-nav-link/skip-nav-link.js +16 -0
- package/dist/esm/spinner/index.js +3 -0
- package/dist/esm/spinner/spinner.js +15 -0
- package/dist/esm/spinner/use-spinner.js +36 -0
- package/dist/esm/system/react-utils/context.js +29 -0
- package/dist/esm/system/react-utils/index.js +2 -0
- package/dist/esm/system/types.js +1 -0
- package/dist/esm/system/utils.js +94 -0
- package/dist/esm/tag-field/index.js +2 -0
- package/dist/esm/tag-field/tag-field-list.js +69 -0
- package/dist/esm/tag-field/tag-field-root.js +182 -0
- package/dist/esm/tag-field/tag-field-state-context.js +9 -0
- package/dist/esm/tag-field/tag-field-tag-list.js +68 -0
- package/dist/esm/tag-field/tag-field-trigger.js +24 -0
- package/dist/esm/tag-field/tag-field.js +104 -0
- package/dist/esm/tag-field/types.js +1 -0
- package/dist/esm/tag-field/use-tag-field-state.js +101 -0
- package/dist/esm/tag-field/use-tag-field.js +186 -0
- package/dist/esm/text-area/index.js +2 -0
- package/dist/esm/text-area/text-area.js +26 -0
- package/dist/esm/text-area-field/index.js +2 -0
- package/dist/esm/text-area-field/text-area-field.js +46 -0
- package/dist/esm/text-field/index.js +2 -0
- package/dist/esm/text-field/text-field.js +46 -0
- package/dist/esm/toggle/index.js +2 -0
- package/dist/esm/toggle/toggle.js +46 -0
- package/dist/types/banner/banner.d.ts +19 -0
- package/dist/types/banner/banner.d.ts.map +1 -0
- package/dist/types/banner/index.d.ts +2 -0
- package/dist/types/banner/index.d.ts.map +1 -0
- package/dist/types/button/button.d.ts +48 -0
- package/dist/types/button/button.d.ts.map +1 -0
- package/dist/types/button/index.d.ts +2 -0
- package/dist/types/button/index.d.ts.map +1 -0
- package/dist/types/combo-box/combo-box-fuzzy.d.ts +11 -0
- package/dist/types/combo-box/combo-box-fuzzy.d.ts.map +1 -0
- package/dist/types/combo-box/combo-box.d.ts +50 -0
- package/dist/types/combo-box/combo-box.d.ts.map +1 -0
- package/dist/types/combo-box/index.d.ts +3 -0
- package/dist/types/combo-box/index.d.ts.map +1 -0
- package/dist/types/field/field.d.ts +14 -0
- package/dist/types/field/field.d.ts.map +1 -0
- package/dist/types/field/index.d.ts +2 -0
- package/dist/types/field/index.d.ts.map +1 -0
- package/dist/types/govt-banner/govt-banner.d.ts +39 -0
- package/dist/types/govt-banner/govt-banner.d.ts.map +1 -0
- package/dist/types/govt-banner/index.d.ts +2 -0
- package/dist/types/govt-banner/index.d.ts.map +1 -0
- package/dist/types/hooks/index.d.ts +2 -0
- package/dist/types/hooks/index.d.ts.map +1 -0
- package/dist/types/hooks/use-callback-ref.d.ts +6 -0
- package/dist/types/hooks/use-callback-ref.d.ts.map +1 -0
- package/dist/types/hooks/use-controllable-state.d.ts +11 -0
- package/dist/types/hooks/use-controllable-state.d.ts.map +1 -0
- package/dist/types/index.d.mts +16 -0
- package/dist/types/index.d.ts +16 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/input/index.d.ts +2 -0
- package/dist/types/input/index.d.ts.map +1 -0
- package/dist/types/input/input.d.ts +9 -0
- package/dist/types/input/input.d.ts.map +1 -0
- package/dist/types/ripple/index.d.ts +3 -0
- package/dist/types/ripple/index.d.ts.map +1 -0
- package/dist/types/ripple/ripple.d.ts +10 -0
- package/dist/types/ripple/ripple.d.ts.map +1 -0
- package/dist/types/ripple/use-ripple.d.ts +15 -0
- package/dist/types/ripple/use-ripple.d.ts.map +1 -0
- package/dist/types/skip-nav-link/index.d.ts +2 -0
- package/dist/types/skip-nav-link/index.d.ts.map +1 -0
- package/dist/types/skip-nav-link/skip-nav-link.d.ts +11 -0
- package/dist/types/skip-nav-link/skip-nav-link.d.ts.map +1 -0
- package/dist/types/spinner/index.d.ts +3 -0
- package/dist/types/spinner/index.d.ts.map +1 -0
- package/dist/types/spinner/spinner.d.ts +4 -0
- package/dist/types/spinner/spinner.d.ts.map +1 -0
- package/dist/types/spinner/use-spinner.d.ts +66 -0
- package/dist/types/spinner/use-spinner.d.ts.map +1 -0
- package/dist/types/system/react-utils/context.d.ts +27 -0
- package/dist/types/system/react-utils/context.d.ts.map +1 -0
- package/dist/types/system/react-utils/index.d.ts +2 -0
- package/dist/types/system/react-utils/index.d.ts.map +1 -0
- package/dist/types/system/types.d.ts +63 -0
- package/dist/types/system/types.d.ts.map +1 -0
- package/dist/types/system/utils.d.ts +856 -0
- package/dist/types/system/utils.d.ts.map +1 -0
- package/dist/types/tag-field/index.d.ts +2 -0
- package/dist/types/tag-field/index.d.ts.map +1 -0
- package/dist/types/tag-field/tag-field-list.d.ts +22 -0
- package/dist/types/tag-field/tag-field-list.d.ts.map +1 -0
- package/dist/types/tag-field/tag-field-root.d.ts +14 -0
- package/dist/types/tag-field/tag-field-root.d.ts.map +1 -0
- package/dist/types/tag-field/tag-field-state-context.d.ts +12 -0
- package/dist/types/tag-field/tag-field-state-context.d.ts.map +1 -0
- package/dist/types/tag-field/tag-field-tag-list.d.ts +17 -0
- package/dist/types/tag-field/tag-field-tag-list.d.ts.map +1 -0
- package/dist/types/tag-field/tag-field-trigger.d.ts +8 -0
- package/dist/types/tag-field/tag-field-trigger.d.ts.map +1 -0
- package/dist/types/tag-field/tag-field.d.ts +3 -0
- package/dist/types/tag-field/tag-field.d.ts.map +1 -0
- package/dist/types/tag-field/types.d.ts +71 -0
- package/dist/types/tag-field/types.d.ts.map +1 -0
- package/dist/types/tag-field/use-tag-field-state.d.ts +35 -0
- package/dist/types/tag-field/use-tag-field-state.d.ts.map +1 -0
- package/dist/types/tag-field/use-tag-field.d.ts +48 -0
- package/dist/types/tag-field/use-tag-field.d.ts.map +1 -0
- package/dist/types/text-area/index.d.ts +2 -0
- package/dist/types/text-area/index.d.ts.map +1 -0
- package/dist/types/text-area/text-area.d.ts +9 -0
- package/dist/types/text-area/text-area.d.ts.map +1 -0
- package/dist/types/text-area-field/index.d.ts +2 -0
- package/dist/types/text-area-field/index.d.ts.map +1 -0
- package/dist/types/text-area-field/text-area-field.d.ts +12 -0
- package/dist/types/text-area-field/text-area-field.d.ts.map +1 -0
- package/dist/types/text-field/index.d.ts +2 -0
- package/dist/types/text-field/index.d.ts.map +1 -0
- package/dist/types/text-field/text-field.d.ts +12 -0
- package/dist/types/text-field/text-field.d.ts.map +1 -0
- package/dist/types/toggle/index.d.ts +2 -0
- package/dist/types/toggle/index.d.ts.map +1 -0
- package/dist/types/toggle/toggle.d.ts +22 -0
- package/dist/types/toggle/toggle.d.ts.map +1 -0
- package/package.json +93 -0
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import type { SlotsToClasses, SpinnerSlots, SpinnerVariantProps } from "@opengovsg/oui-theme";
|
|
2
|
+
import type { Ref } from "react";
|
|
3
|
+
import type { HtmlUiProps, PropGetter } from "../system/types";
|
|
4
|
+
export interface UseSpinnerProps extends Omit<HtmlUiProps, "children">, SpinnerVariantProps {
|
|
5
|
+
/**
|
|
6
|
+
* Ref to the DOM node.
|
|
7
|
+
*/
|
|
8
|
+
ref?: Ref<HTMLElement | null>;
|
|
9
|
+
/**
|
|
10
|
+
* Classname or List of classes to change the classNames of the element.
|
|
11
|
+
* if `className` is passed, it will be added to the base slot.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```ts
|
|
15
|
+
* <Spinner classNames={{
|
|
16
|
+
* base:"base-classes",
|
|
17
|
+
* wrapper: "wrapper-classes",
|
|
18
|
+
* circle1: "circle1-classes",
|
|
19
|
+
* circle2: "circle2-classes",
|
|
20
|
+
* label: "label-classes"
|
|
21
|
+
* }} />
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
classNames?: SlotsToClasses<SpinnerSlots>;
|
|
25
|
+
}
|
|
26
|
+
export declare const useSpinner: (originalProps: UseSpinnerProps) => {
|
|
27
|
+
slots: {
|
|
28
|
+
base: (slotProps?: ({
|
|
29
|
+
size?: "lg" | "md" | "sm" | undefined;
|
|
30
|
+
color?: "current" | "white" | undefined;
|
|
31
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
|
|
32
|
+
wrapper: (slotProps?: ({
|
|
33
|
+
size?: "lg" | "md" | "sm" | undefined;
|
|
34
|
+
color?: "current" | "white" | undefined;
|
|
35
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
|
|
36
|
+
circle1: (slotProps?: ({
|
|
37
|
+
size?: "lg" | "md" | "sm" | undefined;
|
|
38
|
+
color?: "current" | "white" | undefined;
|
|
39
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
|
|
40
|
+
circle2: (slotProps?: ({
|
|
41
|
+
size?: "lg" | "md" | "sm" | undefined;
|
|
42
|
+
color?: "current" | "white" | undefined;
|
|
43
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
|
|
44
|
+
} & {
|
|
45
|
+
base: (slotProps?: ({
|
|
46
|
+
size?: "lg" | "md" | "sm" | undefined;
|
|
47
|
+
color?: "current" | "white" | undefined;
|
|
48
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
|
|
49
|
+
wrapper: (slotProps?: ({
|
|
50
|
+
size?: "lg" | "md" | "sm" | undefined;
|
|
51
|
+
color?: "current" | "white" | undefined;
|
|
52
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
|
|
53
|
+
circle1: (slotProps?: ({
|
|
54
|
+
size?: "lg" | "md" | "sm" | undefined;
|
|
55
|
+
color?: "current" | "white" | undefined;
|
|
56
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
|
|
57
|
+
circle2: (slotProps?: ({
|
|
58
|
+
size?: "lg" | "md" | "sm" | undefined;
|
|
59
|
+
color?: "current" | "white" | undefined;
|
|
60
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
|
|
61
|
+
} & {};
|
|
62
|
+
classNames: SlotsToClasses<"base" | "wrapper" | "circle1" | "circle2"> | undefined;
|
|
63
|
+
getSpinnerProps: PropGetter;
|
|
64
|
+
};
|
|
65
|
+
export type UseSpinnerReturn = ReturnType<typeof useSpinner>;
|
|
66
|
+
//# sourceMappingURL=use-spinner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-spinner.d.ts","sourceRoot":"","sources":["../../../src/spinner/use-spinner.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,EACd,YAAY,EACZ,mBAAmB,EACpB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAKhC,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAG9D,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,EACnC,mBAAmB;IACrB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC7B;;;;;;;;;;;;;;OAcG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;CAC1C;AAED,eAAO,MAAM,UAAU,kBAAmB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCxD,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export interface CreateContextOptions {
|
|
2
|
+
/**
|
|
3
|
+
* If `true`, React will throw if context is `null` or `undefined`
|
|
4
|
+
* In some cases, you might want to support nested context, so you can set it to `false`
|
|
5
|
+
*/
|
|
6
|
+
strict?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Error message to throw if the context is `undefined`
|
|
9
|
+
*/
|
|
10
|
+
errorMessage?: string;
|
|
11
|
+
/**
|
|
12
|
+
* The display name of the context
|
|
13
|
+
*/
|
|
14
|
+
name?: string;
|
|
15
|
+
}
|
|
16
|
+
export type CreateContextReturn<T> = [
|
|
17
|
+
React.Provider<T>,
|
|
18
|
+
() => T,
|
|
19
|
+
React.Context<T>
|
|
20
|
+
];
|
|
21
|
+
/**
|
|
22
|
+
* Creates a named context, provider, and hook.
|
|
23
|
+
*
|
|
24
|
+
* @param options - create context options
|
|
25
|
+
*/
|
|
26
|
+
export declare function createContext<ContextType>(options?: CreateContextOptions): CreateContextReturn<ContextType>;
|
|
27
|
+
//# sourceMappingURL=context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/context.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IACjB,MAAM,CAAC;IACP,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CACjB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,WAAW,EACvC,OAAO,GAAE,oBAAyB,GACjC,mBAAmB,CAAC,WAAW,CAAC,CA8BlC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import type * as CSS from "csstype";
|
|
2
|
+
import type { JSX, ReactNode } from "react";
|
|
3
|
+
import { AriaLabelingProps, DOMProps as SharedDOMProps } from "@react-types/shared";
|
|
4
|
+
/**
|
|
5
|
+
* Explicit re-export to fix error:
|
|
6
|
+
* The inferred type of useRenderProps cannot be named without a reference to .pnpm/csstype@3.1.3/node_modules/csstype . This is likely not portable. A type annotation is necessary.
|
|
7
|
+
*/
|
|
8
|
+
interface CSSProperties extends CSS.Properties<string | number> {
|
|
9
|
+
}
|
|
10
|
+
export type As<Props = any> = React.ElementType<Props>;
|
|
11
|
+
/**
|
|
12
|
+
* Extract the props of a React element or component
|
|
13
|
+
*/
|
|
14
|
+
export type PropsOf<T extends As> = React.ComponentPropsWithoutRef<T> & {
|
|
15
|
+
as?: As;
|
|
16
|
+
};
|
|
17
|
+
export type Merge<M, N> = N extends Record<string, unknown> ? M : Omit<M, keyof N> & N;
|
|
18
|
+
export type MergeWithAs<ComponentProps extends object, AsProps extends object, AdditionalProps extends object = {}, AsComponent extends As = As> = (RightJoinProps<ComponentProps, AdditionalProps> | RightJoinProps<AsProps, AdditionalProps>) & {
|
|
19
|
+
as?: AsComponent;
|
|
20
|
+
};
|
|
21
|
+
export type OmitCommonProps<Target, OmitAdditionalProps extends keyof any = never> = Omit<Target, "transition" | "as" | "color" | OmitAdditionalProps>;
|
|
22
|
+
export type RightJoinProps<SourceProps extends object = {}, OverrideProps extends object = {}> = OmitCommonProps<SourceProps, keyof OverrideProps> & OverrideProps;
|
|
23
|
+
/**
|
|
24
|
+
* Type that omits default React HTML props that conflicts with RAC and theming UI props.
|
|
25
|
+
*/
|
|
26
|
+
export type HtmlUiProps<T extends As = "div", OmitKeys extends keyof any = never> = Omit<PropsOf<T>, "ref" | "color" | "slot" | "size" | "defaultChecked" | "defaultValue" | OmitKeys> & {
|
|
27
|
+
as?: As;
|
|
28
|
+
};
|
|
29
|
+
export type DOMElements = keyof JSX.IntrinsicElements;
|
|
30
|
+
export interface DOMElement extends Element, HTMLOrSVGElement {
|
|
31
|
+
}
|
|
32
|
+
type DataAttributes = Record<string, any>;
|
|
33
|
+
export type DOMAttributes<T = DOMElement> = React.AriaAttributes & React.DOMAttributes<T> & DataAttributes & {
|
|
34
|
+
id?: string;
|
|
35
|
+
role?: React.AriaRole;
|
|
36
|
+
tabIndex?: number;
|
|
37
|
+
style?: React.CSSProperties;
|
|
38
|
+
};
|
|
39
|
+
export type PropGetter<P = Record<string, unknown>, R = DOMAttributes> = (props?: Merge<DOMAttributes, P>, ref?: React.Ref<any>) => R & React.RefAttributes<any>;
|
|
40
|
+
export interface StyleRenderProps<T> {
|
|
41
|
+
/** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state. */
|
|
42
|
+
className?: string | ((values: T & {
|
|
43
|
+
defaultClassName: string | undefined;
|
|
44
|
+
}) => string);
|
|
45
|
+
/** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state. */
|
|
46
|
+
style?: CSSProperties | ((values: T & {
|
|
47
|
+
defaultStyle: CSSProperties;
|
|
48
|
+
}) => CSSProperties | undefined);
|
|
49
|
+
}
|
|
50
|
+
export interface RenderProps<T> extends StyleRenderProps<T> {
|
|
51
|
+
/** The children of the component. A function may be provided to alter the children based on component state. */
|
|
52
|
+
children?: ReactNode | ((values: T & {
|
|
53
|
+
defaultChildren: ReactNode | undefined;
|
|
54
|
+
}) => ReactNode);
|
|
55
|
+
}
|
|
56
|
+
export interface RenderPropsHookOptions<T> extends RenderProps<T>, SharedDOMProps, AriaLabelingProps {
|
|
57
|
+
values: T;
|
|
58
|
+
defaultChildren?: ReactNode;
|
|
59
|
+
defaultClassName?: string;
|
|
60
|
+
defaultStyle?: CSSProperties;
|
|
61
|
+
}
|
|
62
|
+
export {};
|
|
63
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/system/types.ts"],"names":[],"mappings":"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"}
|