@clicoh/orion-library 1.2.0-beta.17 → 1.2.0-beta.18

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.
@@ -0,0 +1,32 @@
1
+ import type { ReactNode } from 'react';
2
+ export type ExpEnterIconProps = {
3
+ /** Width and height in pixels. */
4
+ size?: number;
5
+ /** Steps the arrow in and out of the door while the action runs. */
6
+ busy?: boolean;
7
+ /** Grays out, to match a disabled button. */
8
+ disabled?: boolean;
9
+ };
10
+ /**
11
+ * A door with an arrow going in, for the `iconL` of a core `Button` that
12
+ * signs in or enters somewhere. The arrow steps towards the door while the
13
+ * button is hovered and goes in and out while `busy`. It takes the text color
14
+ * of its button and is decorative.
15
+ *
16
+ * Outside an `ExpScope` it falls back to the plain sign-in icon.
17
+ *
18
+ * @component
19
+ * @example
20
+ * <Button type="submit" iconL={<ExpEnterIcon busy={isSending} />}>
21
+ * Sign in
22
+ * </Button>
23
+ *
24
+ * @param {Object} props - The properties of the ExpEnterIcon component.
25
+ * @param {number} [props.size=16] - Width and height in pixels.
26
+ * @param {boolean} [props.busy=false] - Steps the arrow in and out of the door while the action runs.
27
+ * @param {boolean} [props.disabled=false] - Grays out, to match a disabled button.
28
+ *
29
+ * @returns {ReactNode} The door and arrow, or `FiLogIn` outside an `ExpScope`.
30
+ */
31
+ export declare function ExpEnterIcon({ size, busy, disabled, }: ExpEnterIconProps): ReactNode;
32
+ //# sourceMappingURL=ExpEnterIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExpEnterIcon.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpEnterIcon/ExpEnterIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAS,EACT,IAAY,EACZ,QAAgB,GACjB,EAAE,iBAAiB,GAAG,SAAS,CAM/B"}
@@ -0,0 +1,32 @@
1
+ 'use client';
2
+ import { FiLogIn } from 'react-icons/fi';
3
+ import { useExpScope } from '../ExpScope/ExpScope';
4
+ import { EnterGlyph } from '../shared/glyphs';
5
+ /**
6
+ * A door with an arrow going in, for the `iconL` of a core `Button` that
7
+ * signs in or enters somewhere. The arrow steps towards the door while the
8
+ * button is hovered and goes in and out while `busy`. It takes the text color
9
+ * of its button and is decorative.
10
+ *
11
+ * Outside an `ExpScope` it falls back to the plain sign-in icon.
12
+ *
13
+ * @component
14
+ * @example
15
+ * <Button type="submit" iconL={<ExpEnterIcon busy={isSending} />}>
16
+ * Sign in
17
+ * </Button>
18
+ *
19
+ * @param {Object} props - The properties of the ExpEnterIcon component.
20
+ * @param {number} [props.size=16] - Width and height in pixels.
21
+ * @param {boolean} [props.busy=false] - Steps the arrow in and out of the door while the action runs.
22
+ * @param {boolean} [props.disabled=false] - Grays out, to match a disabled button.
23
+ *
24
+ * @returns {ReactNode} The door and arrow, or `FiLogIn` outside an `ExpScope`.
25
+ */
26
+ export function ExpEnterIcon({ size = 16, busy = false, disabled = false, }) {
27
+ const inScope = useExpScope();
28
+ if (!inScope)
29
+ return <FiLogIn aria-hidden="true"/>;
30
+ return <EnterGlyph size={size} busy={busy} disabled={disabled}/>;
31
+ }
32
+ //# sourceMappingURL=ExpEnterIcon.jsx.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExpEnterIcon.jsx","sourceRoot":"","sources":["../../src/expresivo/ExpEnterIcon/ExpEnterIcon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAGb,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAW9C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,GAAG,EAAE,EACT,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,KAAK,GACE;IAClB,MAAM,OAAO,GAAG,WAAW,EAAE,CAAC;IAE9B,IAAI,CAAC,OAAO;QAAE,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,EAAG,CAAC;IAEpD,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAG,CAAC;AACpE,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { ExpEnterIcon } from './ExpEnterIcon';
2
+ export type { ExpEnterIconProps } from './ExpEnterIcon';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpEnterIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { ExpEnterIcon } from './ExpEnterIcon';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/expresivo/ExpEnterIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
@@ -0,0 +1,56 @@
1
+ import { type HTMLAttributes, type ReactNode } from 'react';
2
+ import type { ExpMascotName } from '../ExpMascot/catalog';
3
+ export type ExpPeekProps = {
4
+ /** What the mascots peek from behind, usually a single button. */
5
+ children: ReactNode;
6
+ /**
7
+ * Mascots in the order they take turns, as groups of poses. Each turn shows
8
+ * one pose of its group, picked at random, and the order repeats.
9
+ */
10
+ cast?: readonly (readonly ExpMascotName[])[];
11
+ /** Width and height of the mascot, in pixels. */
12
+ size?: number;
13
+ /** Hides the mascot and stops the turns, for instance while the action runs. */
14
+ paused?: boolean;
15
+ /** How long each mascot stays out, in milliseconds. */
16
+ visibleMs?: number;
17
+ /** Pause between one mascot and the next, in milliseconds. */
18
+ gapMs?: number;
19
+ } & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
20
+ /**
21
+ * Wraps a button so the clicOH mascots peek out from behind its edges, one at
22
+ * a time: from the top edge at any point, or from the left or right side, with
23
+ * a random pose and tilt. Each one springs out, stays a few seconds, hides and
24
+ * makes room for the next, in the order of `cast`.
25
+ *
26
+ * The mascot sits behind the wrapped element, which covers its lower part;
27
+ * nothing is clipped, so leave some room around it. It is decorative and
28
+ * never takes clicks. Pause it while the action runs.
29
+ *
30
+ * Shows no mascot with reduced motion, outside an `ExpScope`, or when the
31
+ * scope hides mascots; the wrapped element renders as usual.
32
+ *
33
+ * @component
34
+ * @example
35
+ * <ExpPeek paused={isSending} className="w-full">
36
+ * <Button type="submit" className="w-full">Sign in</Button>
37
+ * </ExpPeek>
38
+ *
39
+ * @example
40
+ * // Only Fixi, bigger and slower
41
+ * <ExpPeek cast={[['fixi-01-feliz', 'fixi-06-celebrando']]} size={56} visibleMs={4000}>
42
+ * <Button>Fix it</Button>
43
+ * </ExpPeek>
44
+ *
45
+ * @param {Object} props - The properties of the ExpPeek component.
46
+ * @param {ReactNode} props.children - What the mascots peek from behind, usually a single button.
47
+ * @param {ExpMascotName[][]} [props.cast] - Mascots in turn order, as groups of poses; each turn picks one pose of its group. Defaults to Oculus searching, Bugi showing up and Fixi fixing.
48
+ * @param {number} [props.size=44] - Width and height of the mascot, in pixels.
49
+ * @param {boolean} [props.paused=false] - Hides the mascot and stops the turns.
50
+ * @param {number} [props.visibleMs=3000] - How long each mascot stays out, in milliseconds.
51
+ * @param {number} [props.gapMs=2000] - Pause between one mascot and the next, in milliseconds.
52
+ *
53
+ * @returns {ReactNode} The wrapped element with the mascots behind it.
54
+ */
55
+ export declare function ExpPeek({ children, cast, size, paused, visibleMs, gapMs, className, ...restProps }: ExpPeekProps): ReactNode;
56
+ //# sourceMappingURL=ExpPeek.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExpPeek.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpPeek/ExpPeek.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAe1D,MAAM,MAAM,YAAY,GAAG;IACzB,kEAAkE;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,aAAa,EAAE,CAAC,EAAE,CAAC;IAC7C,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAoDrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,IAAiB,EACjB,IAAS,EACT,MAAc,EACd,SAAgB,EAChB,KAAY,EACZ,SAAS,EACT,GAAG,SAAS,EACb,EAAE,YAAY,GAAG,SAAS,CA6D1B"}
@@ -0,0 +1,131 @@
1
+ 'use client';
2
+ import clsx from 'clsx';
3
+ import { useEffect, useState, } from 'react';
4
+ import { ExpMascot } from '../ExpMascot/ExpMascot';
5
+ import { useExpScopeOptions } from '../ExpScope/ExpScope';
6
+ /** Oculus searches, Bugi shows up, Fixi fixes it. */
7
+ const STORY_CAST = [
8
+ [
9
+ 'oculus-02-investigando',
10
+ 'oculus-07-buscando-rapido',
11
+ 'oculus-04-analizando-documento',
12
+ ],
13
+ ['bugi-01-alerta', 'bugi-05-sorprendido', 'bugi-02-investigando'],
14
+ ['fixi-04-reparando', 'fixi-01-feliz', 'fixi-06-celebrando'],
15
+ ];
16
+ /** The top edge comes up three times as often as each side. */
17
+ const SPOTS = ['top', 'top', 'top', 'left', 'right'];
18
+ const FIRST_DELAY_MS = 900;
19
+ const RISE_DELAY_MS = 40;
20
+ const HIDE_MS = 420;
21
+ const BOUNCE = 'cubic-bezier(.34,1.56,.64,1)';
22
+ const SINK = 'cubic-bezier(.55,0,.75,.2)';
23
+ function pick(items) {
24
+ return items[Math.floor(Math.random() * items.length)];
25
+ }
26
+ function peekStyle(peek, size, out) {
27
+ const sideways = { top: '50%', marginTop: -size / 2 };
28
+ const place = {
29
+ top: { top: 0, left: `calc(${12 + peek.along * 74}% - ${size / 2}px)` },
30
+ left: { ...sideways, left: 10 },
31
+ right: { ...sideways, right: 10 },
32
+ };
33
+ const outTransform = {
34
+ top: `translateY(-${Math.round(size * 0.68)}px) rotate(${peek.tilt}deg)`,
35
+ left: `translateX(-${size * 0.95}px) rotate(-10deg)`,
36
+ right: `translateX(${size * 0.95}px) rotate(10deg)`,
37
+ };
38
+ return {
39
+ width: size,
40
+ height: size,
41
+ ...place[peek.spot],
42
+ transformOrigin: peek.spot === 'top' ? '50% 100%' : '50% 50%',
43
+ transform: out ? outTransform[peek.spot] : 'none',
44
+ opacity: out ? 1 : 0,
45
+ transition: out
46
+ ? `transform 520ms ${BOUNCE}, opacity 80ms linear`
47
+ : `transform 360ms ${SINK}, opacity 120ms linear 260ms`,
48
+ };
49
+ }
50
+ /**
51
+ * Wraps a button so the clicOH mascots peek out from behind its edges, one at
52
+ * a time: from the top edge at any point, or from the left or right side, with
53
+ * a random pose and tilt. Each one springs out, stays a few seconds, hides and
54
+ * makes room for the next, in the order of `cast`.
55
+ *
56
+ * The mascot sits behind the wrapped element, which covers its lower part;
57
+ * nothing is clipped, so leave some room around it. It is decorative and
58
+ * never takes clicks. Pause it while the action runs.
59
+ *
60
+ * Shows no mascot with reduced motion, outside an `ExpScope`, or when the
61
+ * scope hides mascots; the wrapped element renders as usual.
62
+ *
63
+ * @component
64
+ * @example
65
+ * <ExpPeek paused={isSending} className="w-full">
66
+ * <Button type="submit" className="w-full">Sign in</Button>
67
+ * </ExpPeek>
68
+ *
69
+ * @example
70
+ * // Only Fixi, bigger and slower
71
+ * <ExpPeek cast={[['fixi-01-feliz', 'fixi-06-celebrando']]} size={56} visibleMs={4000}>
72
+ * <Button>Fix it</Button>
73
+ * </ExpPeek>
74
+ *
75
+ * @param {Object} props - The properties of the ExpPeek component.
76
+ * @param {ReactNode} props.children - What the mascots peek from behind, usually a single button.
77
+ * @param {ExpMascotName[][]} [props.cast] - Mascots in turn order, as groups of poses; each turn picks one pose of its group. Defaults to Oculus searching, Bugi showing up and Fixi fixing.
78
+ * @param {number} [props.size=44] - Width and height of the mascot, in pixels.
79
+ * @param {boolean} [props.paused=false] - Hides the mascot and stops the turns.
80
+ * @param {number} [props.visibleMs=3000] - How long each mascot stays out, in milliseconds.
81
+ * @param {number} [props.gapMs=2000] - Pause between one mascot and the next, in milliseconds.
82
+ *
83
+ * @returns {ReactNode} The wrapped element with the mascots behind it.
84
+ */
85
+ export function ExpPeek({ children, cast = STORY_CAST, size = 44, paused = false, visibleMs = 3000, gapMs = 2000, className, ...restProps }) {
86
+ const options = useExpScopeOptions();
87
+ const [peek, setPeek] = useState(null);
88
+ const [out, setOut] = useState(false);
89
+ const active = !!options && options.mascots !== 'hidden' && !paused;
90
+ const castKey = cast.map((group) => group.join(',')).join('|');
91
+ useEffect(() => {
92
+ const groups = castKey
93
+ .split('|')
94
+ .map((group) => group.split(','))
95
+ .filter((group) => group[0] !== '');
96
+ const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
97
+ if (!active || reduceMotion || groups.length === 0)
98
+ return;
99
+ let turn = 0;
100
+ const timers = [];
101
+ const later = (run, ms) => {
102
+ timers.push(setTimeout(run, ms));
103
+ };
104
+ const next = () => {
105
+ const group = groups[turn % groups.length];
106
+ turn += 1;
107
+ setPeek({
108
+ turn,
109
+ name: pick(group),
110
+ spot: pick(SPOTS),
111
+ along: Math.random(),
112
+ tilt: Math.round((Math.random() - 0.5) * 24),
113
+ });
114
+ later(() => setOut(true), RISE_DELAY_MS);
115
+ later(() => setOut(false), RISE_DELAY_MS + visibleMs);
116
+ later(next, RISE_DELAY_MS + visibleMs + HIDE_MS + gapMs);
117
+ };
118
+ later(next, FIRST_DELAY_MS);
119
+ return () => {
120
+ timers.forEach(clearTimeout);
121
+ setOut(false);
122
+ };
123
+ }, [active, castKey, visibleMs, gapMs]);
124
+ return (<div {...restProps} className={clsx('relative isolate', className)}>
125
+ {!!peek && (<span key={peek.turn} aria-hidden="true" className="pointer-events-none absolute z-0" style={peekStyle(peek, size, out && active)}>
126
+ <ExpMascot name={peek.name} size={size}/>
127
+ </span>)}
128
+ <div className="relative z-1">{children}</div>
129
+ </div>);
130
+ }
131
+ //# sourceMappingURL=ExpPeek.jsx.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExpPeek.jsx","sourceRoot":"","sources":["../../src/expresivo/ExpPeek/ExpPeek.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { ExpPeek } from './ExpPeek';
2
+ export type { ExpPeekProps } from './ExpPeek';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/expresivo/ExpPeek/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { ExpPeek } from './ExpPeek';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/expresivo/ExpPeek/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
@@ -1,6 +1,8 @@
1
1
  export * from './ExpScope';
2
2
  export * from './ExpMascot';
3
3
  export * from './ExpLensIcon';
4
+ export * from './ExpEnterIcon';
5
+ export * from './ExpPeek';
4
6
  export * from './ExpKeyButton';
5
7
  export * from './ExpPillButton';
6
8
  export * from './ExpMedalBadge';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/expresivo/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/expresivo/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}
@@ -1,6 +1,8 @@
1
1
  export * from './ExpScope';
2
2
  export * from './ExpMascot';
3
3
  export * from './ExpLensIcon';
4
+ export * from './ExpEnterIcon';
5
+ export * from './ExpPeek';
4
6
  export * from './ExpKeyButton';
5
7
  export * from './ExpPillButton';
6
8
  export * from './ExpMedalBadge';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/expresivo/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/expresivo/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clicoh/orion-library",
3
- "version": "1.2.0-beta.17",
3
+ "version": "1.2.0-beta.18",
4
4
  "main": "index.js",
5
5
  "dependencies": {
6
6
  "@floating-ui/react": "0.26.19",