@hanzo/ui 5.6.0 → 5.6.1
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/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/primitives/resizable.d.ts +18 -2
- package/dist/primitives/resizable.d.ts.map +1 -1
- package/dist/primitives/resizable.js +1 -1
- package/dist/resizable.js +1 -1
- package/dist/resizable.mjs +1 -1
- package/package.json +10 -10
|
@@ -1,6 +1,22 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PanelGroup, PanelResizeHandle } from 'react-resizable-panels';
|
|
2
2
|
declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof PanelGroup>) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
declare const ResizablePanel:
|
|
3
|
+
declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLSpanElement | HTMLElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
|
|
4
|
+
className?: string;
|
|
5
|
+
collapsedSize?: number | undefined;
|
|
6
|
+
collapsible?: boolean | undefined;
|
|
7
|
+
defaultSize?: number | undefined;
|
|
8
|
+
id?: string;
|
|
9
|
+
maxSize?: number | undefined;
|
|
10
|
+
minSize?: number | undefined;
|
|
11
|
+
onCollapse?: import("react-resizable-panels").PanelOnCollapse;
|
|
12
|
+
onExpand?: import("react-resizable-panels").PanelOnExpand;
|
|
13
|
+
onResize?: import("react-resizable-panels").PanelOnResize;
|
|
14
|
+
order?: number;
|
|
15
|
+
style?: object;
|
|
16
|
+
tagName?: keyof HTMLElementTagNameMap | undefined;
|
|
17
|
+
} & {
|
|
18
|
+
children?: import("react").ReactNode | undefined;
|
|
19
|
+
} & import("react").RefAttributes<import("react-resizable-panels").ImperativePanelHandle>>;
|
|
4
20
|
declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof PanelResizeHandle> & {
|
|
5
21
|
withHandle?: boolean;
|
|
6
22
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../primitives/resizable.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../primitives/resizable.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EAEV,iBAAiB,EAClB,MAAM,wBAAwB,CAAC;AAIhC,QAAA,MAAM,mBAAmB,GAAI,yBAG1B,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,4CAQzC,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;0FAAQ,CAAC;AAE7B,QAAA,MAAM,eAAe,GAAI,qCAItB,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,GAAG;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,4CAkBA,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { GripVertical } from 'lucide-react';
|
|
3
|
-
import {
|
|
3
|
+
import { PanelGroup, Panel, PanelResizeHandle, } from 'react-resizable-panels';
|
|
4
4
|
import { cn } from '../src/utils';
|
|
5
5
|
const ResizablePanelGroup = ({ className, ...props }) => (_jsx(PanelGroup, { className: cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className), ...props }));
|
|
6
6
|
const ResizablePanel = Panel;
|
package/dist/resizable.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';var lucideReact=require('lucide-react'),reactResizablePanels=require('react-resizable-panels'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');var i=Object.defineProperty;var t=(e,a)=>i(e,"name",{value:a,configurable:true});function n(...e){return tailwindMerge.twMerge(clsx.clsx(e))}t(n,"cn");var h=t(({className:e,...a})=>jsxRuntime.jsx(reactResizablePanels.
|
|
2
|
+
'use strict';var lucideReact=require('lucide-react'),reactResizablePanels=require('react-resizable-panels'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');var i=Object.defineProperty;var t=(e,a)=>i(e,"name",{value:a,configurable:true});function n(...e){return tailwindMerge.twMerge(clsx.clsx(e))}t(n,"cn");var h=t(({className:e,...a})=>jsxRuntime.jsx(reactResizablePanels.PanelGroup,{className:n("flex h-full w-full data-[panel-group-direction=vertical]:flex-col",e),...a}),"ResizablePanelGroup"),w=reactResizablePanels.Panel,z=t(({withHandle:e,className:a,...l})=>jsxRuntime.jsx(reactResizablePanels.PanelResizeHandle,{className:n("focus-visible:ring-ring relative flex w-px items-center justify-center bg-gray-100 after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden","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-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90","data-[resize-handle-state=drag]:after:bg-bg-secondary","data-[resize-handle-state=hover]:after:bg-bg-secondary","after:w-[1px] data-[panel-group-direction=vertical]:after:h-[1px]",a),...l,children:e&&jsxRuntime.jsx("div",{className:"z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-gray-200",children:jsxRuntime.jsx(lucideReact.GripVertical,{className:"h-2.5 w-2.5"})})}),"ResizableHandle");exports.ResizableHandle=z;exports.ResizablePanel=w;exports.ResizablePanelGroup=h;
|
package/dist/resizable.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {GripVertical}from'lucide-react';import {Panel,
|
|
2
|
+
import {GripVertical}from'lucide-react';import {Panel,PanelGroup,PanelResizeHandle}from'react-resizable-panels';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';var i=Object.defineProperty;var t=(e,a)=>i(e,"name",{value:a,configurable:true});function n(...e){return twMerge(clsx(e))}t(n,"cn");var h=t(({className:e,...a})=>jsx(PanelGroup,{className:n("flex h-full w-full data-[panel-group-direction=vertical]:flex-col",e),...a}),"ResizablePanelGroup"),w=Panel,z=t(({withHandle:e,className:a,...l})=>jsx(PanelResizeHandle,{className:n("focus-visible:ring-ring relative flex w-px items-center justify-center bg-gray-100 after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden","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-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90","data-[resize-handle-state=drag]:after:bg-bg-secondary","data-[resize-handle-state=hover]:after:bg-bg-secondary","after:w-[1px] data-[panel-group-direction=vertical]:after:h-[1px]",a),...l,children:e&&jsx("div",{className:"z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-gray-200",children:jsx(GripVertical,{className:"h-2.5 w-2.5"})})}),"ResizableHandle");export{z as ResizableHandle,w as ResizablePanel,h as ResizablePanelGroup};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzo/ui",
|
|
3
|
-
"version": "5.6.
|
|
3
|
+
"version": "5.6.1",
|
|
4
4
|
"description": "Multi-framework UI library with React, Vue, Svelte, and React Native support. Based on shadcn/ui with comprehensive framework coverage.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/",
|
|
@@ -98,15 +98,15 @@
|
|
|
98
98
|
"import": "./dist/registry/*.mjs",
|
|
99
99
|
"require": "./dist/registry/*.js"
|
|
100
100
|
},
|
|
101
|
-
"./primitives/bases/
|
|
102
|
-
"types": "./dist/primitives/bases/
|
|
103
|
-
"import": "./dist/primitives/bases/
|
|
104
|
-
"require": "./dist/primitives/bases/
|
|
101
|
+
"./primitives/bases/gui": {
|
|
102
|
+
"types": "./dist/primitives/bases/gui/index.d.ts",
|
|
103
|
+
"import": "./dist/primitives/bases/gui/index.mjs",
|
|
104
|
+
"require": "./dist/primitives/bases/gui/index.js"
|
|
105
105
|
},
|
|
106
|
-
"./primitives/bases/
|
|
107
|
-
"types": "./dist/primitives/bases/
|
|
108
|
-
"import": "./dist/primitives/bases/
|
|
109
|
-
"require": "./dist/primitives/bases/
|
|
106
|
+
"./primitives/bases/gui/*": {
|
|
107
|
+
"types": "./dist/primitives/bases/gui/*.d.ts",
|
|
108
|
+
"import": "./dist/primitives/bases/gui/*.mjs",
|
|
109
|
+
"require": "./dist/primitives/bases/gui/*.js"
|
|
110
110
|
},
|
|
111
111
|
"./calendar": {
|
|
112
112
|
"types": "./dist/calendar.d.ts",
|
|
@@ -738,7 +738,7 @@
|
|
|
738
738
|
"react-dom": "^18.0.0 || ^19.0.0",
|
|
739
739
|
"react-hook-form": "^7.0.0",
|
|
740
740
|
"react-qrcode-logo": "^2.0.0",
|
|
741
|
-
"react-resizable-panels": "^3.0.0
|
|
741
|
+
"react-resizable-panels": "^3.0.0",
|
|
742
742
|
"recharts": "^2.0.0",
|
|
743
743
|
"sql.js": "^1.0.0",
|
|
744
744
|
"styled-components": "^6.0.0",
|