@process.co/ui 0.0.15 → 0.0.17

package/css/ui.css

@@ -1059,6 +1059,9 @@
   .uii\:flex {
     display: flex;
   }
+  .uii\:inline-block {
+    display: inline-block;
+  }
   .uii\:inline-flex {
     display: inline-flex;
   }
@@ -1091,6 +1094,9 @@
   .uii\:h-10 {
     height: calc(var(--uii-spacing) * 10);
   }
+  .uii\:h-\[56px\] {
+    height: 56px;
+  }
   .uii\:h-\[var\(--radix-select-trigger-height\)\] {
     height: var(--radix-select-trigger-height);
   }
@@ -1112,6 +1118,12 @@
   .uii\:max-h-\[min\(20rem\,80vh\)\] {
     max-height: min(20rem, 80vh);
   }
+  .uii\:min-h-\[56px\] {
+    min-height: 56px;
+  }
+  .uii\:w-\[28px\] {
+    width: 28px;
+  }
   .uii\:w-full {
     width: 100%;
   }
@@ -1124,6 +1136,9 @@
   .uii\:min-w-\[8rem\] {
     min-width: 8rem;
   }
+  .uii\:min-w-\[28px\] {
+    min-width: 28px;
+  }
   .uii\:min-w-\[150px\] {
     min-width: 150px;
   }
@@ -1139,6 +1154,9 @@
   .uii\:shrink-0 {
     flex-shrink: 0;
   }
+  .uii\:\[transform\:rotate\(-90deg\)\] {
+    transform: rotate(-90deg);
+  }
   .uii\:cursor-default {
     cursor: default;
   }
@@ -1231,6 +1249,9 @@
     --tw-border-style: none;
     border-style: none;
   }
+  .uii\:border-\[\#e5e7eb\] {
+    border-color: #e5e7eb;
+  }
   .uii\:border-amber-500\/30 {
     border-color: color-mix(in oklab, oklch(76.9% 0.188 70.08) 30%, transparent);
   }
@@ -1508,6 +1529,11 @@
     transition-timing-function: var(--tw-ease, var(--uii-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--uii-default-transition-duration));
   }
+  .uii\:transition-colors {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--uii-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--uii-default-transition-duration));
+  }
   .uii\:outline-none {
     --tw-outline-style: none;
     outline-style: none;
@@ -1647,12 +1673,23 @@
       border-color: var(--ring);
     }
   }
+  .uii\:focus-visible\:ring-2 {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .uii\:focus-visible\:ring-\[3px\] {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .uii\:focus-visible\:ring-\[\#3b82f6\]\/40 {
+    &:focus-visible {
+      --tw-ring-color: color-mix(in oklab, #3b82f6 40%, transparent);
+    }
+  }
   .uii\:focus-visible\:ring-destructive\/20 {
     &:focus-visible {
       --tw-ring-color: var(--destructive);
@@ -1669,6 +1706,12 @@
       }
     }
   }
+  .uii\:focus-visible\:ring-offset-1 {
+    &:focus-visible {
+      --tw-ring-offset-width: 1px;
+      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    }
+  }
   .uii\:disabled\:pointer-events-none {
     &:disabled {
       pointer-events: none;
@@ -1879,11 +1922,30 @@
       border-color: transparent;
     }
   }
+  .uii\:data-\[state\=off\]\:bg-\[\#f3f4f6\] {
+    &[data-state="off"] {
+      background-color: #f3f4f6;
+    }
+  }
   .uii\:data-\[state\=off\]\:bg-background {
     &[data-state="off"] {
       background-color: var(--background);
     }
   }
+  .uii\:data-\[state\=off\]\:text-\[\#374151\] {
+    &[data-state="off"] {
+      color: #374151;
+    }
+  }
+  .uii\:data-\[state\=off\]\:hover\:bg-\[\#e5e7eb\] {
+    &[data-state="off"] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: #e5e7eb;
+        }
+      }
+    }
+  }
   .uii\:data-\[state\=off\]\:hover\:bg-accent {
     &[data-state="off"] {
       &:hover {
@@ -1923,6 +1985,11 @@
       }
     }
   }
+  .uii\:data-\[state\=on\]\:border-\[\#3b82f6\] {
+    &[data-state="on"] {
+      border-color: #3b82f6;
+    }
+  }
   .uii\:data-\[state\=on\]\:border-input {
     &[data-state="on"] {
       border-color: var(--input);
@@ -1938,6 +2005,11 @@
       border-color: transparent;
     }
   }
+  .uii\:data-\[state\=on\]\:bg-\[\#3b82f6\] {
+    &[data-state="on"] {
+      background-color: #3b82f6;
+    }
+  }
   .uii\:data-\[state\=on\]\:bg-accent {
     &[data-state="on"] {
       background-color: var(--accent);
@@ -1968,6 +2040,11 @@
       color: var(--secondary-foreground);
     }
   }
+  .uii\:data-\[state\=on\]\:text-white {
+    &[data-state="on"] {
+      color: #fff;
+    }
+  }
   .uii\:data-\[state\=open\]\:bg-accent {
     &[data-state="open"] {
       background-color: var(--accent);

package/dist/components/fields/index.cjs

@@ -3,7 +3,6 @@
 var React33 = require('react');
 var ReactDOM4 = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
-var lucideReact = require('lucide-react');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -8160,6 +8159,85 @@ var ItemText = SelectItemText;
 var ItemIndicator = SelectItemIndicator;
 var ScrollUpButton = SelectScrollUpButton;
 var ScrollDownButton = SelectScrollDownButton;
+
+// ../../node_modules/.pnpm/lucide-react@0.476.0_react@19.2.2/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, index2, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index2;
+}).join(" ").trim();
+
+// ../../node_modules/.pnpm/lucide-react@0.476.0_react@19.2.2/node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// ../../node_modules/.pnpm/lucide-react@0.476.0_react@19.2.2/node_modules/lucide-react/dist/esm/Icon.js
+var Icon2 = React33.forwardRef(
+  ({
+    color = "currentColor",
+    size: size4 = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => {
+    return React33.createElement(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes,
+        width: size4,
+        height: size4,
+        stroke: color,
+        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size4) : strokeWidth,
+        className: mergeClasses("lucide", className),
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => React33.createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+
+// ../../node_modules/.pnpm/lucide-react@0.476.0_react@19.2.2/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = React33.forwardRef(
+    ({ className, ...props }, ref) => React33.createElement(Icon2, {
+      ref,
+      iconNode,
+      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
+      ...props
+    })
+  );
+  Component.displayName = `${iconName}`;
+  return Component;
+};
+
+// ../../node_modules/.pnpm/lucide-react@0.476.0_react@19.2.2/node_modules/lucide-react/dist/esm/icons/check.js
+var __iconNode = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+var Check = createLucideIcon("Check", __iconNode);
+
+// ../../node_modules/.pnpm/lucide-react@0.476.0_react@19.2.2/node_modules/lucide-react/dist/esm/icons/chevron-down.js
+var __iconNode2 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+var ChevronDown = createLucideIcon("ChevronDown", __iconNode2);
+
+// ../../node_modules/.pnpm/lucide-react@0.476.0_react@19.2.2/node_modules/lucide-react/dist/esm/icons/chevron-up.js
+var __iconNode3 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+var ChevronUp = createLucideIcon("ChevronUp", __iconNode3);
+
+// src/components/ui/select.tsx
 function Select2({
   ...props
 }) {
@@ -8186,7 +8264,7 @@ function SelectTrigger2({
       ...props
     },
     children,
-    /* @__PURE__ */ React33__namespace.createElement(Icon, { asChild: true }, /* @__PURE__ */ React33__namespace.createElement(lucideReact.ChevronDownIcon, { className: "uii:size-4 uii:opacity-50" }))
+    /* @__PURE__ */ React33__namespace.createElement(Icon, { asChild: true }, /* @__PURE__ */ React33__namespace.createElement(ChevronDown, { className: "uii:size-4 uii:opacity-50" }))
   );
 }
 function SelectContent2({
@@ -8241,7 +8319,7 @@ function SelectItem2({
       ),
       ...props
     },
-    /* @__PURE__ */ React33__namespace.createElement("span", { className: "uii:absolute uii:right-2 uii:flex uii:size-3.5 uii:items-center uii:justify-center" }, /* @__PURE__ */ React33__namespace.createElement(ItemIndicator, null, /* @__PURE__ */ React33__namespace.createElement(lucideReact.CheckIcon, { className: "uii:size-4" }))),
+    /* @__PURE__ */ React33__namespace.createElement("span", { className: "uii:absolute uii:right-2 uii:flex uii:size-3.5 uii:items-center uii:justify-center" }, /* @__PURE__ */ React33__namespace.createElement(ItemIndicator, null, /* @__PURE__ */ React33__namespace.createElement(Check, { className: "uii:size-4" }))),
     /* @__PURE__ */ React33__namespace.createElement(ItemText, null, children)
   );
 }
@@ -8259,7 +8337,7 @@ function SelectScrollUpButton2({
       ),
       ...props
     },
-    /* @__PURE__ */ React33__namespace.createElement(lucideReact.ChevronUpIcon, { className: "uii:size-4" })
+    /* @__PURE__ */ React33__namespace.createElement(ChevronUp, { className: "uii:size-4" })
   );
 }
 function SelectScrollDownButton2({
@@ -8276,7 +8354,7 @@ function SelectScrollDownButton2({
       ),
       ...props
     },
-    /* @__PURE__ */ React33__namespace.createElement(lucideReact.ChevronDownIcon, { className: "uii:size-4" })
+    /* @__PURE__ */ React33__namespace.createElement(ChevronDown, { className: "uii:size-4" })
   );
 }
 
@@ -8744,6 +8822,23 @@ function ToggleButton({ className, variant, size: size4, ...props }) {
     }
   );
 }
+var logicToggleButtonStyles = [
+  "uii:inline-flex uii:items-center uii:justify-center uii:rounded-md uii:border uii:border-[#e5e7eb] uii:min-w-[28px] uii:w-[28px] uii:min-h-[56px] uii:h-[56px] uii:text-xs uii:font-bold uii:outline-none uii:focus-visible:ring-2 uii:focus-visible:ring-[#3b82f6]/40 uii:focus-visible:ring-offset-1 uii:disabled:pointer-events-none uii:disabled:opacity-50 uii:cursor-pointer uii:transition-colors uii:select-none",
+  "uii:data-[state=on]:bg-[#3b82f6] uii:data-[state=on]:text-white uii:data-[state=on]:border-[#3b82f6]",
+  "uii:data-[state=off]:bg-[#f3f4f6] uii:data-[state=off]:text-[#374151] uii:data-[state=off]:hover:bg-[#e5e7eb]"
+].join(" ");
+var logicToggleButtonLabelStyles = "uii:inline-block uii:whitespace-nowrap uii:[transform:rotate(-90deg)]";
+function LogicToggleButton({ className, children, ...props }) {
+  return /* @__PURE__ */ React33__namespace.createElement(
+    Root3,
+    {
+      "data-slot": "logic-toggle-button",
+      className: cn(logicToggleButtonStyles, className),
+      ...props
+    },
+    children != null ? /* @__PURE__ */ React33__namespace.createElement("span", { className: logicToggleButtonLabelStyles }, children) : null
+  );
+}
 
 // src/components/fields/types.ts
 function parseInferredTypes(typeStr) {
@@ -9146,11 +9241,29 @@ function useFieldValidation() {
     validateField
   };
 }
+/*! Bundled license information:
+
+lucide-react/dist/esm/shared/src/utils.js:
+lucide-react/dist/esm/defaultAttributes.js:
+lucide-react/dist/esm/Icon.js:
+lucide-react/dist/esm/createLucideIcon.js:
+lucide-react/dist/esm/icons/check.js:
+lucide-react/dist/esm/icons/chevron-down.js:
+lucide-react/dist/esm/icons/chevron-up.js:
+lucide-react/dist/esm/lucide-react.js:
+  (**
+   * @license lucide-react v0.476.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+*/
 
 exports.Button = Button;
 exports.InferredTypesContext = InferredTypesContext;
 exports.InferredTypesProvider = InferredTypesProvider;
 exports.Input = Input;
+exports.LogicToggleButton = LogicToggleButton;
 exports.NestedFieldProvider = NestedFieldProvider;
 exports.NodePropertyProvider = NodePropertyProvider;
 exports.OPERATORS_BY_TYPE = OPERATORS_BY_TYPE;
@@ -9164,6 +9277,7 @@ exports.getNumberConstants = getNumberConstants;
 exports.getOperatorsForType = getOperatorsForType;
 exports.getStringConstants = getStringConstants;
 exports.intersectTypes = intersectTypes;
+exports.logicToggleButtonStyles = logicToggleButtonStyles;
 exports.normalizeFieldValue = normalizeFieldValue;
 exports.parseInferSyntax = parseInferSyntax;
 exports.parseInferredTypes = parseInferredTypes;