@shopify/shop-minis-react
Version:
React component library for Shopify Shop Minis with Tailwind CSS v4 support (source-only, requires TypeScript)
50 lines (49 loc) • 2.02 kB
JavaScript
import { jsx as a } from "react/jsx-runtime";
import { PanelGroup as i, Panel as n, PanelResizeHandle as o } from "../../node_modules/.pnpm/react-resizable-panels@3.0.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-resizable-panels/dist/react-resizable-panels.browser.js";
import { cn as t } from "../../lib/utils.js";
import s from "../../node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/grip-vertical.js";
function u({
className: e,
...r
}) {
return /* @__PURE__ */ a(
i,
{
"data-slot": "resizable-panel-group",
className: t(
"flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
e
),
...r
}
);
}
function b({
...e
}) {
return /* @__PURE__ */ a(n, { "data-slot": "resizable-panel", ...e });
}
function g({
withHandle: e,
className: r,
...l
}) {
return /* @__PURE__ */ a(
o,
{
"data-slot": "resizable-handle",
className: t(
"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center 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",
r
),
...l,
children: e && /* @__PURE__ */ a("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ a(s, { className: "size-2.5" }) })
}
);
}
export {
g as ResizableHandle,
b as ResizablePanel,
u as ResizablePanelGroup
};
//# sourceMappingURL=resizable.js.map