@moving-walls/design-system 1.0.12 → 1.0.13

package/dist/index.js

@@ -30839,8 +30839,8 @@ var Switch = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       className: "flex items-center justify-between",
       children: [require$$1.jsxs("div", {
         className: "flex items-center space-x-3",
-        children: [require$$1.jsxs("div", {
-          className: "relative inline-flex items-center",
+        children: [require$$1.jsxs("label", {
+          className: "relative inline-flex items-center cursor-pointer",
           children: [require$$1.jsx("input", Object.assign({
             type: "checkbox",
             ref: ref,
@@ -30849,12 +30849,16 @@ var Switch = /*#__PURE__*/React.forwardRef(function (_a, ref) {
             onChange: handleChange,
             disabled: loading || props.disabled
           }, props)), require$$1.jsxs("div", {
-            className: clsx('relative rounded-full cursor-pointer', animate ? 'transition-colors duration-200' : '', 'peer-focus:ring-2 peer-focus:ring-offset-2', variantConfig.focus, 'peer-disabled:opacity-50 peer-disabled:cursor-not-allowed', error ? 'bg-mw-error-200 peer-checked:bg-mw-error-600' : checked ? variantConfig.on : variantConfig.off, sizeConfig.track, className),
+            className: clsx('relative rounded-full', animate ? 'transition-colors duration-200' : '', 'peer-focus:ring-2 peer-focus:ring-offset-2', variantConfig.focus, loading || props.disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer', error ? 'bg-mw-error-200 peer-checked:bg-mw-error-600' : checked ? variantConfig.on : variantConfig.off, sizeConfig.track, className),
             children: [trackIcon && require$$1.jsx("div", {
               className: "absolute inset-0 flex items-center justify-center",
               children: trackIcon
             }), require$$1.jsx("div", {
-              className: clsx('absolute left-0.5 top-0.5 rounded-full flex items-center justify-center', animate ? 'transition-transform duration-200' : '', checked ? 'peer-checked:' + sizeConfig.translate : '', variantConfig.thumb, sizeConfig.thumb, loading && 'shadow-sm'),
+              className: clsx('absolute top-0.5 rounded-full flex items-center justify-center', animate ? 'transition-transform duration-200' : '', variantConfig.thumb, sizeConfig.thumb, loading && 'shadow-sm'),
+              style: {
+                left: checked ? undefined : '2px',
+                right: checked ? '2px' : undefined
+              },
               children: renderThumbContent()
             })]
           })]
@@ -35747,7 +35751,7 @@ var SelectContent = /*#__PURE__*/React__namespace.forwardRef(function (_a, ref)
   return require$$1.jsx(Portal, {
     children: require$$1.jsxs(Content2, Object.assign({
       ref: ref,
-      className: clsx('relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-mw-neutral-200 dark:border-mw-neutral-700', 'bg-white dark:bg-mw-neutral-800 text-mw-neutral-900 dark:text-mw-neutral-100', 'shadow-lg', '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: clsx('relative z-[100001] max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-mw-neutral-200 dark:border-mw-neutral-700', 'bg-white dark:bg-mw-neutral-800 text-mw-neutral-900 dark:text-mw-neutral-100', 'shadow-lg', '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: [require$$1.jsx(SelectScrollUpButton, {}), require$$1.jsx(Viewport, {
@@ -49213,7 +49217,7 @@ function PageHeader(_a) {
     props = __rest$1(_a, ["title", "description", "subtitle", "titleKey", "descriptionKey", "leftAction", "actions", "className"]);
   var desc = description !== null && description !== void 0 ? description : subtitle;
   var headerId = "page-header-".concat(title.toLowerCase().trim().split(/\s+/).join('-'));
-  var baseClass = 'bg-white flex flex-col justify-start items-start gap-4 border-b border-container-border pt-4 pb-3 dark:bg-mw-neutral-900 dark:border-mw-neutral-800';
+  var baseClass = 'bg-white flex flex-col justify-start items-start gap-4 border-b border-t border-container-border pt-4 pb-3 dark:bg-mw-neutral-900 dark:border-mw-neutral-800';
   var combinedClass = className ? "".concat(baseClass, " ").concat(className) : baseClass;
   return require$$1.jsx("div", Object.assign({
     id: headerId,