@luxfi/ui 8.2.7 → 8.2.9

package/dist/textarea.cjs

@@ -3,6 +3,7 @@
 
 var gui = require('@hanzo/gui');
 var React = require('react');
+var input_cjs = require('./input.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -10,53 +11,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 var SIZE = {
-  xs: { height: 24, paddingHorizontal: 8, fontSize: "$1", borderRadius: 4 },
-  sm: { height: 32, paddingHorizontal: 12, fontSize: "$3", borderRadius: 6 },
-  md: { height: 40, paddingHorizontal: 16, fontSize: "$5", borderRadius: 6 },
-  lg: { height: 48, paddingHorizontal: 16, fontSize: "$6", borderRadius: 8 },
-  "2xl": { height: 56, paddingHorizontal: 16, fontSize: "$7", borderRadius: 8 }
-};
-var VARIANT = {
-  outline: { borderWidth: 1, borderStyle: "solid" },
-  filled: { borderWidth: 0, backgroundColor: "var(--color-input-filled-bg)" },
-  unstyled: { borderWidth: 0, backgroundColor: "transparent", padding: 0, height: "auto" }
-};
-var CONTROL = {
-  width: "100%",
-  outlineWidth: 0,
-  backgroundColor: "var(--color-input-bg)",
-  color: "var(--color-input-fg)",
-  borderColor: "var(--color-input-border)",
-  hoverStyle: { borderColor: "var(--color-input-border-hover)" },
-  focusStyle: { borderColor: "var(--color-input-border-focus)" },
-  disabledStyle: { opacity: 0.4, cursor: "not-allowed" }
-};
-var Input = React__default.default.forwardRef(
-  ({ size = "md", variant = "outline", className, onChange, onChangeText, ...rest }, ref) => {
-    const handleChange = React__default.default.useCallback(
-      (event) => {
-        onChange?.(event);
-        onChangeText?.(event.target.value);
-      },
-      [onChange, onChangeText]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      gui.Input,
-      {
-        ref,
-        unstyled: true,
-        className: className ? `lux-control ${className}` : "lux-control",
-        ...CONTROL,
-        ...SIZE[size],
-        ...VARIANT[variant],
-        ...rest,
-        onChange: handleChange
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-var SIZE2 = {
   xs: { paddingHorizontal: 8, paddingVertical: 4, fontSize: "$1", borderRadius: 4 },
   sm: { paddingHorizontal: 12, paddingVertical: 8, fontSize: "$3", borderRadius: 6 },
   md: { paddingHorizontal: 16, paddingVertical: 8, fontSize: "$5", borderRadius: 6 },
@@ -78,9 +32,9 @@ var Textarea = React__default.default.forwardRef(
         ref,
         unstyled: true,
         className: className ? `lux-control ${className}` : "lux-control",
-        ...CONTROL,
-        ...SIZE2[size],
-        ...VARIANT[variant],
+        ...input_cjs.CONTROL,
+        ...SIZE[size],
+        ...input_cjs.VARIANT[variant],
         ...rest,
         onChange: handleChange
       }

package/dist/textarea.js

@@ -1,56 +1,10 @@
 'use client';
-import { Input as Input$1, TextArea } from '@hanzo/gui';
+import { TextArea } from '@hanzo/gui';
 import React from 'react';
+import { VARIANT, CONTROL } from './input.js';
 import { jsx } from 'react/jsx-runtime';
 
 var SIZE = {
-  xs: { height: 24, paddingHorizontal: 8, fontSize: "$1", borderRadius: 4 },
-  sm: { height: 32, paddingHorizontal: 12, fontSize: "$3", borderRadius: 6 },
-  md: { height: 40, paddingHorizontal: 16, fontSize: "$5", borderRadius: 6 },
-  lg: { height: 48, paddingHorizontal: 16, fontSize: "$6", borderRadius: 8 },
-  "2xl": { height: 56, paddingHorizontal: 16, fontSize: "$7", borderRadius: 8 }
-};
-var VARIANT = {
-  outline: { borderWidth: 1, borderStyle: "solid" },
-  filled: { borderWidth: 0, backgroundColor: "var(--color-input-filled-bg)" },
-  unstyled: { borderWidth: 0, backgroundColor: "transparent", padding: 0, height: "auto" }
-};
-var CONTROL = {
-  width: "100%",
-  outlineWidth: 0,
-  backgroundColor: "var(--color-input-bg)",
-  color: "var(--color-input-fg)",
-  borderColor: "var(--color-input-border)",
-  hoverStyle: { borderColor: "var(--color-input-border-hover)" },
-  focusStyle: { borderColor: "var(--color-input-border-focus)" },
-  disabledStyle: { opacity: 0.4, cursor: "not-allowed" }
-};
-var Input = React.forwardRef(
-  ({ size = "md", variant = "outline", className, onChange, onChangeText, ...rest }, ref) => {
-    const handleChange = React.useCallback(
-      (event) => {
-        onChange?.(event);
-        onChangeText?.(event.target.value);
-      },
-      [onChange, onChangeText]
-    );
-    return /* @__PURE__ */ jsx(
-      Input$1,
-      {
-        ref,
-        unstyled: true,
-        className: className ? `lux-control ${className}` : "lux-control",
-        ...CONTROL,
-        ...SIZE[size],
-        ...VARIANT[variant],
-        ...rest,
-        onChange: handleChange
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-var SIZE2 = {
   xs: { paddingHorizontal: 8, paddingVertical: 4, fontSize: "$1", borderRadius: 4 },
   sm: { paddingHorizontal: 12, paddingVertical: 8, fontSize: "$3", borderRadius: 6 },
   md: { paddingHorizontal: 16, paddingVertical: 8, fontSize: "$5", borderRadius: 6 },
@@ -73,7 +27,7 @@ var Textarea = React.forwardRef(
         unstyled: true,
         className: className ? `lux-control ${className}` : "lux-control",
         ...CONTROL,
-        ...SIZE2[size],
+        ...SIZE[size],
         ...VARIANT[variant],
         ...rest,
         onChange: handleChange

package/dist/tooltip.cjs

@@ -3,7 +3,9 @@
 
 var gui = require('@hanzo/gui');
 var usehooks = require('@uidotdev/usehooks');
-var React2 = require('react');
+var React = require('react');
+var ink_cjs = require('./ink.cjs');
+var useNarrow_cjs = require('./use-narrow.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -24,34 +26,13 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var ink = (children, Wrap = gui.Text, props = {}) => {
-  let hasText = false;
-  React2.Children.forEach(children, (child) => {
-    if (typeof child === "string" || typeof child === "number") hasText = true;
-  });
-  if (!hasText) return children;
-  return React2.Children.map(children, (child) => typeof child === "string" || typeof child === "number" ? React2.createElement(Wrap, props, child) : child);
-};
-var TOUCH_PX = 1024;
-function useBelow(px) {
-  const [below, setBelow] = React2__namespace.useState(false);
-  React2__namespace.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${px - 1}px)`);
-    const apply = () => setBelow(mql.matches);
-    apply();
-    mql.addEventListener("change", apply);
-    return () => mql.removeEventListener("change", apply);
-  }, [px]);
-  return below;
-}
-var useIsTouch = () => useBelow(TOUCH_PX);
 function mapPlacement(p) {
   if (!p) return void 0;
   return p;
 }
-var Tooltip = React2__namespace.forwardRef(
+var Tooltip = React__namespace.forwardRef(
   function Tooltip2(props, ref) {
     const {
       showArrow: showArrowProp,
@@ -70,28 +51,28 @@ var Tooltip = React2__namespace.forwardRef(
       interactive,
       positioning
     } = props;
-    const [open, setOpen] = React2__namespace.useState(defaultOpen);
-    const timeoutRef = React2__namespace.useRef(null);
-    const isMobile = useIsTouch();
-    const handleOpenChange = React2__namespace.useCallback((nextOpen) => {
+    const [open, setOpen] = React__namespace.useState(defaultOpen);
+    const timeoutRef = React__namespace.useRef(null);
+    const isMobile = useNarrow_cjs.useIsTouch();
+    const handleOpenChange = React__namespace.useCallback((nextOpen) => {
       setOpen(nextOpen);
       onOpenChange?.({ open: nextOpen });
     }, [onOpenChange]);
-    const handleOpenChangeManual = React2__namespace.useCallback((nextOpen) => {
+    const handleOpenChangeManual = React__namespace.useCallback((nextOpen) => {
       timeoutRef.current && window.clearTimeout(timeoutRef.current);
       timeoutRef.current = window.setTimeout(() => {
         setOpen(nextOpen);
         onOpenChange?.({ open: nextOpen });
       }, nextOpen ? openDelay : closeDelay);
     }, [closeDelay, openDelay, onOpenChange]);
-    const handleClickAway = React2__namespace.useCallback(() => {
+    const handleClickAway = React__namespace.useCallback(() => {
       if (open) handleOpenChangeManual(false);
     }, [open, handleOpenChangeManual]);
     const triggerRef = usehooks.useClickAway(handleClickAway);
-    const handleTriggerClick = React2__namespace.useCallback(() => {
+    const handleTriggerClick = React__namespace.useCallback(() => {
       handleOpenChangeManual(!open);
     }, [handleOpenChangeManual, open]);
-    const handleContentClick = React2__namespace.useCallback((event) => {
+    const handleContentClick = React__namespace.useCallback((event) => {
       event.stopPropagation();
       if (interactive) {
         const closestLink = event.target?.closest("a");
@@ -100,7 +81,7 @@ var Tooltip = React2__namespace.forwardRef(
         }
       }
     }, [interactive, handleOpenChangeManual]);
-    React2__namespace.useEffect(() => {
+    React__namespace.useEffect(() => {
       return () => {
         if (timeoutRef.current) {
           clearTimeout(timeoutRef.current);
@@ -164,7 +145,7 @@ var Tooltip = React2__namespace.forwardRef(
                     backgroundColor: isPopover ? "var(--color-popover-bg)" : "var(--color-tooltip-bg)"
                   }
                 ),
-                ink(content, void 0, {
+                ink_cjs.ink(content, void 0, {
                   fontSize: 14,
                   color: isPopover ? "var(--color-text-primary)" : "var(--color-tooltip-fg)"
                 })

package/dist/tooltip.js

@@ -1,36 +1,16 @@
 'use client';
-import { TooltipGroup, Tooltip as Tooltip$1, Text } from '@hanzo/gui';
+import { TooltipGroup, Tooltip as Tooltip$1 } from '@hanzo/gui';
 import { useClickAway } from '@uidotdev/usehooks';
-import * as React2 from 'react';
-import { Children, createElement } from 'react';
+import * as React from 'react';
+import { ink } from './ink.js';
+import { useIsTouch } from './use-narrow.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var ink = (children, Wrap = Text, props = {}) => {
-  let hasText = false;
-  Children.forEach(children, (child) => {
-    if (typeof child === "string" || typeof child === "number") hasText = true;
-  });
-  if (!hasText) return children;
-  return Children.map(children, (child) => typeof child === "string" || typeof child === "number" ? createElement(Wrap, props, child) : child);
-};
-var TOUCH_PX = 1024;
-function useBelow(px) {
-  const [below, setBelow] = React2.useState(false);
-  React2.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${px - 1}px)`);
-    const apply = () => setBelow(mql.matches);
-    apply();
-    mql.addEventListener("change", apply);
-    return () => mql.removeEventListener("change", apply);
-  }, [px]);
-  return below;
-}
-var useIsTouch = () => useBelow(TOUCH_PX);
 function mapPlacement(p) {
   if (!p) return void 0;
   return p;
 }
-var Tooltip = React2.forwardRef(
+var Tooltip = React.forwardRef(
   function Tooltip2(props, ref) {
     const {
       showArrow: showArrowProp,
@@ -49,28 +29,28 @@ var Tooltip = React2.forwardRef(
       interactive,
       positioning
     } = props;
-    const [open, setOpen] = React2.useState(defaultOpen);
-    const timeoutRef = React2.useRef(null);
+    const [open, setOpen] = React.useState(defaultOpen);
+    const timeoutRef = React.useRef(null);
     const isMobile = useIsTouch();
-    const handleOpenChange = React2.useCallback((nextOpen) => {
+    const handleOpenChange = React.useCallback((nextOpen) => {
       setOpen(nextOpen);
       onOpenChange?.({ open: nextOpen });
     }, [onOpenChange]);
-    const handleOpenChangeManual = React2.useCallback((nextOpen) => {
+    const handleOpenChangeManual = React.useCallback((nextOpen) => {
       timeoutRef.current && window.clearTimeout(timeoutRef.current);
       timeoutRef.current = window.setTimeout(() => {
         setOpen(nextOpen);
         onOpenChange?.({ open: nextOpen });
       }, nextOpen ? openDelay : closeDelay);
     }, [closeDelay, openDelay, onOpenChange]);
-    const handleClickAway = React2.useCallback(() => {
+    const handleClickAway = React.useCallback(() => {
       if (open) handleOpenChangeManual(false);
     }, [open, handleOpenChangeManual]);
     const triggerRef = useClickAway(handleClickAway);
-    const handleTriggerClick = React2.useCallback(() => {
+    const handleTriggerClick = React.useCallback(() => {
       handleOpenChangeManual(!open);
     }, [handleOpenChangeManual, open]);
-    const handleContentClick = React2.useCallback((event) => {
+    const handleContentClick = React.useCallback((event) => {
       event.stopPropagation();
       if (interactive) {
         const closestLink = event.target?.closest("a");
@@ -79,7 +59,7 @@ var Tooltip = React2.forwardRef(
         }
       }
     }, [interactive, handleOpenChangeManual]);
-    React2.useEffect(() => {
+    React.useEffect(() => {
       return () => {
         if (timeoutRef.current) {
           clearTimeout(timeoutRef.current);

package/dist/vite.cjs

@@ -1,88 +1,9 @@
 'use client';
 'use strict';
 
-// src/engine.ts
-var GUI_PACKAGES = [
-  "@hanzo/gui",
-  "@hanzogui/accordion",
-  "@hanzogui/adapt",
-  "@hanzogui/alert-dialog",
-  "@hanzogui/animate",
-  "@hanzogui/animate-presence",
-  "@hanzogui/avatar",
-  "@hanzogui/button",
-  "@hanzogui/card",
-  "@hanzogui/checkbox",
-  "@hanzogui/collapsible",
-  "@hanzogui/component-helpers",
-  "@hanzogui/compose-refs",
-  "@hanzogui/config",
-  "@hanzogui/context-menu",
-  "@hanzogui/core",
-  "@hanzogui/create-context",
-  "@hanzogui/create-menu",
-  "@hanzogui/dialog",
-  "@hanzogui/dismissable",
-  "@hanzogui/element",
-  "@hanzogui/elements",
-  "@hanzogui/floating",
-  "@hanzogui/focus-scope",
-  "@hanzogui/font-size",
-  "@hanzogui/form",
-  "@hanzogui/get-token",
-  "@hanzogui/group",
-  "@hanzogui/helpers",
-  "@hanzogui/image",
-  "@hanzogui/input",
-  "@hanzogui/label",
-  "@hanzogui/list-item",
-  "@hanzogui/menu",
-  "@hanzogui/popover",
-  "@hanzogui/popper",
-  "@hanzogui/portal",
-  "@hanzogui/progress",
-  "@hanzogui/radio-group",
-  "@hanzogui/react-native-media-driver",
-  "@hanzogui/remove-scroll",
-  "@hanzogui/scroll-view",
-  "@hanzogui/select",
-  "@hanzogui/separator",
-  "@hanzogui/shapes",
-  "@hanzogui/sheet",
-  "@hanzogui/slider",
-  "@hanzogui/spacer",
-  "@hanzogui/spinner",
-  "@hanzogui/stacks",
-  "@hanzogui/switch",
-  "@hanzogui/tabs",
-  "@hanzogui/text",
-  "@hanzogui/theme",
-  "@hanzogui/toast",
-  "@hanzogui/toggle-group",
-  "@hanzogui/tooltip",
-  "@hanzogui/use-controllable-state",
-  "@hanzogui/use-debounce",
-  "@hanzogui/use-force-update",
-  "@hanzogui/use-presence",
-  "@hanzogui/use-window-dimensions",
-  "@hanzogui/visually-hidden",
-  "@hanzogui/web",
-  "@hanzogui/z-index-stack",
-  "@luxfi/ui"
-];
-var GUI_DEFINES = {
-  "process.env.EXPO_OS": JSON.stringify("web"),
-  "process.env.IS_WEB": JSON.stringify("true")
-};
-var ENGINE_DEDUPE = [
-  "react",
-  "react-dom",
-  "@tanstack/react-query",
-  ...GUI_PACKAGES
-];
+var engine_cjs = require('./engine.cjs');
 
-// src/vite.ts
-var DEDUPE = ENGINE_DEDUPE;
+var DEDUPE = engine_cjs.ENGINE_DEDUPE;
 var INCLUDE = [
   "react-native-web",
   "@react-native/normalize-color",
@@ -96,7 +17,7 @@ function luxUi(options = {}) {
     config: () => ({
       // The engine branches on these at module scope; without them it takes the
       // native path in a browser bundle. (./engine)
-      define: { ...GUI_DEFINES },
+      define: { ...engine_cjs.GUI_DEFINES },
       resolve: {
         alias: { "react-native": "react-native-web" },
         dedupe: [.../* @__PURE__ */ new Set([...DEDUPE, ...options.dedupe ?? []])]

package/dist/vite.js

@@ -1,85 +1,6 @@
 'use client';
-// src/engine.ts
-var GUI_PACKAGES = [
-  "@hanzo/gui",
-  "@hanzogui/accordion",
-  "@hanzogui/adapt",
-  "@hanzogui/alert-dialog",
-  "@hanzogui/animate",
-  "@hanzogui/animate-presence",
-  "@hanzogui/avatar",
-  "@hanzogui/button",
-  "@hanzogui/card",
-  "@hanzogui/checkbox",
-  "@hanzogui/collapsible",
-  "@hanzogui/component-helpers",
-  "@hanzogui/compose-refs",
-  "@hanzogui/config",
-  "@hanzogui/context-menu",
-  "@hanzogui/core",
-  "@hanzogui/create-context",
-  "@hanzogui/create-menu",
-  "@hanzogui/dialog",
-  "@hanzogui/dismissable",
-  "@hanzogui/element",
-  "@hanzogui/elements",
-  "@hanzogui/floating",
-  "@hanzogui/focus-scope",
-  "@hanzogui/font-size",
-  "@hanzogui/form",
-  "@hanzogui/get-token",
-  "@hanzogui/group",
-  "@hanzogui/helpers",
-  "@hanzogui/image",
-  "@hanzogui/input",
-  "@hanzogui/label",
-  "@hanzogui/list-item",
-  "@hanzogui/menu",
-  "@hanzogui/popover",
-  "@hanzogui/popper",
-  "@hanzogui/portal",
-  "@hanzogui/progress",
-  "@hanzogui/radio-group",
-  "@hanzogui/react-native-media-driver",
-  "@hanzogui/remove-scroll",
-  "@hanzogui/scroll-view",
-  "@hanzogui/select",
-  "@hanzogui/separator",
-  "@hanzogui/shapes",
-  "@hanzogui/sheet",
-  "@hanzogui/slider",
-  "@hanzogui/spacer",
-  "@hanzogui/spinner",
-  "@hanzogui/stacks",
-  "@hanzogui/switch",
-  "@hanzogui/tabs",
-  "@hanzogui/text",
-  "@hanzogui/theme",
-  "@hanzogui/toast",
-  "@hanzogui/toggle-group",
-  "@hanzogui/tooltip",
-  "@hanzogui/use-controllable-state",
-  "@hanzogui/use-debounce",
-  "@hanzogui/use-force-update",
-  "@hanzogui/use-presence",
-  "@hanzogui/use-window-dimensions",
-  "@hanzogui/visually-hidden",
-  "@hanzogui/web",
-  "@hanzogui/z-index-stack",
-  "@luxfi/ui"
-];
-var GUI_DEFINES = {
-  "process.env.EXPO_OS": JSON.stringify("web"),
-  "process.env.IS_WEB": JSON.stringify("true")
-};
-var ENGINE_DEDUPE = [
-  "react",
-  "react-dom",
-  "@tanstack/react-query",
-  ...GUI_PACKAGES
-];
+import { GUI_DEFINES, ENGINE_DEDUPE } from './engine.js';
 
-// src/vite.ts
 var DEDUPE = ENGINE_DEDUPE;
 var INCLUDE = [
   "react-native-web",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxfi/ui",
-  "version": "8.2.7",
+  "version": "8.2.9",
   "description": "Cross-platform UI components on @hanzo/gui. Native mobile + web.",
   "type": "module",
   "license": "MIT",

package/dist/index.css

@@ -1,132 +0,0 @@
-/* src/site/components/icons/social-svg.css */
-.social-icon svg {
-  transform: scale(1.25);
-}
-
-/* src/site/style/drawer-handle-overrides.css */
-[vaul-drawer] {
-  touch-action: none;
-  transition: transform 0.5s cubic-bezier(0.32, 0.72, 0, 1);
-}
-[vaul-drawer][vaul-drawer-direction=bottom] {
-  transform: translate3d(0, 100%, 0);
-}
-[vaul-drawer][vaul-drawer-direction=top] {
-  transform: translate3d(0, -100%, 0);
-}
-[vaul-drawer][vaul-drawer-direction=left] {
-  transform: translate3d(-100%, 0, 0);
-}
-[vaul-drawer][vaul-drawer-direction=right] {
-  transform: translate3d(100%, 0, 0);
-}
-.vaul-dragging .vaul-scrollable [vault-drawer-direction=top] {
-  overflow-y: hidden !important;
-}
-.vaul-dragging .vaul-scrollable [vault-drawer-direction=bottom] {
-  overflow-y: hidden !important;
-}
-.vaul-dragging .vaul-scrollable [vault-drawer-direction=left] {
-  overflow-x: hidden !important;
-}
-.vaul-dragging .vaul-scrollable [vault-drawer-direction=right] {
-  overflow-x: hidden !important;
-}
-[vaul-drawer][vaul-drawer-visible=true][vaul-drawer-direction=top] {
-  transform: translate3d(0, var(--snap-point-height, 0), 0);
-}
-[vaul-drawer][vaul-drawer-visible=true][vaul-drawer-direction=bottom] {
-  transform: translate3d(0, var(--snap-point-height, 0), 0);
-}
-[vaul-drawer][vaul-drawer-visible=true][vaul-drawer-direction=left] {
-  transform: translate3d(var(--snap-point-height, 0), 0, 0);
-}
-[vaul-drawer][vaul-drawer-visible=true][vaul-drawer-direction=right] {
-  transform: translate3d(var(--snap-point-height, 0), 0, 0);
-}
-[vaul-overlay] {
-  opacity: 0;
-  transition: opacity 0.5s cubic-bezier(0.32, 0.72, 0, 1);
-}
-[vaul-overlay][vaul-drawer-visible=true] {
-  opacity: 1;
-}
-[vaul-drawer]::after {
-  content: "";
-  position: absolute;
-  background: inherit;
-  background-color: inherit;
-}
-[vaul-drawer][vaul-drawer-direction=top]::after {
-  top: initial;
-  bottom: 100%;
-  left: 0;
-  right: 0;
-  height: 200%;
-}
-[vaul-drawer][vaul-drawer-direction=bottom]::after {
-  top: 100%;
-  bottom: initial;
-  left: 0;
-  right: 0;
-  height: 200%;
-}
-[vaul-drawer][vaul-drawer-direction=left]::after {
-  left: initial;
-  right: 100%;
-  top: 0;
-  bottom: 0;
-  width: 200%;
-}
-[vaul-drawer][vaul-drawer-direction=right]::after {
-  left: 100%;
-  right: initial;
-  top: 0;
-  bottom: 0;
-  width: 200%;
-}
-[vaul-handle] {
-  touch-action: pan-y;
-  cursor: grab;
-}
-[vaul-handle]:active {
-  opacity: 1;
-}
-[vaul-handle]:active {
-  cursor: grabbing;
-}
-[vaul-handle]:focus-visible {
-  outline: none;
-}
-[vaul-handle-hitarea] {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  width: max(100%, 2.75rem);
-  height: max(100%, 2.75rem);
-  touch-action: inherit;
-}
-[vaul-overlay][vaul-snap-points=true]:not([vaul-snap-points-overlay=true]):not([data-state=closed]) {
-  opacity: 0;
-}
-[vaul-overlay][vaul-snap-points-overlay=true]:not([vaul-drawer-visible=false]) {
-  opacity: 1;
-}
-@keyframes fake-animation {
-  from {
-  }
-  to {
-  }
-}
-@media (pointer: fine) {
-  [vaul-handle-hitarea] {
-    width: 100%;
-    height: 100%;
-  }
-}
-@media (hover: hover) and (pointer: fine) {
-  [vaul-drawer] {
-    user-select: none;
-  }
-}

package/dist/site/components/auth/login-panel.css

@@ -1,4 +0,0 @@
-/* src/site/components/icons/social-svg.css */
-.social-icon svg {
-  transform: scale(1.25);
-}

package/dist/site/components/commerce/bag-button.css

@@ -1,4 +0,0 @@
-/* src/site/components/icons/social-svg.css */
-.social-icon svg {
-  transform: scale(1.25);
-}

package/dist/site/components/commerce/checkout-button.css

@@ -1,4 +0,0 @@
-/* src/site/components/icons/social-svg.css */
-.social-icon svg {
-  transform: scale(1.25);
-}