@optiaxiom/proteus 0.1.13 → 0.1.14

package/dist/esm/assets/src/proteus-question/ProteusQuestionItem.css.ts.vanilla-U4mkv5De.css

@@ -1,32 +0,0 @@
-@layer optiaxiom._14psyja;
-@layer optiaxiom._14psyja {
-  .ProteusQuestionItem__uar8vn2 {
-    background-color: var(--ax-colors-bg-page);
-    border-color: var(--ax-colors-bg-page);
-    cursor: pointer;
-  }
-  .ProteusQuestionItem__uar8vn2:has(.ProteusQuestionItem__uar8vn1:checked) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    border-color: var(--ax-colors-bg-accent-light);
-  }
-  .ProteusQuestionItem__uar8vn2:has(.ProteusQuestionItem__uar8vn1:disabled) {
-    cursor: default;
-    opacity: 0.5;
-    pointer-events: none;
-  }
-  .ProteusQuestionItem__uar8vn2:has(.ProteusQuestionItem__uar8vn1:focus-visible) {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  .ProteusQuestionItem__uar8vn3 {
-    background-color: var(--ax-colors-bg-avatar-neutral);
-  }
-  .ProteusQuestionItem__uar8vn0:has(.ProteusQuestionItem__uar8vn1:checked) .ProteusQuestionItem__uar8vn3 {
-    background-color: #CDD8FC;
-  }
-  @media (hover: hover) {
-    .ProteusQuestionItem__uar8vn2:hover {
-      background-color: var(--ax-colors-bg-secondary);
-    }
-  }
-}

package/dist/esm/proteus-question/ProteusQuestionItem-css.js

@@ -1,9 +0,0 @@
-import './../assets/src/proteus-question/ProteusQuestionItem.css.ts.vanilla-U4mkv5De.css';
-import { recipe } from '@optiaxiom/react/css-runtime';
-
-var addon = recipe({base:[{display:'grid',fontWeight:'500',placeItems:'center',rounded:'lg',size:'md',transition:'colors'},'ProteusQuestionItem__uar8vn3'],variants:{cursor:{pointer:{cursor:'pointer'}}}});
-var choice = recipe({base:[{border:'1',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',px:'16',py:'12',rounded:'lg',transition:'colors'},'ProteusQuestionItem__uar8vn2','ProteusQuestionItem__uar8vn0'],variants:{cursor:{text:{cursor:'text'}}}});
-var choiceGroup = recipe({base:{flexDirection:'column',gap:'8'}});
-var input = recipe({base:'ProteusQuestionItem__uar8vn1'});
-
-export { addon, choice, choiceGroup, input };

package/dist/esm/proteus-question/ProteusQuestionItem.js

@@ -1,119 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, createElement } from 'react';
-import { Group, Text, Box, Checkbox } from '@optiaxiom/react';
-import { VisuallyHidden, InlineInput } from '@optiaxiom/react/unstable';
-import { IconPencil } from '../icons/IconPencil.js';
-import { choiceGroup, choice, input, addon } from './ProteusQuestionItem-css.js';
-
-function ProteusQuestionItem({
-  addonAfter,
-  choiceRef,
-  onValueChange,
-  options,
-  question,
-  type,
-  value
-}) {
-  const otherInputRef = useRef(null);
-  const otherValue = value?.find((v) => !options.includes(v));
-  const otherChecked = otherValue !== void 0;
-  return /* @__PURE__ */ jsxs(Group, { flexDirection: "column", gap: "16", children: [
-    /* @__PURE__ */ jsxs(Group, { children: [
-      /* @__PURE__ */ jsx(Text, { flex: "1", fontWeight: "500", children: question }),
-      addonAfter
-    ] }),
-    /* @__PURE__ */ jsxs(Group, { ref: choiceRef, ...choiceGroup(), children: [
-      options.map((option, index) => {
-        const checked = type === "single_select" ? value?.[0] === option : value?.includes(option);
-        const disabled = type === "single_select" && otherChecked && !!otherValue;
-        return /* @__PURE__ */ createElement(Box, { asChild: true, ...choice(), key: option }, /* @__PURE__ */ jsxs("label", { children: [
-          /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(Box, { asChild: true, ...input(), children: /* @__PURE__ */ jsx(
-            "input",
-            {
-              checked,
-              disabled,
-              name: type === "single_select" ? "question-item" : void 0,
-              onChange: () => {
-                if (type === "single_select") {
-                  onValueChange([option]);
-                } else {
-                  const current = value ?? [];
-                  onValueChange(
-                    checked ? current.filter((v) => v !== option) : [...current, option]
-                  );
-                }
-              },
-              type: type === "single_select" ? "radio" : "checkbox",
-              value: option
-            }
-          ) }) }),
-          /* @__PURE__ */ jsxs(Group, { gap: "12", children: [
-            /* @__PURE__ */ jsx(Box, { ...addon(), children: type === "single_select" ? index + 1 : /* @__PURE__ */ jsx(
-              Checkbox,
-              {
-                checked,
-                hidden: true,
-                pointerEvents: "none",
-                tabIndex: -1
-              }
-            ) }),
-            /* @__PURE__ */ jsx(Group, { flex: "1", flexDirection: "column", gap: "2", children: /* @__PURE__ */ jsx(Text, { children: option }) })
-          ] })
-        ] }));
-      }),
-      /* @__PURE__ */ createElement(Box, { asChild: true, ...choice({ cursor: "text" }), key: "other" }, /* @__PURE__ */ jsxs("label", { children: [
-        /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(Box, { asChild: true, ...input(), children: /* @__PURE__ */ jsx(
-          "input",
-          {
-            checked: otherChecked,
-            name: type === "single_select" ? "question-item" : void 0,
-            onChange: () => {
-              if (type === "single_select") {
-                if (!otherValue) {
-                  onValueChange([""]);
-                }
-              }
-              otherInputRef.current?.focus();
-            },
-            type: "checkbox",
-            value: "other"
-          }
-        ) }) }),
-        /* @__PURE__ */ jsxs(Group, { gap: "12", children: [
-          /* @__PURE__ */ jsx(Box, { ...addon({ cursor: "pointer" }), children: type === "single_select" ? /* @__PURE__ */ jsx(IconPencil, {}) : /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              checked: otherChecked,
-              hidden: true,
-              pointerEvents: "none",
-              tabIndex: -1
-            }
-          ) }),
-          /* @__PURE__ */ jsx(Group, { flex: "1", flexDirection: "column", gap: "2", children: /* @__PURE__ */ jsx(
-            InlineInput,
-            {
-              label: "Something else",
-              onValueChange: (text) => {
-                if (type === "single_select") {
-                  onValueChange([text]);
-                } else {
-                  const current = value ?? [];
-                  onValueChange([
-                    ...current.filter((v) => options.includes(v)),
-                    ...text ? [text] : []
-                  ]);
-                }
-              },
-              ref: otherInputRef,
-              value: otherValue ?? ""
-            }
-          ) })
-        ] })
-      ] }))
-    ] })
-  ] });
-}
-ProteusQuestionItem.displayName = "@optiaxiom/proteus/ProteusQuestionItem";
-
-export { ProteusQuestionItem };