npm - @remotion/design - Versions diffs - 4.0.538 → 4.0.540 - Mend

@remotion/design 4.0.538 → 4.0.540

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.

Files changed (5) hide show

package/dist/Select.js CHANGED Viewed

@@ -6,14 +6,14 @@ import { cn } from './helpers/cn';
 const Select = SelectPrimitive.Root;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;
-const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn('flex h-10 w-full items-center justify-between rounded-md border-black border-2 border-b-4 bg-card-bg px-3 py-5 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 font-brand', className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })] })));
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn('flex h-10 w-full items-center justify-between rounded-md border-black dark:border-[#505050] border-2 border-b-4 bg-card-bg dark:bg-[#1f1f1f] dark:text-white px-3 py-5 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 font-brand', className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })] })));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
 const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(ChevronUp, { className: "h-4 w-4" }) })));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
 const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, className: cn('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(ChevronDown, { className: "h-4 w-4" }) })));
 SelectScrollDownButton.displayName =
     SelectPrimitive.ScrollDownButton.displayName;
-const SelectContent = React.forwardRef(({ className, children, position = 'popper', ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn(' border-2 border-black relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md font-brand bg-card-bg text-text shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', position === 'popper' &&
+const SelectContent = React.forwardRef(({ className, children, position = 'popper', ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn(' border-2 border-black dark:border-[#505050] relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md font-brand bg-card-bg dark:bg-[#1f1f1f] text-text dark:text-white shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', position === 'popper' &&
             'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), position: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn('p-1', position === 'popper' &&
                     'h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)'), children: children }), _jsx(SelectScrollDownButton, {})] }) })));
 SelectContent.displayName = SelectPrimitive.Content.displayName;

package/dist/Switch.js CHANGED Viewed

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Switch = ({ active, onToggle, 'aria-label': ariaLabel }) => {
-    return (_jsx("button", { type: "button", role: "switch", "aria-checked": active, "aria-label": ariaLabel, "data-active": active, className: "h-[34px] transition-all rounded-full w-[56px] border-2 border-b-4 bg-gray-200 p-[2px] cursor-pointer data-[active=true]:bg-brand border-black relative shrink-0", onClick: onToggle, children: _jsx("div", { "data-active": active, className: "h-[20px] w-[20px] left-[4px] top-[4px] transition-all rounded-full bg-white border-2 border-black absolute data-[active=true]:left-[calc(100%-24px)]" }) }));
+    return (_jsx("button", { type: "button", role: "switch", "aria-checked": active, "aria-label": ariaLabel, "data-active": active, className: "h-[34px] transition-none rounded-full w-[56px] border-2 border-b-4 bg-gray-200 dark:bg-[#424243] p-[2px] cursor-pointer before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:bg-brand before:opacity-0 before:transition-opacity data-[active=true]:before:opacity-100 border-black relative shrink-0", onClick: onToggle, children: _jsx("div", { "data-active": active, className: "h-[20px] w-[20px] left-[4px] top-[4px] transition-[left] rounded-full bg-white dark:bg-[#aaa] before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:bg-white before:opacity-0 before:transition-opacity data-[active=true]:before:opacity-100 border-2 border-black absolute data-[active=true]:left-[calc(100%-24px)]" }) }));
 };

package/dist/esm/index.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
-// ../../node_modules/.bun/@radix-ui+react-slot@1.2.4+09a4a3ac15cb54ba/node_modules/@radix-ui/react-slot/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-slot@1.2.4+c841d34b494ec30a/node_modules/@radix-ui/react-slot/dist/index.mjs
 import * as React2 from "react";
-// ../../node_modules/.bun/@radix-ui+react-compose-refs@1.1.2+09a4a3ac15cb54ba/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-compose-refs@1.1.2+c841d34b494ec30a/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
 import * as React from "react";
 function setRef(ref, value) {
   if (typeof ref === "function") {
@@ -38,7 +38,7 @@ function useComposedRefs(...refs) {
   return React.useCallback(composeRefs(...refs), refs);
 }
-// ../../node_modules/.bun/@radix-ui+react-slot@1.2.4+09a4a3ac15cb54ba/node_modules/@radix-ui/react-slot/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-slot@1.2.4+c841d34b494ec30a/node_modules/@radix-ui/react-slot/dist/index.mjs
 import { Fragment as Fragment2, jsx } from "react/jsx-runtime";
 var REACT_LAZY_TYPE = Symbol.for("react.lazy");
 var use = React2[" use ".trim().toString()];
@@ -809,7 +809,7 @@ var PlanePaperIcon = (props) => {
     })
   });
 };
-// ../../node_modules/.bun/@radix-ui+react-select@2.1.1+f178f9b1194b24ba/node_modules/@radix-ui/react-select/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-select@2.1.1+b146eb580f4286be/node_modules/@radix-ui/react-select/dist/index.mjs
 import * as React36 from "react";
 import * as ReactDOM4 from "react-dom";
@@ -828,10 +828,10 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
   };
 }
-// ../../node_modules/.bun/@radix-ui+react-collection@1.1.0+f178f9b1194b24ba/node_modules/@radix-ui/react-collection/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-collection@1.1.0+b146eb580f4286be/node_modules/@radix-ui/react-collection/dist/index.mjs
 import React11 from "react";
-// ../../node_modules/.bun/@radix-ui+react-context@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-context/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-context@1.1.0+c841d34b494ec30a/node_modules/@radix-ui/react-context/dist/index.mjs
 import * as React8 from "react";
 import { jsx as jsx13 } from "react/jsx-runtime";
 function createContextScope(scopeName, createContextScopeDeps = []) {
@@ -892,7 +892,7 @@ function composeContextScopes(...scopes) {
   return createScope;
 }
-// ../../node_modules/.bun/@radix-ui+react-compose-refs@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-compose-refs@1.1.0+c841d34b494ec30a/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
 import * as React9 from "react";
 function setRef2(ref, value) {
   if (typeof ref === "function") {
@@ -908,7 +908,7 @@ function useComposedRefs2(...refs) {
   return React9.useCallback(composeRefs2(...refs), refs);
 }
-// ../../node_modules/.bun/@radix-ui+react-slot@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-slot/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-slot@1.1.0+c841d34b494ec30a/node_modules/@radix-ui/react-slot/dist/index.mjs
 import * as React10 from "react";
 import { Fragment as Fragment4, jsx as jsx14 } from "react/jsx-runtime";
 var Slot2 = React10.forwardRef((props, forwardedRef) => {
@@ -986,7 +986,7 @@ function getElementRef2(element) {
   return element.props.ref || element.ref;
 }
-// ../../node_modules/.bun/@radix-ui+react-collection@1.1.0+f178f9b1194b24ba/node_modules/@radix-ui/react-collection/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-collection@1.1.0+b146eb580f4286be/node_modules/@radix-ui/react-collection/dist/index.mjs
 import { jsx as jsx15 } from "react/jsx-runtime";
 function createCollection(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
@@ -1041,7 +1041,7 @@ function createCollection(name) {
   ];
 }
-// ../../node_modules/.bun/@radix-ui+react-direction@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-direction/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-direction@1.1.0+c841d34b494ec30a/node_modules/@radix-ui/react-direction/dist/index.mjs
 import * as React12 from "react";
 import { jsx as jsx16 } from "react/jsx-runtime";
 var DirectionContext = React12.createContext(undefined);
@@ -1050,10 +1050,10 @@ function useDirection(localDir) {
   return localDir || globalDir || "ltr";
 }
-// ../../node_modules/.bun/@radix-ui+react-dismissable-layer@1.1.0+f178f9b1194b24ba/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-dismissable-layer@1.1.0+b146eb580f4286be/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
 import * as React16 from "react";
-// ../../node_modules/.bun/@radix-ui+react-primitive@2.0.0+f178f9b1194b24ba/node_modules/@radix-ui/react-primitive/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-primitive@2.0.0+b146eb580f4286be/node_modules/@radix-ui/react-primitive/dist/index.mjs
 import * as React13 from "react";
 import * as ReactDOM from "react-dom";
 import { jsx as jsx17 } from "react/jsx-runtime";
@@ -1092,7 +1092,7 @@ function dispatchDiscreteCustomEvent(target, event) {
     ReactDOM.flushSync(() => target.dispatchEvent(event));
 }
-// ../../node_modules/.bun/@radix-ui+react-use-callback-ref@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-use-callback-ref@1.1.0+c841d34b494ec30a/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
 import * as React14 from "react";
 function useCallbackRef(callback) {
   const callbackRef = React14.useRef(callback);
@@ -1102,7 +1102,7 @@ function useCallbackRef(callback) {
   return React14.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
-// ../../node_modules/.bun/@radix-ui+react-use-escape-keydown@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-use-escape-keydown@1.1.0+c841d34b494ec30a/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
 import * as React15 from "react";
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
   const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
@@ -1117,7 +1117,7 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
   }, [onEscapeKeyDown, ownerDocument]);
 }
-// ../../node_modules/.bun/@radix-ui+react-dismissable-layer@1.1.0+f178f9b1194b24ba/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-dismissable-layer@1.1.0+b146eb580f4286be/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
 import { jsx as jsx18 } from "react/jsx-runtime";
 var DISMISSABLE_LAYER_NAME = "DismissableLayer";
 var CONTEXT_UPDATE = "dismissableLayer.update";
@@ -1315,7 +1315,7 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
   }
 }
-// ../../node_modules/.bun/@radix-ui+react-focus-guards@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-focus-guards@1.1.0+c841d34b494ec30a/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
 import * as React17 from "react";
 var count = 0;
 function useFocusGuards() {
@@ -1340,7 +1340,7 @@ function createFocusGuard() {
   return element;
 }
-// ../../node_modules/.bun/@radix-ui+react-focus-scope@1.1.0+f178f9b1194b24ba/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-focus-scope@1.1.0+b146eb580f4286be/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
 import * as React18 from "react";
 import { jsx as jsx19 } from "react/jsx-runtime";
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
@@ -1559,14 +1559,14 @@ function removeLinks(items) {
   return items.filter((item) => item.tagName !== "A");
 }
-// ../../node_modules/.bun/@radix-ui+react-id@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-id/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-id@1.1.0+c841d34b494ec30a/node_modules/@radix-ui/react-id/dist/index.mjs
 import * as React20 from "react";
-// ../../node_modules/.bun/@radix-ui+react-use-layout-effect@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-use-layout-effect@1.1.0+c841d34b494ec30a/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
 import * as React19 from "react";
 var useLayoutEffect2 = Boolean(globalThis?.document) ? React19.useLayoutEffect : () => {};
-// ../../node_modules/.bun/@radix-ui+react-id@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-id/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-id@1.1.0+c841d34b494ec30a/node_modules/@radix-ui/react-id/dist/index.mjs
 var useReactId = React20["useId".toString()] || (() => {
   return;
 });
@@ -1580,7 +1580,7 @@ function useId(deterministicId) {
   return deterministicId || (id ? `radix-${id}` : "");
 }
-// ../../node_modules/.bun/@radix-ui+react-popper@1.2.0+f178f9b1194b24ba/node_modules/@radix-ui/react-popper/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-popper@1.2.0+b146eb580f4286be/node_modules/@radix-ui/react-popper/dist/index.mjs
 import * as React24 from "react";
 // ../../node_modules/.bun/@floating-ui+utils@0.2.7/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
@@ -3102,7 +3102,7 @@ var computePosition2 = (reference, floating, options) => {
   });
 };
-// ../../node_modules/.bun/@floating-ui+react-dom@2.1.1+67f6792bdf102c28/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
+// ../../node_modules/.bun/@floating-ui+react-dom@2.1.1+ab9c01e4ccdf52df/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
 import * as React21 from "react";
 import { useLayoutEffect as useLayoutEffect3, useEffect as useEffect8 } from "react";
 import * as ReactDOM2 from "react-dom";
@@ -3381,7 +3381,7 @@ var arrow3 = (options, deps) => ({
   options: [options, deps]
 });
-// ../../node_modules/.bun/@radix-ui+react-arrow@1.1.0+f178f9b1194b24ba/node_modules/@radix-ui/react-arrow/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-arrow@1.1.0+b146eb580f4286be/node_modules/@radix-ui/react-arrow/dist/index.mjs
 import * as React22 from "react";
 import { jsx as jsx20 } from "react/jsx-runtime";
 var NAME = "Arrow";
@@ -3400,7 +3400,7 @@ var Arrow = React22.forwardRef((props, forwardedRef) => {
 Arrow.displayName = NAME;
 var Root = Arrow;
-// ../../node_modules/.bun/@radix-ui+react-use-size@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-size/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-use-size@1.1.0+c841d34b494ec30a/node_modules/@radix-ui/react-use-size/dist/index.mjs
 import * as React23 from "react";
 function useSize(element) {
   const [size, setSize] = React23.useState(undefined);
@@ -3437,7 +3437,7 @@ function useSize(element) {
   return size;
 }
-// ../../node_modules/.bun/@radix-ui+react-popper@1.2.0+f178f9b1194b24ba/node_modules/@radix-ui/react-popper/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-popper@1.2.0+b146eb580f4286be/node_modules/@radix-ui/react-popper/dist/index.mjs
 import { jsx as jsx21 } from "react/jsx-runtime";
 var POPPER_NAME = "Popper";
 var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
@@ -3672,7 +3672,7 @@ var Anchor = PopperAnchor;
 var Content = PopperContent;
 var Arrow2 = PopperArrow;
-// ../../node_modules/.bun/@radix-ui+react-portal@1.1.1+f178f9b1194b24ba/node_modules/@radix-ui/react-portal/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-portal@1.1.1+b146eb580f4286be/node_modules/@radix-ui/react-portal/dist/index.mjs
 import * as React25 from "react";
 import ReactDOM3 from "react-dom";
 import { jsx as jsx22 } from "react/jsx-runtime";
@@ -3686,7 +3686,7 @@ var Portal = React25.forwardRef((props, forwardedRef) => {
 });
 Portal.displayName = PORTAL_NAME;
-// ../../node_modules/.bun/@radix-ui+react-use-controllable-state@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-use-controllable-state@1.1.0+c841d34b494ec30a/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
 import * as React26 from "react";
 function useControllableState({
   prop,
@@ -3726,7 +3726,7 @@ function useUncontrolledState({
   return uncontrolledState;
 }
-// ../../node_modules/.bun/@radix-ui+react-use-previous@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-previous/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-use-previous@1.1.0+c841d34b494ec30a/node_modules/@radix-ui/react-use-previous/dist/index.mjs
 import * as React27 from "react";
 function usePrevious(value) {
   const ref = React27.useRef({ value, previous: value });
@@ -3739,7 +3739,7 @@ function usePrevious(value) {
   }, [value]);
 }
-// ../../node_modules/.bun/@radix-ui+react-visually-hidden@1.1.0+f178f9b1194b24ba/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-visually-hidden@1.1.0+b146eb580f4286be/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
 import * as React28 from "react";
 import { jsx as jsx23 } from "react/jsx-runtime";
 var NAME2 = "VisuallyHidden";
@@ -3922,21 +3922,21 @@ function __spreadArray(to, from, pack) {
   return to.concat(ar || Array.prototype.slice.call(from));
 }
-// ../../node_modules/.bun/react-remove-scroll@2.5.7+09a4a3ac15cb54ba/node_modules/react-remove-scroll/dist/es2015/Combination.js
+// ../../node_modules/.bun/react-remove-scroll@2.5.7+c841d34b494ec30a/node_modules/react-remove-scroll/dist/es2015/Combination.js
 import * as React35 from "react";
-// ../../node_modules/.bun/react-remove-scroll@2.5.7+09a4a3ac15cb54ba/node_modules/react-remove-scroll/dist/es2015/UI.js
+// ../../node_modules/.bun/react-remove-scroll@2.5.7+c841d34b494ec30a/node_modules/react-remove-scroll/dist/es2015/UI.js
 import * as React31 from "react";
-// ../../node_modules/.bun/react-remove-scroll-bar@2.3.8+09a4a3ac15cb54ba/node_modules/react-remove-scroll-bar/dist/es2015/constants.js
+// ../../node_modules/.bun/react-remove-scroll-bar@2.3.8+c841d34b494ec30a/node_modules/react-remove-scroll-bar/dist/es2015/constants.js
 var zeroRightClassName = "right-scroll-bar-position";
 var fullWidthClassName = "width-before-scroll-bar";
 var noScrollbarsClassName = "with-scroll-bars-hidden";
 var removedBarSizeVariable = "--removed-body-scroll-bar-size";
-// ../../node_modules/.bun/use-callback-ref@1.3.3+09a4a3ac15cb54ba/node_modules/use-callback-ref/dist/es2015/useMergeRef.js
+// ../../node_modules/.bun/use-callback-ref@1.3.3+c841d34b494ec30a/node_modules/use-callback-ref/dist/es2015/useMergeRef.js
 import * as React29 from "react";
-// ../../node_modules/.bun/use-callback-ref@1.3.3+09a4a3ac15cb54ba/node_modules/use-callback-ref/dist/es2015/assignRef.js
+// ../../node_modules/.bun/use-callback-ref@1.3.3+c841d34b494ec30a/node_modules/use-callback-ref/dist/es2015/assignRef.js
 function assignRef(ref, value) {
   if (typeof ref === "function") {
     ref(value);
@@ -3946,7 +3946,7 @@ function assignRef(ref, value) {
   return ref;
 }
-// ../../node_modules/.bun/use-callback-ref@1.3.3+09a4a3ac15cb54ba/node_modules/use-callback-ref/dist/es2015/useRef.js
+// ../../node_modules/.bun/use-callback-ref@1.3.3+c841d34b494ec30a/node_modules/use-callback-ref/dist/es2015/useRef.js
 import { useState as useState11 } from "react";
 function useCallbackRef2(initialValue, callback) {
   var ref = useState11(function() {
@@ -3971,7 +3971,7 @@ function useCallbackRef2(initialValue, callback) {
   return ref.facade;
 }
-// ../../node_modules/.bun/use-callback-ref@1.3.3+09a4a3ac15cb54ba/node_modules/use-callback-ref/dist/es2015/useMergeRef.js
+// ../../node_modules/.bun/use-callback-ref@1.3.3+c841d34b494ec30a/node_modules/use-callback-ref/dist/es2015/useMergeRef.js
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React29.useLayoutEffect : React29.useEffect;
 var currentValues = new WeakMap;
 function useMergeRefs(refs, defaultValue) {
@@ -4001,7 +4001,7 @@ function useMergeRefs(refs, defaultValue) {
   }, [refs]);
   return callbackRef;
 }
-// ../../node_modules/.bun/use-sidecar@1.1.3+09a4a3ac15cb54ba/node_modules/use-sidecar/dist/es2015/medium.js
+// ../../node_modules/.bun/use-sidecar@1.1.3+c841d34b494ec30a/node_modules/use-sidecar/dist/es2015/medium.js
 function ItoI(a) {
   return a;
 }
@@ -4086,7 +4086,7 @@ function createSidecarMedium(options) {
   medium.options = __assign({ async: true, ssr: false }, options);
   return medium;
 }
-// ../../node_modules/.bun/use-sidecar@1.1.3+09a4a3ac15cb54ba/node_modules/use-sidecar/dist/es2015/exports.js
+// ../../node_modules/.bun/use-sidecar@1.1.3+c841d34b494ec30a/node_modules/use-sidecar/dist/es2015/exports.js
 import * as React30 from "react";
 var SideCar = function(_a) {
   var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
@@ -4104,10 +4104,10 @@ function exportSidecar(medium, exported) {
   medium.useMedium(exported);
   return SideCar;
 }
-// ../../node_modules/.bun/react-remove-scroll@2.5.7+09a4a3ac15cb54ba/node_modules/react-remove-scroll/dist/es2015/medium.js
+// ../../node_modules/.bun/react-remove-scroll@2.5.7+c841d34b494ec30a/node_modules/react-remove-scroll/dist/es2015/medium.js
 var effectCar = createSidecarMedium();
-// ../../node_modules/.bun/react-remove-scroll@2.5.7+09a4a3ac15cb54ba/node_modules/react-remove-scroll/dist/es2015/UI.js
+// ../../node_modules/.bun/react-remove-scroll@2.5.7+c841d34b494ec30a/node_modules/react-remove-scroll/dist/es2015/UI.js
 var nothing = function() {
   return;
 };
@@ -4134,13 +4134,13 @@ RemoveScroll.classNames = {
   zeroRight: zeroRightClassName
 };
-// ../../node_modules/.bun/react-remove-scroll@2.5.7+09a4a3ac15cb54ba/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
+// ../../node_modules/.bun/react-remove-scroll@2.5.7+c841d34b494ec30a/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
 import * as React34 from "react";
-// ../../node_modules/.bun/react-remove-scroll-bar@2.3.8+09a4a3ac15cb54ba/node_modules/react-remove-scroll-bar/dist/es2015/component.js
+// ../../node_modules/.bun/react-remove-scroll-bar@2.3.8+c841d34b494ec30a/node_modules/react-remove-scroll-bar/dist/es2015/component.js
 import * as React33 from "react";
-// ../../node_modules/.bun/react-style-singleton@2.2.3+09a4a3ac15cb54ba/node_modules/react-style-singleton/dist/es2015/hook.js
+// ../../node_modules/.bun/react-style-singleton@2.2.3+c841d34b494ec30a/node_modules/react-style-singleton/dist/es2015/hook.js
 import * as React32 from "react";
 // ../../node_modules/.bun/get-nonce@1.0.1/node_modules/get-nonce/dist/es2015/index.js
@@ -4155,7 +4155,7 @@ var getNonce = function() {
   return;
 };
-// ../../node_modules/.bun/react-style-singleton@2.2.3+09a4a3ac15cb54ba/node_modules/react-style-singleton/dist/es2015/singleton.js
+// ../../node_modules/.bun/react-style-singleton@2.2.3+c841d34b494ec30a/node_modules/react-style-singleton/dist/es2015/singleton.js
 function makeStyleTag() {
   if (!document)
     return null;
@@ -4201,7 +4201,7 @@ var stylesheetSingleton = function() {
   };
 };
-// ../../node_modules/.bun/react-style-singleton@2.2.3+09a4a3ac15cb54ba/node_modules/react-style-singleton/dist/es2015/hook.js
+// ../../node_modules/.bun/react-style-singleton@2.2.3+c841d34b494ec30a/node_modules/react-style-singleton/dist/es2015/hook.js
 var styleHookSingleton = function() {
   var sheet = stylesheetSingleton();
   return function(styles, isDynamic) {
@@ -4214,7 +4214,7 @@ var styleHookSingleton = function() {
   };
 };
-// ../../node_modules/.bun/react-style-singleton@2.2.3+09a4a3ac15cb54ba/node_modules/react-style-singleton/dist/es2015/component.js
+// ../../node_modules/.bun/react-style-singleton@2.2.3+c841d34b494ec30a/node_modules/react-style-singleton/dist/es2015/component.js
 var styleSingleton = function() {
   var useStyle = styleHookSingleton();
   var Sheet = function(_a) {
@@ -4224,7 +4224,7 @@ var styleSingleton = function() {
   };
   return Sheet;
 };
-// ../../node_modules/.bun/react-remove-scroll-bar@2.3.8+09a4a3ac15cb54ba/node_modules/react-remove-scroll-bar/dist/es2015/utils.js
+// ../../node_modules/.bun/react-remove-scroll-bar@2.3.8+c841d34b494ec30a/node_modules/react-remove-scroll-bar/dist/es2015/utils.js
 var zeroGap = {
   left: 0,
   top: 0,
@@ -4259,7 +4259,7 @@ var getGapWidth = function(gapMode) {
   };
 };
-// ../../node_modules/.bun/react-remove-scroll-bar@2.3.8+09a4a3ac15cb54ba/node_modules/react-remove-scroll-bar/dist/es2015/component.js
+// ../../node_modules/.bun/react-remove-scroll-bar@2.3.8+c841d34b494ec30a/node_modules/react-remove-scroll-bar/dist/es2015/component.js
 var Style = styleSingleton();
 var lockAttribute = "data-scroll-locked";
 var getStyles = function(_a, allowRelative, gapMode, important) {
@@ -4336,7 +4336,7 @@ var RemoveScrollBar = function(_a) {
   return React33.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
 };
-// ../../node_modules/.bun/react-remove-scroll@2.5.7+09a4a3ac15cb54ba/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
+// ../../node_modules/.bun/react-remove-scroll@2.5.7+c841d34b494ec30a/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
 var passiveSupported = false;
 if (typeof window !== "undefined") {
   try {
@@ -4355,7 +4355,7 @@ if (typeof window !== "undefined") {
 var options;
 var nonPassive = passiveSupported ? { passive: false } : false;
-// ../../node_modules/.bun/react-remove-scroll@2.5.7+09a4a3ac15cb54ba/node_modules/react-remove-scroll/dist/es2015/handleScroll.js
+// ../../node_modules/.bun/react-remove-scroll@2.5.7+c841d34b494ec30a/node_modules/react-remove-scroll/dist/es2015/handleScroll.js
 var alwaysContainsScroll = function(node) {
   return node.tagName === "TEXTAREA";
 };
@@ -4444,7 +4444,7 @@ var handleScroll = function(axis, endTarget, event, sourceDelta, noOverscroll) {
   return shouldCancelScroll;
 };
-// ../../node_modules/.bun/react-remove-scroll@2.5.7+09a4a3ac15cb54ba/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
+// ../../node_modules/.bun/react-remove-scroll@2.5.7+c841d34b494ec30a/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
 var getTouchXY = function(event) {
   return "changedTouches" in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];
 };
@@ -4607,17 +4607,17 @@ function getOutermostShadowParent(node) {
   return shadowParent;
 }
-// ../../node_modules/.bun/react-remove-scroll@2.5.7+09a4a3ac15cb54ba/node_modules/react-remove-scroll/dist/es2015/sidecar.js
+// ../../node_modules/.bun/react-remove-scroll@2.5.7+c841d34b494ec30a/node_modules/react-remove-scroll/dist/es2015/sidecar.js
 var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
-// ../../node_modules/.bun/react-remove-scroll@2.5.7+09a4a3ac15cb54ba/node_modules/react-remove-scroll/dist/es2015/Combination.js
+// ../../node_modules/.bun/react-remove-scroll@2.5.7+c841d34b494ec30a/node_modules/react-remove-scroll/dist/es2015/Combination.js
 var ReactRemoveScroll = React35.forwardRef(function(props, ref) {
   return React35.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
 });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var Combination_default = ReactRemoveScroll;
-// ../../node_modules/.bun/@radix-ui+react-select@2.1.1+f178f9b1194b24ba/node_modules/@radix-ui/react-select/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-select@2.1.1+b146eb580f4286be/node_modules/@radix-ui/react-select/dist/index.mjs
 import { Fragment as Fragment7, jsx as jsx24, jsxs as jsxs4 } from "react/jsx-runtime";
 var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
 var SELECTION_KEYS = [" ", "Enter"];
@@ -5566,19 +5566,19 @@ var ItemIndicator = SelectItemIndicator;
 var ScrollUpButton = SelectScrollUpButton;
 var ScrollDownButton = SelectScrollDownButton;
 var Separator = SelectSeparator;
-// ../../node_modules/.bun/lucide-react@0.439.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.bun/lucide-react@0.439.0+0441d6f8f57aca1e/node_modules/lucide-react/dist/esm/createLucideIcon.js
 import { forwardRef as forwardRef14, createElement as createElement7 } from "react";
-// ../../node_modules/.bun/lucide-react@0.439.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.bun/lucide-react@0.439.0+0441d6f8f57aca1e/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var mergeClasses = (...classes) => classes.filter((className, index, array) => {
   return Boolean(className) && array.indexOf(className) === index;
 }).join(" ");
-// ../../node_modules/.bun/lucide-react@0.439.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.bun/lucide-react@0.439.0+0441d6f8f57aca1e/node_modules/lucide-react/dist/esm/Icon.js
 import { forwardRef as forwardRef13, createElement as createElement6 } from "react";
-// ../../node_modules/.bun/lucide-react@0.439.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.bun/lucide-react@0.439.0+0441d6f8f57aca1e/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -5591,7 +5591,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
-// ../../node_modules/.bun/lucide-react@0.439.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.bun/lucide-react@0.439.0+0441d6f8f57aca1e/node_modules/lucide-react/dist/esm/Icon.js
 var Icon2 = forwardRef13(({
   color = "currentColor",
   size = 24,
@@ -5617,7 +5617,7 @@ var Icon2 = forwardRef13(({
   ]);
 });
-// ../../node_modules/.bun/lucide-react@0.439.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.bun/lucide-react@0.439.0+0441d6f8f57aca1e/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = forwardRef14(({ className, ...props }, ref) => createElement7(Icon2, {
     ref,
@@ -5629,13 +5629,13 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
-// ../../node_modules/.bun/lucide-react@0.439.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/check.js
+// ../../node_modules/.bun/lucide-react@0.439.0+0441d6f8f57aca1e/node_modules/lucide-react/dist/esm/icons/check.js
 var Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
-// ../../node_modules/.bun/lucide-react@0.439.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/chevron-down.js
+// ../../node_modules/.bun/lucide-react@0.439.0+0441d6f8f57aca1e/node_modules/lucide-react/dist/esm/icons/chevron-down.js
 var ChevronDown = createLucideIcon("ChevronDown", [
   ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
 ]);
-// ../../node_modules/.bun/lucide-react@0.439.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/chevron-up.js
+// ../../node_modules/.bun/lucide-react@0.439.0+0441d6f8f57aca1e/node_modules/lucide-react/dist/esm/icons/chevron-up.js
 var ChevronUp = createLucideIcon("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
 // src/Select.tsx
 import * as React37 from "react";
@@ -5645,7 +5645,7 @@ var SelectGroup2 = Group;
 var SelectValue2 = Value;
 var SelectTrigger2 = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(Trigger, {
   ref,
-  className: cn("flex h-10 w-full items-center justify-between rounded-md border-black border-2 border-b-4 bg-card-bg px-3 py-5 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 font-brand", className),
+  className: cn("flex h-10 w-full items-center justify-between rounded-md border-black dark:border-[#505050] border-2 border-b-4 bg-card-bg dark:bg-[#1f1f1f] dark:text-white px-3 py-5 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 font-brand", className),
   ...props,
   children: [
     children,
@@ -5679,7 +5679,7 @@ SelectScrollDownButton2.displayName = ScrollDownButton.displayName;
 var SelectContent2 = React37.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx25(Portal2, {
   children: /* @__PURE__ */ jsxs5(Content2, {
     ref,
-    className: cn(" border-2 border-black relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md font-brand bg-card-bg text-text shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+    className: cn(" border-2 border-black dark:border-[#505050] relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md font-brand bg-card-bg dark:bg-[#1f1f1f] text-text dark:text-white shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
     position,
     ...props,
     children: [
@@ -5809,15 +5809,15 @@ var Switch = ({ active, onToggle, "aria-label": ariaLabel }) => {
     "aria-checked": active,
     "aria-label": ariaLabel,
     "data-active": active,
-    className: "h-[34px] transition-all rounded-full w-[56px] border-2 border-b-4 bg-gray-200 p-[2px] cursor-pointer data-[active=true]:bg-brand border-black relative shrink-0",
+    className: "h-[34px] transition-none rounded-full w-[56px] border-2 border-b-4 bg-gray-200 dark:bg-[#424243] p-[2px] cursor-pointer before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:bg-brand before:opacity-0 before:transition-opacity data-[active=true]:before:opacity-100 border-black relative shrink-0",
     onClick: onToggle,
     children: /* @__PURE__ */ jsx27("div", {
       "data-active": active,
-      className: "h-[20px] w-[20px] left-[4px] top-[4px] transition-all rounded-full bg-white border-2 border-black absolute data-[active=true]:left-[calc(100%-24px)]"
+      className: "h-[20px] w-[20px] left-[4px] top-[4px] transition-[left] rounded-full bg-white dark:bg-[#aaa] before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:bg-white before:opacity-0 before:transition-opacity data-[active=true]:before:opacity-100 border-2 border-black absolute data-[active=true]:left-[calc(100%-24px)]"
     })
   });
 };
-// ../../node_modules/.bun/@radix-ui+react-tabs@1.1.13+f178f9b1194b24ba/node_modules/@radix-ui/react-tabs/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-tabs@1.1.13+b146eb580f4286be/node_modules/@radix-ui/react-tabs/dist/index.mjs
 import * as React50 from "react";
 // ../../node_modules/.bun/@radix-ui+primitive@1.1.3/node_modules/@radix-ui/primitive/dist/index.mjs
@@ -5831,7 +5831,7 @@ function composeEventHandlers2(originalEventHandler, ourEventHandler, { checkFor
   };
 }
-// ../../node_modules/.bun/@radix-ui+react-context@1.1.2+09a4a3ac15cb54ba/node_modules/@radix-ui/react-context/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-context@1.1.2+c841d34b494ec30a/node_modules/@radix-ui/react-context/dist/index.mjs
 import * as React39 from "react";
 import { jsx as jsx28 } from "react/jsx-runtime";
 function createContextScope2(scopeName, createContextScopeDeps = []) {
@@ -5892,13 +5892,13 @@ function composeContextScopes2(...scopes) {
   return createScope;
 }
-// ../../node_modules/.bun/@radix-ui+react-roving-focus@1.1.11+f178f9b1194b24ba/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-roving-focus@1.1.11+b146eb580f4286be/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
 import * as React48 from "react";
-// ../../node_modules/.bun/@radix-ui+react-collection@1.1.7+f178f9b1194b24ba/node_modules/@radix-ui/react-collection/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-collection@1.1.7+b146eb580f4286be/node_modules/@radix-ui/react-collection/dist/index.mjs
 import React41 from "react";
-// ../../node_modules/.bun/@radix-ui+react-slot@1.2.3+09a4a3ac15cb54ba/node_modules/@radix-ui/react-slot/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-slot@1.2.3+c841d34b494ec30a/node_modules/@radix-ui/react-slot/dist/index.mjs
 import * as React40 from "react";
 import { Fragment as Fragment22, jsx as jsx29 } from "react/jsx-runtime";
 function createSlot2(ownerName) {
@@ -5983,7 +5983,7 @@ function getElementRef3(element) {
   return element.props.ref || element.ref;
 }
-// ../../node_modules/.bun/@radix-ui+react-collection@1.1.7+f178f9b1194b24ba/node_modules/@radix-ui/react-collection/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-collection@1.1.7+b146eb580f4286be/node_modules/@radix-ui/react-collection/dist/index.mjs
 import { jsx as jsx30 } from "react/jsx-runtime";
 import React210 from "react";
 import { jsx as jsx210 } from "react/jsx-runtime";
@@ -6042,14 +6042,14 @@ function createCollection2(name) {
   ];
 }
-// ../../node_modules/.bun/@radix-ui+react-id@1.1.1+09a4a3ac15cb54ba/node_modules/@radix-ui/react-id/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-id@1.1.1+c841d34b494ec30a/node_modules/@radix-ui/react-id/dist/index.mjs
 import * as React43 from "react";
-// ../../node_modules/.bun/@radix-ui+react-use-layout-effect@1.1.1+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-use-layout-effect@1.1.1+c841d34b494ec30a/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
 import * as React42 from "react";
 var useLayoutEffect22 = globalThis?.document ? React42.useLayoutEffect : () => {};
-// ../../node_modules/.bun/@radix-ui+react-id@1.1.1+09a4a3ac15cb54ba/node_modules/@radix-ui/react-id/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-id@1.1.1+c841d34b494ec30a/node_modules/@radix-ui/react-id/dist/index.mjs
 var useReactId2 = React43[" useId ".trim().toString()] || (() => {
   return;
 });
@@ -6063,7 +6063,7 @@ function useId2(deterministicId) {
   return deterministicId || (id ? `radix-${id}` : "");
 }
-// ../../node_modules/.bun/@radix-ui+react-primitive@2.1.3+f178f9b1194b24ba/node_modules/@radix-ui/react-primitive/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-primitive@2.1.3+b146eb580f4286be/node_modules/@radix-ui/react-primitive/dist/index.mjs
 import * as React44 from "react";
 import * as ReactDOM5 from "react-dom";
 import { jsx as jsx31 } from "react/jsx-runtime";
@@ -6100,7 +6100,7 @@ var Primitive2 = NODES2.reduce((primitive, node) => {
   return { ...primitive, [node]: Node2 };
 }, {});
-// ../../node_modules/.bun/@radix-ui+react-use-callback-ref@1.1.1+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-use-callback-ref@1.1.1+c841d34b494ec30a/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
 import * as React45 from "react";
 function useCallbackRef4(callback) {
   const callbackRef = React45.useRef(callback);
@@ -6110,7 +6110,7 @@ function useCallbackRef4(callback) {
   return React45.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
-// ../../node_modules/.bun/@radix-ui+react-use-controllable-state@1.2.2+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-use-controllable-state@1.2.2+c841d34b494ec30a/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
 import * as React46 from "react";
 import * as React211 from "react";
 var useInsertionEffect = React46[" useInsertionEffect ".trim().toString()] || useLayoutEffect22;
@@ -6173,7 +6173,7 @@ function isFunction(value) {
 }
 var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
-// ../../node_modules/.bun/@radix-ui+react-direction@1.1.1+09a4a3ac15cb54ba/node_modules/@radix-ui/react-direction/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-direction@1.1.1+c841d34b494ec30a/node_modules/@radix-ui/react-direction/dist/index.mjs
 import * as React47 from "react";
 import { jsx as jsx32 } from "react/jsx-runtime";
 var DirectionContext2 = React47.createContext(undefined);
@@ -6182,7 +6182,7 @@ function useDirection2(localDir) {
   return localDir || globalDir || "ltr";
 }
-// ../../node_modules/.bun/@radix-ui+react-roving-focus@1.1.11+f178f9b1194b24ba/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-roving-focus@1.1.11+b146eb580f4286be/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
 import { jsx as jsx33 } from "react/jsx-runtime";
 var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
 var EVENT_OPTIONS2 = { bubbles: false, cancelable: true };
@@ -6375,7 +6375,7 @@ function wrapArray2(array, startIndex) {
 var Root3 = RovingFocusGroup;
 var Item2 = RovingFocusGroupItem;
-// ../../node_modules/.bun/@radix-ui+react-presence@1.1.5+f178f9b1194b24ba/node_modules/@radix-ui/react-presence/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-presence@1.1.5+b146eb580f4286be/node_modules/@radix-ui/react-presence/dist/index.mjs
 import * as React212 from "react";
 import * as React49 from "react";
 function useStateMachine(initialState, machine) {
@@ -6501,7 +6501,7 @@ function getElementRef4(element) {
   return element.props.ref || element.ref;
 }
-// ../../node_modules/.bun/@radix-ui+react-tabs@1.1.13+f178f9b1194b24ba/node_modules/@radix-ui/react-tabs/dist/index.mjs
+// ../../node_modules/.bun/@radix-ui+react-tabs@1.1.13+b146eb580f4286be/node_modules/@radix-ui/react-tabs/dist/index.mjs
 import { jsx as jsx34 } from "react/jsx-runtime";
 var TABS_NAME = "Tabs";
 var [createTabsContext, createTabsScope] = createContextScope2(TABS_NAME, [

package/dist/tailwind.css CHANGED Viewed

@@ -537,11 +537,14 @@
     outline-style: var(--tw-outline-style);
     outline-width: 0px;
   }
-  .transition-all {
-    transition-property: all;
+  .transition-\[left\] {
+    transition-property: left;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-none {
+    transition-property: none;
+  }
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;
@@ -550,6 +553,56 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .before\:pointer-events-none {
+    &::before {
+      content: var(--tw-content);
+      pointer-events: none;
+    }
+  }
+  .before\:absolute {
+    &::before {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  .before\:inset-0 {
+    &::before {
+      content: var(--tw-content);
+      inset: calc(var(--spacing) * 0);
+    }
+  }
+  .before\:rounded-\[inherit\] {
+    &::before {
+      content: var(--tw-content);
+      border-radius: inherit;
+    }
+  }
+  .before\:bg-brand {
+    &::before {
+      content: var(--tw-content);
+      background-color: #0b84f3;
+    }
+  }
+  .before\:bg-white {
+    &::before {
+      content: var(--tw-content);
+      background-color: var(--color-white);
+    }
+  }
+  .before\:opacity-0 {
+    &::before {
+      content: var(--tw-content);
+      opacity: 0%;
+    }
+  }
+  .before\:transition-opacity {
+    &::before {
+      content: var(--tw-content);
+      transition-property: opacity;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
   .focus\:bg-slate-200 {
     &:focus {
       background-color: var(--color-slate-200);
@@ -629,9 +682,12 @@
       left: calc(100% - 24px);
     }
   }
-  .data-\[active\=true\]\:bg-brand {
+  .data-\[active\=true\]\:before\:opacity-100 {
     &[data-active="true"] {
-      background-color: #0b84f3;
+      &::before {
+        content: var(--tw-content);
+        opacity: 100%;
+      }
     }
   }
   .data-\[side\=bottom\]\:translate-y-1 {
@@ -677,11 +733,36 @@
       }
     }
   }
+  .dark\:border-\[\#505050\] {
+    @media (prefers-color-scheme: dark) {
+      border-color: #505050;
+    }
+  }
+  .dark\:bg-\[\#1f1f1f\] {
+    @media (prefers-color-scheme: dark) {
+      background-color: #1f1f1f;
+    }
+  }
   .dark\:bg-\[\#121212\] {
     @media (prefers-color-scheme: dark) {
       background-color: #121212;
     }
   }
+  .dark\:bg-\[\#424243\] {
+    @media (prefers-color-scheme: dark) {
+      background-color: #424243;
+    }
+  }
+  .dark\:bg-\[\#aaa\] {
+    @media (prefers-color-scheme: dark) {
+      background-color: #aaa;
+    }
+  }
+  .dark\:text-white {
+    @media (prefers-color-scheme: dark) {
+      color: var(--color-white);
+    }
+  }
   .dark\:focus\:bg-white\/10 {
     @media (prefers-color-scheme: dark) {
       &:focus {
@@ -828,6 +909,11 @@
   inherits: false;
   initial-value: solid;
 }
+@property --tw-content {
+  syntax: "*";
+  initial-value: "";
+  inherits: false;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;
@@ -873,6 +959,7 @@
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
       --tw-outline-style: solid;
+      --tw-content: "";
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/design",
-	"version": "4.0.538",
+	"version": "4.0.540",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"module": "dist/esm/index.mjs",
@@ -22,22 +22,22 @@
 		"@radix-ui/react-select": "2.1.1",
 		"@radix-ui/react-slot": "1.2.4",
 		"@radix-ui/react-tabs": "1.1.13",
-		"@remotion/paths": "4.0.538",
-		"@remotion/shapes": "4.0.538",
-		"@remotion/svg-3d-engine": "4.0.538",
+		"@remotion/paths": "4.0.540",
+		"@remotion/shapes": "4.0.540",
+		"@remotion/svg-3d-engine": "4.0.540",
 		"clsx": "2.1.1",
 		"lucide-react": "0.439.0",
-		"remotion": "4.0.538"
+		"remotion": "4.0.540"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.538",
+		"@remotion/eslint-config-internal": "4.0.540",
 		"eslint": "9.19.0",
-		"react": "19.2.3",
-		"react-dom": "19.2.3",
+		"react": "19.3.1",
+		"react-dom": "19.3.1",
 		"tailwindcss": "4.2.0",
 		"@tailwindcss/cli": "4.2.0",
 		"tailwind-merge": "2.6.0",