@luxfi/ui 8.2.12 → 8.3.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/3d-carousel.d.ts +2 -1
- package/dist/3d-carousel.d.ts.map +1 -1
- package/dist/3d-marquee.cjs +635 -607
- package/dist/3d-marquee.js +635 -607
- package/dist/animated-background.cjs +643 -615
- package/dist/animated-background.js +643 -615
- package/dist/animated-beam.cjs +634 -606
- package/dist/animated-beam.js +634 -606
- package/dist/animated-icon.cjs +672 -625
- package/dist/animated-icon.js +672 -625
- package/dist/animated-list.cjs +794 -663
- package/dist/animated-list.js +794 -663
- package/dist/animated-number.cjs +644 -616
- package/dist/animated-number.js +644 -616
- package/dist/animated-testimonials.cjs +668 -621
- package/dist/animated-testimonials.js +668 -621
- package/dist/animated-text.cjs +675 -628
- package/dist/animated-text.js +675 -628
- package/dist/animated-tooltip.cjs +668 -621
- package/dist/animated-tooltip.js +668 -621
- package/dist/apple-cards-carousel.cjs +676 -629
- package/dist/apple-cards-carousel.js +676 -629
- package/dist/apple-hello-effect.cjs +634 -606
- package/dist/apple-hello-effect.js +634 -606
- package/dist/calendar.cjs +2 -37
- package/dist/calendar.d.ts +11 -1
- package/dist/calendar.d.ts.map +1 -1
- package/dist/calendar.js +3 -38
- package/dist/dock.cjs +645 -617
- package/dist/dock.js +645 -617
- package/dist/image-zoom.d.ts +3 -2
- package/dist/image-zoom.d.ts.map +1 -1
- package/dist/input-otp.d.ts +4 -2
- package/dist/input-otp.d.ts.map +1 -1
- package/dist/pulse-animation.cjs +636 -608
- package/dist/pulse-animation.js +636 -608
- package/dist/resizable.cjs +4 -24
- package/dist/resizable.d.ts +12 -12
- package/dist/resizable.d.ts.map +1 -1
- package/dist/resizable.js +4 -4
- package/dist/reveal-animation.cjs +639 -611
- package/dist/reveal-animation.js +639 -611
- package/package.json +39 -39
- package/src/3d-carousel.tsx +2 -2
- package/src/calendar.tsx +12 -43
- package/src/image-zoom.tsx +2 -2
- package/src/resizable.tsx +7 -7
- package/src/table.tsx +9 -9
- package/tokens.css +21 -0
package/dist/resizable.cjs
CHANGED
|
@@ -3,34 +3,14 @@
|
|
|
3
3
|
|
|
4
4
|
var lucideReact = require('lucide-react');
|
|
5
5
|
var ui = require('@hanzo/ui');
|
|
6
|
-
var
|
|
6
|
+
var reactResizablePanels = require('react-resizable-panels');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
|
|
9
|
-
function _interopNamespace(e) {
|
|
10
|
-
if (e && e.__esModule) return e;
|
|
11
|
-
var n = Object.create(null);
|
|
12
|
-
if (e) {
|
|
13
|
-
Object.keys(e).forEach(function (k) {
|
|
14
|
-
if (k !== 'default') {
|
|
15
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
16
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
17
|
-
enumerable: true,
|
|
18
|
-
get: function () { return e[k]; }
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
n.default = e;
|
|
24
|
-
return Object.freeze(n);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
var ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrimitive);
|
|
28
|
-
|
|
29
9
|
var ResizablePanelGroup = ({
|
|
30
10
|
className,
|
|
31
11
|
...props
|
|
32
12
|
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
33
|
-
|
|
13
|
+
reactResizablePanels.PanelGroup,
|
|
34
14
|
{
|
|
35
15
|
className: ui.cn(
|
|
36
16
|
"flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
|
|
@@ -39,13 +19,13 @@ var ResizablePanelGroup = ({
|
|
|
39
19
|
...props
|
|
40
20
|
}
|
|
41
21
|
);
|
|
42
|
-
var ResizablePanel =
|
|
22
|
+
var ResizablePanel = reactResizablePanels.Panel;
|
|
43
23
|
var ResizableHandle = ({
|
|
44
24
|
withHandle,
|
|
45
25
|
className,
|
|
46
26
|
...props
|
|
47
27
|
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
48
|
-
|
|
28
|
+
reactResizablePanels.PanelResizeHandle,
|
|
49
29
|
{
|
|
50
30
|
className: ui.cn(
|
|
51
31
|
"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
|
package/dist/resizable.d.ts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import
|
|
2
|
-
declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof
|
|
1
|
+
import { PanelGroup, PanelResizeHandle } from "react-resizable-panels";
|
|
2
|
+
declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof PanelGroup>) => import("react").JSX.Element;
|
|
3
3
|
declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBRElement | HTMLBaseElement | HTMLBodyElement | HTMLButtonElement | HTMLCanvasElement | HTMLDListElement | HTMLDataElement | HTMLDataListElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHRElement | HTMLHeadElement | HTMLHeadingElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLIElement | HTMLLabelElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLModElement | HTMLOListElement | HTMLObjectElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLQuoteElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableCaptionElement | HTMLTableCellElement | HTMLTableColElement | HTMLTableElement | HTMLTableRowElement | HTMLTableSectionElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
|
|
4
|
-
className?: string;
|
|
4
|
+
className?: string | undefined;
|
|
5
5
|
collapsedSize?: number | undefined;
|
|
6
6
|
collapsible?: boolean | undefined;
|
|
7
7
|
defaultSize?: number | undefined;
|
|
8
|
-
id?: string;
|
|
8
|
+
id?: string | undefined;
|
|
9
9
|
maxSize?: number | undefined;
|
|
10
10
|
minSize?: number | undefined;
|
|
11
|
-
onCollapse?:
|
|
12
|
-
onExpand?:
|
|
13
|
-
onResize?:
|
|
14
|
-
order?: number;
|
|
15
|
-
style?: object;
|
|
11
|
+
onCollapse?: import("react-resizable-panels").PanelOnCollapse | undefined;
|
|
12
|
+
onExpand?: import("react-resizable-panels").PanelOnExpand | undefined;
|
|
13
|
+
onResize?: import("react-resizable-panels").PanelOnResize | undefined;
|
|
14
|
+
order?: number | undefined;
|
|
15
|
+
style?: object | undefined;
|
|
16
16
|
tagName?: keyof HTMLElementTagNameMap | undefined;
|
|
17
17
|
} & {
|
|
18
|
-
children?: import("react").ReactNode
|
|
19
|
-
} & import("react").RefAttributes<
|
|
20
|
-
declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof
|
|
18
|
+
children?: import("react").ReactNode;
|
|
19
|
+
} & import("react").RefAttributes<import("react-resizable-panels").ImperativePanelHandle>>;
|
|
20
|
+
declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof PanelResizeHandle> & {
|
|
21
21
|
withHandle?: boolean;
|
|
22
22
|
}) => import("react").JSX.Element;
|
|
23
23
|
export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
|
package/dist/resizable.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../src/resizable.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../src/resizable.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAS,UAAU,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAI7E,QAAA,MAAM,mBAAmB,4BAGtB,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,gCAQzC,CAAA;AAED,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;0FAAQ,CAAA;AAE5B,QAAA,MAAM,eAAe,wCAIlB,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,GAAG;IAClD,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,gCAcA,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}
|
package/dist/resizable.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { GripVertical } from 'lucide-react';
|
|
3
3
|
import { cn, Box, css } from '@hanzo/ui';
|
|
4
|
-
import
|
|
4
|
+
import { Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
6
|
|
|
7
7
|
var ResizablePanelGroup = ({
|
|
8
8
|
className,
|
|
9
9
|
...props
|
|
10
10
|
}) => /* @__PURE__ */ jsx(
|
|
11
|
-
|
|
11
|
+
PanelGroup,
|
|
12
12
|
{
|
|
13
13
|
className: cn(
|
|
14
14
|
"flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
|
|
@@ -17,13 +17,13 @@ var ResizablePanelGroup = ({
|
|
|
17
17
|
...props
|
|
18
18
|
}
|
|
19
19
|
);
|
|
20
|
-
var ResizablePanel =
|
|
20
|
+
var ResizablePanel = Panel;
|
|
21
21
|
var ResizableHandle = ({
|
|
22
22
|
withHandle,
|
|
23
23
|
className,
|
|
24
24
|
...props
|
|
25
25
|
}) => /* @__PURE__ */ jsx(
|
|
26
|
-
|
|
26
|
+
PanelResizeHandle,
|
|
27
27
|
{
|
|
28
28
|
className: cn(
|
|
29
29
|
"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
|