@techsio/ui-kit 0.44.1 → 0.46.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.
Files changed (47) hide show
  1. package/dist/atoms/hotkeys.js +52 -0
  2. package/dist/hotkeys.js +108 -0
  3. package/dist/internal/molecules/command.context.js +14 -0
  4. package/dist/molecules/command.js +177 -0
  5. package/dist/molecules/tour.js +318 -0
  6. package/dist/src/atoms/hotkeys.d.ts +29 -0
  7. package/dist/src/atoms/hotkeys.d.ts.map +1 -0
  8. package/dist/src/hotkeys.d.ts +19 -0
  9. package/dist/src/hotkeys.d.ts.map +1 -0
  10. package/dist/src/internal/molecules/command.context.d.ts +6 -0
  11. package/dist/src/internal/molecules/command.context.d.ts.map +1 -0
  12. package/dist/src/molecules/command.d.ts +51 -0
  13. package/dist/src/molecules/command.d.ts.map +1 -0
  14. package/dist/src/molecules/toast.d.ts +9 -9
  15. package/dist/src/molecules/tour.d.ts +72 -0
  16. package/dist/src/molecules/tour.d.ts.map +1 -0
  17. package/dist/src/types/zag.d.ts +2 -0
  18. package/dist/src/types/zag.d.ts.map +1 -1
  19. package/dist/stories/atoms/hotkeys-hydration.fixture.d.ts +6 -0
  20. package/dist/stories/atoms/hotkeys-hydration.fixture.d.ts.map +1 -0
  21. package/dist/stories/atoms/hotkeys.stories.d.ts +336 -0
  22. package/dist/stories/atoms/hotkeys.stories.d.ts.map +1 -0
  23. package/dist/stories/changelog/changelog.stories.d.ts +1 -1
  24. package/dist/stories/changelog/changelog.stories.d.ts.map +1 -1
  25. package/dist/stories/molecules/command-hotkeys.stories.d.ts +38 -0
  26. package/dist/stories/molecules/command-hotkeys.stories.d.ts.map +1 -0
  27. package/dist/stories/molecules/command.stories.d.ts +74 -0
  28. package/dist/stories/molecules/command.stories.d.ts.map +1 -0
  29. package/dist/stories/molecules/tour.stories.d.ts +58 -0
  30. package/dist/stories/molecules/tour.stories.d.ts.map +1 -0
  31. package/dist/test/command-hotkeys.spec.d.ts +2 -0
  32. package/dist/test/command-hotkeys.spec.d.ts.map +1 -0
  33. package/dist/test/command.spec.d.ts +2 -0
  34. package/dist/test/command.spec.d.ts.map +1 -0
  35. package/dist/test/hotkeys.spec.d.ts +2 -0
  36. package/dist/test/hotkeys.spec.d.ts.map +1 -0
  37. package/dist/test/tour.playwright.config.d.ts +4 -0
  38. package/dist/test/tour.playwright.config.d.ts.map +1 -0
  39. package/dist/test/tour.spec.d.ts +2 -0
  40. package/dist/test/tour.spec.d.ts.map +1 -0
  41. package/dist/test/tour.typecheck.d.ts +11 -0
  42. package/dist/test/tour.typecheck.d.ts.map +1 -0
  43. package/package.json +7 -1
  44. package/src/tokens/components/atoms/_hotkeys.css +36 -0
  45. package/src/tokens/components/components.css +3 -0
  46. package/src/tokens/components/molecules/_command.css +43 -0
  47. package/src/tokens/components/molecules/_tour.css +121 -0
@@ -0,0 +1,29 @@
1
+ /**
2
+ * Hotkeys — @techsio/ui-kit atom.
3
+ *
4
+ * @component Hotkeys
5
+ * @componentVersion v1.0.1
6
+ * @skill hotkeys-usage
7
+ * @changelog libs/ui/stories/changelog/changelog.stories.tsx
8
+ */
9
+ import type { ComponentPropsWithoutRef, Ref } from "react";
10
+ import { type HotkeyFormatOptions } from "../hotkeys.js";
11
+ export type HotkeysProps = ComponentPropsWithoutRef<"span"> & {
12
+ hotkey?: string;
13
+ formatOptions?: HotkeyFormatOptions;
14
+ ref?: Ref<HTMLSpanElement>;
15
+ };
16
+ export declare function Hotkeys({ hotkey, formatOptions, children, className, ref, ...props }: HotkeysProps): import("react/jsx-runtime").JSX.Element;
17
+ export declare namespace Hotkeys {
18
+ var Key: ({ className, ref, ...props }: HotkeysKeyProps) => import("react/jsx-runtime").JSX.Element;
19
+ var Separator: ({ children, className, ref, ...props }: HotkeysSeparatorProps) => import("react/jsx-runtime").JSX.Element;
20
+ var Root: typeof Hotkeys;
21
+ var displayName: string;
22
+ }
23
+ export type HotkeysKeyProps = ComponentPropsWithoutRef<"kbd"> & {
24
+ ref?: Ref<HTMLElement>;
25
+ };
26
+ export type HotkeysSeparatorProps = ComponentPropsWithoutRef<"span"> & {
27
+ ref?: Ref<HTMLSpanElement>;
28
+ };
29
+ //# sourceMappingURL=hotkeys.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hotkeys.d.ts","sourceRoot":"","sources":["../../../src/atoms/hotkeys.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,KAAK,mBAAmB,EAAmB,MAAM,YAAY,CAAA;AAWtE,MAAM,MAAM,YAAY,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAAG;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B,CAAA;AAED,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,aAAa,EACb,QAAQ,EACR,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,YAAY,2CAgBd;yBAvBe,OAAO;4CAiCpB,eAAe;4DAqBf,qBAAqB;;;;AA7BxB,MAAM,MAAM,eAAe,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC9D,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CACvB,CAAA;AAkBD,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAAG;IACrE,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B,CAAA"}
@@ -0,0 +1,19 @@
1
+ import { type CommandDefinition, type HotkeyCommand, type HotkeyFormatOptions, type HotkeyStore } from "@zag-js/hotkeys";
2
+ export { createHotkeyStore } from "@zag-js/hotkeys";
3
+ export type { CommandDefinition, HotkeyAction, HotkeyCommand, HotkeyFormatOptions, HotkeyOptions, HotkeyStore, HotkeyStoreOptions, } from "@zag-js/hotkeys";
4
+ export type UseHotkeyProps = Omit<CommandDefinition, "id"> & {
5
+ store: HotkeyStore;
6
+ id?: string;
7
+ };
8
+ export declare function useHotkey({ store, id, ...command }: UseHotkeyProps): void;
9
+ export type UseHotkeysProps = {
10
+ store: HotkeyStore;
11
+ commands: CommandDefinition[];
12
+ };
13
+ export declare function useHotkeys({ store, commands }: UseHotkeysProps): void;
14
+ export type UseHotkeyRegistrationsProps = {
15
+ store: HotkeyStore;
16
+ };
17
+ export declare function useHotkeyRegistrations({ store }: UseHotkeyRegistrationsProps): HotkeyCommand[];
18
+ export declare function useFormatHotkey(): (hotkey: string, options?: HotkeyFormatOptions) => string;
19
+ //# sourceMappingURL=hotkeys.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hotkeys.d.ts","sourceRoot":"","sources":["../../src/hotkeys.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EAEtB,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAExB,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAA;AAWxB,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,YAAY,EACV,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,WAAW,EACX,kBAAkB,GACnB,MAAM,iBAAiB,CAAA;AAExB,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,GAAG;IAC3D,KAAK,EAAE,WAAW,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,OAAO,EAAE,EAAE,cAAc,QAGlE;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,iBAAiB,EAAE,CAAA;CAC9B,CAAA;AA4ED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,QAmC9D;AAED,MAAM,MAAM,2BAA2B,GAAG;IAAE,KAAK,EAAE,WAAW,CAAA;CAAE,CAAA;AAKhE,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,EAAE,2BAA2B,mBAiC5E;AAQD,wBAAgB,eAAe,KAOrB,QAAQ,MAAM,EAAE,UAAU,mBAAmB,YAQtD"}
@@ -0,0 +1,6 @@
1
+ import type { CommandApi, CommandItem } from "../../molecules/command.js";
2
+ export declare const CommandContext: import("react").Context<CommandApi | null>;
3
+ export declare const CommandItemContext: import("react").Context<CommandItem | null>;
4
+ export declare function useCommandContext(): CommandApi;
5
+ export declare function useCommandItemContext(): CommandItem;
6
+ //# sourceMappingURL=command.context.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"command.context.d.ts","sourceRoot":"","sources":["../../../../src/internal/molecules/command.context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAEtE,eAAO,MAAM,cAAc,4CAAyC,CAAA;AACpE,eAAO,MAAM,kBAAkB,6CAA0C,CAAA;AAEzE,wBAAgB,iBAAiB,eAMhC;AAED,wBAAgB,qBAAqB,gBAMpC"}
@@ -0,0 +1,51 @@
1
+ /**
2
+ * Command — @techsio/ui-kit molecule.
3
+ *
4
+ * @component Command
5
+ * @componentVersion v1.0.1
6
+ * @skill command-usage
7
+ * @changelog libs/ui/stories/changelog/changelog.stories.tsx
8
+ */
9
+ import * as combobox from "@zag-js/combobox";
10
+ import { type PropTypes } from "@zag-js/react";
11
+ import { type ComponentProps, type ReactNode } from "react";
12
+ export type CommandItem = {
13
+ value: string;
14
+ label: string;
15
+ keywords?: string[];
16
+ disabled?: boolean;
17
+ group?: string;
18
+ };
19
+ export type CommandApi = combobox.Api<PropTypes, CommandItem>;
20
+ export type CommandProps = Pick<combobox.Props<CommandItem>, "disabled" | "loopFocus" | "onSelect" | "inputValue" | "defaultInputValue" | "onInputValueChange"> & {
21
+ items: CommandItem[];
22
+ children: ReactNode;
23
+ id?: string;
24
+ className?: string;
25
+ ref?: ComponentProps<"div">["ref"];
26
+ locale?: string;
27
+ onEscape?: () => void;
28
+ };
29
+ export declare function Command({ items, children, id, className, ref, disabled, loopFocus, onSelect, locale, inputValue, defaultInputValue, onInputValueChange, onEscape, }: CommandProps): import("react/jsx-runtime").JSX.Element;
30
+ export declare namespace Command {
31
+ var Root: typeof Command;
32
+ var Label: ({ children, ...props }: ComponentProps<typeof import("../atoms/label.js").Label>) => import("react/jsx-runtime").JSX.Element;
33
+ var Control: ({ className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
34
+ var Input: ({ size, ...props }: ComponentProps<typeof import("../atoms/input.js").Input>) => import("react/jsx-runtime").JSX.Element;
35
+ var List: ({ className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
36
+ var ItemGroup: ({ id, className, ...props }: ComponentProps<"div"> & {
37
+ id: string;
38
+ }) => import("react/jsx-runtime").JSX.Element;
39
+ var ItemGroupLabel: ({ htmlFor, className, ...props }: ComponentProps<"div"> & {
40
+ htmlFor: string;
41
+ }) => import("react/jsx-runtime").JSX.Element;
42
+ var Item: ({ item, className, ...props }: ComponentProps<"div"> & {
43
+ item: CommandItem;
44
+ }) => import("react/jsx-runtime").JSX.Element;
45
+ var ItemText: ({ className, children, ...props }: ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
46
+ var Context: ({ children, }: {
47
+ children: (api: CommandApi) => ReactNode;
48
+ }) => ReactNode;
49
+ var Empty: ({ children, className, ...props }: ComponentProps<"output">) => import("react/jsx-runtime").JSX.Element;
50
+ }
51
+ //# sourceMappingURL=command.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../src/molecules/command.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AAE5C,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,eAAe,CAAA;AACtB,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AAWd,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,WAAW,CAAC,CAAA;AAC7D,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,EACzB,UAAU,GACV,WAAW,GACX,UAAU,GACV,YAAY,GACZ,mBAAmB,GACnB,oBAAoB,CACvB,GAAG;IACF,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAgBD,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,EAAE,EACF,SAAS,EACT,GAAG,EACH,QAAQ,EACR,SAAgB,EAChB,QAAQ,EACR,MAAM,EACN,UAAU,EACV,iBAAsB,EACtB,kBAAkB,EAClB,QAAQ,GACT,EAAE,YAAY,2CA6Dd;yBA3Ee,OAAO;;wCAkFpB,cAAc,CAAC,qCAAY,CAAC;2CAQ5B,cAAc,CAAC,KAAK,CAAC;oCAarB,cAAc,CAAC,qCAAY,CAAC;wCAQ5B,cAAc,CAAC,KAAK,CAAC;iDAcrB,cAAc,CAAC,KAAK,CAAC,GAAG;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE;2DActC,cAAc,CAAC,KAAK,CAAC,GAAG;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE;8CAc3C,cAAc,CAAC,KAAK,CAAC,GAAG;QAAE,IAAI,EAAE,WAAW,CAAA;KAAE;sDAgB7C,cAAc,CAAC,MAAM,CAAC;iCAetB;QACD,QAAQ,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,SAAS,CAAA;KACzC;mDAQE,cAAc,CAAC,QAAQ,CAAC"}
@@ -4,24 +4,24 @@ import type { VariantProps } from "tailwind-variants";
4
4
  declare const toastVariants: import("tailwind-variants").TVReturnType<{
5
5
  [key: string]: {
6
6
  [key: string]: import("tailwind-merge").ClassNameValue | {
7
- title?: import("tailwind-merge").ClassNameValue;
8
7
  description?: import("tailwind-merge").ClassNameValue;
9
- header?: import("tailwind-merge").ClassNameValue;
10
- icon?: import("tailwind-merge").ClassNameValue;
8
+ title?: import("tailwind-merge").ClassNameValue;
11
9
  group?: import("tailwind-merge").ClassNameValue;
10
+ header?: import("tailwind-merge").ClassNameValue;
12
11
  root?: import("tailwind-merge").ClassNameValue;
12
+ icon?: import("tailwind-merge").ClassNameValue;
13
13
  closeButton?: import("tailwind-merge").ClassNameValue;
14
14
  };
15
15
  };
16
16
  } | {
17
17
  [x: string]: {
18
18
  [x: string]: import("tailwind-merge").ClassNameValue | {
19
- title?: import("tailwind-merge").ClassNameValue;
20
19
  description?: import("tailwind-merge").ClassNameValue;
21
- header?: import("tailwind-merge").ClassNameValue;
22
- icon?: import("tailwind-merge").ClassNameValue;
20
+ title?: import("tailwind-merge").ClassNameValue;
23
21
  group?: import("tailwind-merge").ClassNameValue;
22
+ header?: import("tailwind-merge").ClassNameValue;
24
23
  root?: import("tailwind-merge").ClassNameValue;
24
+ icon?: import("tailwind-merge").ClassNameValue;
25
25
  closeButton?: import("tailwind-merge").ClassNameValue;
26
26
  };
27
27
  };
@@ -36,12 +36,12 @@ declare const toastVariants: import("tailwind-variants").TVReturnType<{
36
36
  }, undefined, {
37
37
  [key: string]: {
38
38
  [key: string]: import("tailwind-merge").ClassNameValue | {
39
- title?: import("tailwind-merge").ClassNameValue;
40
39
  description?: import("tailwind-merge").ClassNameValue;
41
- header?: import("tailwind-merge").ClassNameValue;
42
- icon?: import("tailwind-merge").ClassNameValue;
40
+ title?: import("tailwind-merge").ClassNameValue;
43
41
  group?: import("tailwind-merge").ClassNameValue;
42
+ header?: import("tailwind-merge").ClassNameValue;
44
43
  root?: import("tailwind-merge").ClassNameValue;
44
+ icon?: import("tailwind-merge").ClassNameValue;
45
45
  closeButton?: import("tailwind-merge").ClassNameValue;
46
46
  };
47
47
  };
@@ -0,0 +1,72 @@
1
+ /**
2
+ * Tour — @techsio/ui-kit molecule.
3
+ *
4
+ * @component Tour
5
+ * @componentVersion v1.0.2
6
+ * @skill tour-usage
7
+ * @changelog libs/ui/stories/changelog/changelog.stories.tsx
8
+ */
9
+ import { type PropTypes } from "@zag-js/react";
10
+ import { type Api, type Props, type StepActionFn, type StepActionType, type StepDetails } from "@zag-js/tour";
11
+ import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
12
+ import { type ActionIconProps } from "../atoms/action-icon.js";
13
+ import { type ButtonProps } from "../atoms/button.js";
14
+ export type TourStep = Omit<StepDetails, "title" | "description"> & {
15
+ title: ReactNode;
16
+ description: ReactNode;
17
+ };
18
+ export type TourAction = StepActionType | StepActionFn;
19
+ export type TourApi = Omit<Api<PropTypes>, "step" | "addStep" | "updateStep" | "setSteps"> & {
20
+ step: TourStep | null;
21
+ addStep: (step: TourStep) => void;
22
+ updateStep: (id: string, step: Partial<TourStep>) => void;
23
+ setSteps: (steps: TourStep[]) => void;
24
+ };
25
+ export type TourRootProps = Omit<Props, "id" | "steps" | "stepId"> & {
26
+ children: ReactNode;
27
+ id?: string;
28
+ /** Initial steps. Use the context API's setSteps to replace a running tour. */
29
+ steps: TourStep[];
30
+ };
31
+ export declare function Tour({ children, getRootNode, id, onStatusChange, steps, ...props }: TourRootProps): import("react/jsx-runtime").JSX.Element;
32
+ export declare namespace Tour {
33
+ var Context: ({ children }: TourContextProps) => ReactNode;
34
+ var Trigger: ({ disabled, onClick, stepId, type, ...props }: TourTriggerProps) => import("react/jsx-runtime").JSX.Element;
35
+ var Portal: (props: import("react").PropsWithChildren<import("@zag-js/react").PortalProps>) => import("react").JSX.Element;
36
+ var Backdrop: ({ className, ref, ...props }: TourPartProps) => import("react/jsx-runtime").JSX.Element | null;
37
+ var Spotlight: ({ className, ref, ...props }: TourPartProps) => import("react/jsx-runtime").JSX.Element | null;
38
+ var Positioner: ({ className, ref, ...props }: TourPartProps) => import("react/jsx-runtime").JSX.Element | null;
39
+ var Content: ({ className, ref, ...props }: TourPartProps) => import("react/jsx-runtime").JSX.Element;
40
+ var Arrow: ({ children, className, ref, ...props }: TourPartProps) => import("react/jsx-runtime").JSX.Element | null;
41
+ var ArrowTip: ({ className, ref, ...props }: TourPartProps) => import("react/jsx-runtime").JSX.Element;
42
+ var Title: ({ children, className, ref, ...props }: TourPartProps) => import("react/jsx-runtime").JSX.Element;
43
+ var Description: ({ children, className, ref, ...props }: TourPartProps) => import("react/jsx-runtime").JSX.Element;
44
+ var ProgressText: ({ children, className, ref, ...props }: TourProgressTextProps) => import("react/jsx-runtime").JSX.Element;
45
+ var Actions: ({ className, ref, ...props }: TourPartProps) => import("react/jsx-runtime").JSX.Element;
46
+ var ActionTrigger: ({ action, children, disabled, onClick, type, ...props }: TourActionTriggerProps) => import("react/jsx-runtime").JSX.Element;
47
+ var CloseTrigger: ({ className, icon, onClick, ref, ...props }: TourCloseTriggerProps) => import("react/jsx-runtime").JSX.Element;
48
+ var Root: typeof Tour;
49
+ var displayName: string;
50
+ }
51
+ export type TourContextProps = {
52
+ children: (api: TourApi) => ReactNode;
53
+ };
54
+ export type TourTriggerProps = ButtonProps & {
55
+ ref?: Ref<HTMLButtonElement>;
56
+ /** Start at this step instead of the first one. */
57
+ stepId?: string;
58
+ };
59
+ export type TourPartProps = ComponentPropsWithoutRef<"div"> & {
60
+ ref?: Ref<HTMLDivElement>;
61
+ };
62
+ export type TourProgressTextProps = ComponentPropsWithoutRef<"span"> & {
63
+ ref?: Ref<HTMLSpanElement>;
64
+ };
65
+ export type TourActionTriggerProps = Omit<ButtonProps, "action"> & {
66
+ action: TourAction;
67
+ ref?: Ref<HTMLButtonElement>;
68
+ };
69
+ export type TourCloseTriggerProps = Omit<ActionIconProps, "icon"> & {
70
+ icon?: ActionIconProps["icon"];
71
+ };
72
+ //# sourceMappingURL=tour.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tour.d.ts","sourceRoot":"","sources":["../../../src/molecules/tour.tsx"],"names":[],"mappings":"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"}
@@ -6,6 +6,7 @@ export type * as Combobox from "@zag-js/combobox";
6
6
  export type * as Dialog from "@zag-js/dialog";
7
7
  export type * as Drawer from "@zag-js/drawer";
8
8
  export type * as FileUpload from "@zag-js/file-upload";
9
+ export type * as Hotkeys from "@zag-js/hotkeys";
9
10
  export type * as Menu from "@zag-js/menu";
10
11
  export type * as NumberInput from "@zag-js/number-input";
11
12
  export type * as Pagination from "@zag-js/pagination";
@@ -19,5 +20,6 @@ export type * as Switch from "@zag-js/switch";
19
20
  export type * as Tabs from "@zag-js/tabs";
20
21
  export type * as Toast from "@zag-js/toast";
21
22
  export type * as Tooltip from "@zag-js/tooltip";
23
+ export type * as Tour from "@zag-js/tour";
22
24
  export type * as TreeView from "@zag-js/tree-view";
23
25
  //# sourceMappingURL=zag.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"zag.d.ts","sourceRoot":"","sources":["../../../src/types/zag.ts"],"names":[],"mappings":"AAAA,YAAY,KAAK,SAAS,MAAM,mBAAmB,CAAA;AACnD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,aAAa,MAAM,wBAAwB,CAAA;AAC5D,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACtD,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACxD,YAAY,KAAK,UAAU,MAAM,oBAAoB,CAAA;AACrD,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACtD,YAAY,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACxD,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,KAAK,MAAM,eAAe,CAAA;AAC3C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,KAAK,MAAM,eAAe,CAAA;AAC3C,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,QAAQ,MAAM,mBAAmB,CAAA"}
1
+ {"version":3,"file":"zag.d.ts","sourceRoot":"","sources":["../../../src/types/zag.ts"],"names":[],"mappings":"AAAA,YAAY,KAAK,SAAS,MAAM,mBAAmB,CAAA;AACnD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,aAAa,MAAM,wBAAwB,CAAA;AAC5D,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACtD,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACxD,YAAY,KAAK,UAAU,MAAM,oBAAoB,CAAA;AACrD,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACtD,YAAY,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACxD,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,KAAK,MAAM,eAAe,CAAA;AAC3C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,KAAK,MAAM,eAAe,CAAA;AAC3C,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,QAAQ,MAAM,mBAAmB,CAAA"}
@@ -0,0 +1,6 @@
1
+ import { type ReactNode } from "react";
2
+ export declare function HotkeysHydrationFixture(): import("react/jsx-runtime").JSX.Element;
3
+ export declare function HotkeysStrictModeFixture({ children, }: {
4
+ children: ReactNode;
5
+ }): import("react/jsx-runtime").JSX.Element;
6
+ //# sourceMappingURL=hotkeys-hydration.fixture.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hotkeys-hydration.fixture.d.ts","sourceRoot":"","sources":["../../../stories/atoms/hotkeys-hydration.fixture.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAA;AAK/E,wBAAgB,uBAAuB,4CA0BtC;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;CACpB,2CAoBA"}