@umami/react-zen 0.118.0 → 0.120.0

package/dist/index.css

@@ -3952,24 +3952,24 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:0fb02723d81c5960ed149d3d9f58f1ba */
-.List_list__YjBiO {
+.List_list__ZTQ5M {
   display: grid;
   outline: none;
   overflow: auto;
   gap: var(--spacing-1);
 }
-.List_separator__MjkwN {
+.List_separator__Zjk5Y {
   border-bottom: var(--border);
 }
-.List_section__NmQzZ:not(:last-child) {
+.List_section__MDgwZ:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.List_header__MjQ4N {
+.List_header__MjUxO {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.List_item__MWYwM {
+.List_item__NTg2Z {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3982,28 +3982,27 @@ body a.Button_button__NDYwM {
   outline: none;
   border-radius: var(--border-radius);
 }
-.List_item__MWYwM[data-disabled] {
+.List_item__NTg2Z[data-disabled] {
   color: var(--font-color-disabled);
 }
-.List_item__MWYwM[data-focus],
-.List_item__MWYwM[data-focus-visible] {
+.List_item__NTg2Z[data-focus],
+.List_item__NTg2Z[data-focus-visible] {
   background: var(--highlight-color);
 }
-.List_item__MWYwM:hover {
+.List_item__NTg2Z:hover {
   background: var(--highlight-color);
 }
-.List_item__MWYwM[data-selected] {
+.List_item__NTg2Z[data-selected] {
   font-weight: bold;
-  & .List_checkmark__YjhhM {
+  & .List_checkmark__M2M5Y {
     display: flex;
     justify-content: flex-end;
-    flex: 1;
   }
 }
-.List_checkmark__YjhhM {
+.List_checkmark__M2M5Y {
   display: none;
 }
-.List_hideCheckmark__OTEyO .List_checkmark__YjhhM {
+.List_hideCheckmark__YmNlM .List_checkmark__M2M5Y {
   display: none;
 }
 
@@ -4378,26 +4377,29 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:e3e6aca5943038cfd68ddbab1d1ccf5e */
-.RadioGroup_radiogroup__ZjI3O {
+.RadioGroup_radiogroup__ZDJlY {
+  font-size: var(--font-size);
+  color: var(--font-color);
+}
+.RadioGroup_inputs__OTc1Y {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
-  font-size: var(--font-size);
-  color: var(--font-color);
 }
-.RadioGroup_radiogroup__ZjI3O[data-orientation=vertical] {
+.RadioGroup_radiogroup__ZDJlY[data-orientation=vertical] .RadioGroup_inputs__OTc1Y {
   flex-direction: column;
 }
-.RadioGroup_radiogroup__ZjI3O[data-orientation=horizontal] {
+.RadioGroup_radiogroup__ZDJlY[data-orientation=horizontal] .RadioGroup_inputs__OTc1Y {
   flex-direction: row;
+  gap: var(--spacing-6);
 }
-.RadioGroup_radio__NjJiN {
+.RadioGroup_radio__ZDJiM {
   display: flex;
   align-items: center;
-  gap: var(--spacing-3);
+  gap: var(--gap);
   forced-color-adjust: none;
 }
-.RadioGroup_radio__NjJiN:before {
+.RadioGroup_radio__ZDJiM:before {
   content: "";
   display: block;
   width: 20px;
@@ -4409,20 +4411,20 @@ body a.Button_button__NDYwM {
   transition: all 200ms;
   box-shadow: var(--box-shadow);
 }
-.RadioGroup_radio__NjJiN[data-pressed]:before {
+.RadioGroup_radio__ZDJiM[data-pressed]:before {
   border-color: var(--border-color);
 }
-.RadioGroup_radio__NjJiN[data-selected]:before {
+.RadioGroup_radio__ZDJiM[data-selected]:before {
   border-color: var(--primary-color);
   border-width: 7px;
 }
-.RadioGroup_radio__NjJiN[data-selected][data-pressed]:before {
+.RadioGroup_radio__ZDJiM[data-selected][data-pressed]:before {
   border-color: var(--primary-color);
 }
-.RadioGroup_radio__NjJiN[data-disabled] {
+.RadioGroup_radio__ZDJiM[data-disabled] {
   color: var(--font-color-muted);
 }
-.RadioGroup_radio__NjJiN[data-disabled]:before {
+.RadioGroup_radio__ZDJiM[data-disabled]:before {
   background-color: var(--base-color-4);
 }
 

package/dist/index.js

@@ -26128,12 +26128,14 @@ function FormField({
   children,
   ...props
 }) {
-  const { formState, control } = useFormContext();
-  const { field } = useController({ name, control, rules });
+  const context = useFormContext();
+  const { formState, control } = context;
+  const controller = useController({ name, control, rules });
+  const { field } = controller;
   const errors = formState?.errors || {};
   const errorMessage = errors[name]?.message;
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { ...props, className: (0, import_classnames6.default)(FormField_default.input, className), children: [
-    typeof children === "function" ? children(field) : import_react153.Children.map(
+    typeof children === "function" ? children({ context, controller }) : import_react153.Children.map(
       children,
       (child) => child ? (0, import_react153.cloneElement)(child, { ...field, label: child.props.label || label }) : null
     ),
@@ -30973,7 +30975,7 @@ function getHighlightColor(color) {
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\List.module.css
-var List_default = { "list": "List_list__YjBiO", "separator": "List_separator__MjkwN", "section": "List_section__NmQzZ", "header": "List_header__MjQ4N", "item": "List_item__MWYwM", "checkmark": "List_checkmark__YjhhM", "hideCheckmark": "List_hideCheckmark__OTEyO" };
+var List_default = { "list": "List_list__ZTQ5M", "separator": "List_separator__Zjk5Y", "section": "List_section__MDgwZ", "header": "List_header__MjUxO", "item": "List_item__NTg2Z", "checkmark": "List_checkmark__M2M5Y", "hideCheckmark": "List_hideCheckmark__YmNlM" };
 
 // src/components/List.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
@@ -31250,14 +31252,14 @@ function ProgressCircle({ className, showValue, ...props }) {
 var import_classnames42 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\RadioGroup.module.css
-var RadioGroup_default = { "radiogroup": "RadioGroup_radiogroup__ZjI3O", "radio": "RadioGroup_radio__NjJiN" };
+var RadioGroup_default = { "radiogroup": "RadioGroup_radiogroup__ZDJlY", "inputs": "RadioGroup_inputs__OTc1Y", "radio": "RadioGroup_radio__ZDJiM" };
 
 // src/components/RadioGroup.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
 function RadioGroup2({ label, children, className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { ...props, className: (0, import_classnames42.default)(RadioGroup_default.radiogroup, className), children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Label2, { children: label }),
-    children
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: RadioGroup_default.inputs, children })
   ] });
 }
 function Radio2({ children, className, ...props }) {

package/dist/index.mjs

@@ -26013,12 +26013,14 @@ function FormField({
   children,
   ...props
 }) {
-  const { formState, control } = useFormContext();
-  const { field } = useController({ name, control, rules });
+  const context = useFormContext();
+  const { formState, control } = context;
+  const controller = useController({ name, control, rules });
+  const { field } = controller;
   const errors = formState?.errors || {};
   const errorMessage = errors[name]?.message;
   return /* @__PURE__ */ jsxs3("div", { ...props, className: (0, import_classnames6.default)(FormField_default.input, className), children: [
-    typeof children === "function" ? children(field) : Children.map(
+    typeof children === "function" ? children({ context, controller }) : Children.map(
       children,
       (child) => child ? cloneElement2(child, { ...field, label: child.props.label || label }) : null
     ),
@@ -30858,7 +30860,7 @@ function getHighlightColor(color) {
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\List.module.css
-var List_default = { "list": "List_list__YjBiO", "separator": "List_separator__MjkwN", "section": "List_section__NmQzZ", "header": "List_header__MjQ4N", "item": "List_item__MWYwM", "checkmark": "List_checkmark__YjhhM", "hideCheckmark": "List_hideCheckmark__OTEyO" };
+var List_default = { "list": "List_list__ZTQ5M", "separator": "List_separator__Zjk5Y", "section": "List_section__MDgwZ", "header": "List_header__MjUxO", "item": "List_item__NTg2Z", "checkmark": "List_checkmark__M2M5Y", "hideCheckmark": "List_hideCheckmark__YmNlM" };
 
 // src/components/List.tsx
 import { jsx as jsx42, jsxs as jsxs21 } from "react/jsx-runtime";
@@ -31139,14 +31141,14 @@ function ProgressCircle({ className, showValue, ...props }) {
 var import_classnames42 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\RadioGroup.module.css
-var RadioGroup_default = { "radiogroup": "RadioGroup_radiogroup__ZjI3O", "radio": "RadioGroup_radio__NjJiN" };
+var RadioGroup_default = { "radiogroup": "RadioGroup_radiogroup__ZDJlY", "inputs": "RadioGroup_inputs__OTc1Y", "radio": "RadioGroup_radio__ZDJiM" };
 
 // src/components/RadioGroup.tsx
 import { jsx as jsx52, jsxs as jsxs28 } from "react/jsx-runtime";
 function RadioGroup2({ label, children, className, ...props }) {
   return /* @__PURE__ */ jsxs28($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { ...props, className: (0, import_classnames42.default)(RadioGroup_default.radiogroup, className), children: [
     label && /* @__PURE__ */ jsx52(Label2, { children: label }),
-    children
+    /* @__PURE__ */ jsx52("div", { className: RadioGroup_default.inputs, children })
   ] });
 }
 function Radio2({ children, className, ...props }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/react-zen",
-  "version": "0.118.0",
+  "version": "0.120.0",
   "description": "Modern, minimalist React component library",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",
@@ -24,6 +24,7 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
+    "icons": "svgr ./src/assets --out-dir src/components/svg --typescript",
     "esbuild": "node esbuild.mjs",
     "rollup": "rollup -c",
     "css": "node css.mjs",
@@ -66,8 +67,7 @@
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@svgr/rollup": "^8.1.0",
-    "@svgr/webpack": "^8.1.0",
+    "@svgr/cli": "^8.1.0",
     "@types/mdx": "^2.0.11",
     "@types/node": "^22.15.21",
     "@types/react": "^19.1.5",

package/styles.css

@@ -4270,24 +4270,24 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:0fb02723d81c5960ed149d3d9f58f1ba */
-.List_list__YjBiO {
+.List_list__ZTQ5M {
   display: grid;
   outline: none;
   overflow: auto;
   gap: var(--spacing-1);
 }
-.List_separator__MjkwN {
+.List_separator__Zjk5Y {
   border-bottom: var(--border);
 }
-.List_section__NmQzZ:not(:last-child) {
+.List_section__MDgwZ:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.List_header__MjQ4N {
+.List_header__MjUxO {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.List_item__MWYwM {
+.List_item__NTg2Z {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -4300,28 +4300,27 @@ body a.Button_button__NDYwM {
   outline: none;
   border-radius: var(--border-radius);
 }
-.List_item__MWYwM[data-disabled] {
+.List_item__NTg2Z[data-disabled] {
   color: var(--font-color-disabled);
 }
-.List_item__MWYwM[data-focus],
-.List_item__MWYwM[data-focus-visible] {
+.List_item__NTg2Z[data-focus],
+.List_item__NTg2Z[data-focus-visible] {
   background: var(--highlight-color);
 }
-.List_item__MWYwM:hover {
+.List_item__NTg2Z:hover {
   background: var(--highlight-color);
 }
-.List_item__MWYwM[data-selected] {
+.List_item__NTg2Z[data-selected] {
   font-weight: bold;
-  & .List_checkmark__YjhhM {
+  & .List_checkmark__M2M5Y {
     display: flex;
     justify-content: flex-end;
-    flex: 1;
   }
 }
-.List_checkmark__YjhhM {
+.List_checkmark__M2M5Y {
   display: none;
 }
-.List_hideCheckmark__OTEyO .List_checkmark__YjhhM {
+.List_hideCheckmark__YmNlM .List_checkmark__M2M5Y {
   display: none;
 }
 
@@ -4696,26 +4695,29 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:e3e6aca5943038cfd68ddbab1d1ccf5e */
-.RadioGroup_radiogroup__ZjI3O {
+.RadioGroup_radiogroup__ZDJlY {
+  font-size: var(--font-size);
+  color: var(--font-color);
+}
+.RadioGroup_inputs__OTc1Y {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
-  font-size: var(--font-size);
-  color: var(--font-color);
 }
-.RadioGroup_radiogroup__ZjI3O[data-orientation=vertical] {
+.RadioGroup_radiogroup__ZDJlY[data-orientation=vertical] .RadioGroup_inputs__OTc1Y {
   flex-direction: column;
 }
-.RadioGroup_radiogroup__ZjI3O[data-orientation=horizontal] {
+.RadioGroup_radiogroup__ZDJlY[data-orientation=horizontal] .RadioGroup_inputs__OTc1Y {
   flex-direction: row;
+  gap: var(--spacing-6);
 }
-.RadioGroup_radio__NjJiN {
+.RadioGroup_radio__ZDJiM {
   display: flex;
   align-items: center;
-  gap: var(--spacing-3);
+  gap: var(--gap);
   forced-color-adjust: none;
 }
-.RadioGroup_radio__NjJiN:before {
+.RadioGroup_radio__ZDJiM:before {
   content: "";
   display: block;
   width: 20px;
@@ -4727,20 +4729,20 @@ body a.Button_button__NDYwM {
   transition: all 200ms;
   box-shadow: var(--box-shadow);
 }
-.RadioGroup_radio__NjJiN[data-pressed]:before {
+.RadioGroup_radio__ZDJiM[data-pressed]:before {
   border-color: var(--border-color);
 }
-.RadioGroup_radio__NjJiN[data-selected]:before {
+.RadioGroup_radio__ZDJiM[data-selected]:before {
   border-color: var(--primary-color);
   border-width: 7px;
 }
-.RadioGroup_radio__NjJiN[data-selected][data-pressed]:before {
+.RadioGroup_radio__ZDJiM[data-selected][data-pressed]:before {
   border-color: var(--primary-color);
 }
-.RadioGroup_radio__NjJiN[data-disabled] {
+.RadioGroup_radio__ZDJiM[data-disabled] {
   color: var(--font-color-muted);
 }
-.RadioGroup_radio__NjJiN[data-disabled]:before {
+.RadioGroup_radio__ZDJiM[data-disabled]:before {
   background-color: var(--base-color-4);
 }