fermmap-shared 0.3.0 → 0.5.0

package/dist/main.cjs

@@ -52,9 +52,11 @@ $parcel$export($305101ddbb5f36e4$exports, "Checkbox", () => $300c3c8c5b9089df$ex
 $parcel$export($305101ddbb5f36e4$exports, "CloseButton", () => $5a568b5eb65bfe76$export$de65de8213222d10);
 $parcel$export($305101ddbb5f36e4$exports, "ComboBox", () => $1c0dbf01eb96351a$export$72b9695b8216309a);
 $parcel$export($305101ddbb5f36e4$exports, "DisclosureGroup", () => $3764d8bc3c612a35$export$944aceb4f8c89f10);
+$parcel$export($305101ddbb5f36e4$exports, "FermentTypeBadge", () => $6a064977073da228$export$3dd2bd9a4b724d5b);
 $parcel$export($305101ddbb5f36e4$exports, "FilterTabs", () => $75461c19e6a33bc7$export$221f31a87e5a826c);
 $parcel$export($305101ddbb5f36e4$exports, "LabeledValue", () => $8cb76c7220c44b28$export$d1328f67a56fa517);
 $parcel$export($305101ddbb5f36e4$exports, "Link", () => $e0bb5e496bf3f32a$export$a6c7ac8248d6e38a);
+$parcel$export($305101ddbb5f36e4$exports, "LinkButton", () => $0febc43943e0acfb$export$29d11c0fe2fc51d8);
 $parcel$export($305101ddbb5f36e4$exports, "Menu", () => $0c771dca8e0e8649$export$d9b273488cd8ce6f);
 $parcel$export($305101ddbb5f36e4$exports, "PasswordStrength", () => $89a44c40dc4f72d5$export$ace2b65713be14d8);
 $parcel$export($305101ddbb5f36e4$exports, "Popover", () => $d1460dbc559e1751$export$5b6b19405a83ff9d);
@@ -62,7 +64,11 @@ $parcel$export($305101ddbb5f36e4$exports, "ProgressBar", () => $59fb461a0a6fd889
 $parcel$export($305101ddbb5f36e4$exports, "RadioGroup", () => $41157374edf6228b$export$a98f0dcb43a68a25);
 $parcel$export($305101ddbb5f36e4$exports, "SearchField", () => $1f2c2c3990efdd5e$export$b94867ecbd698f21);
 $parcel$export($305101ddbb5f36e4$exports, "SegmentedControl", () => $7272752e0b828205$export$668709c620d0b8e2);
+$parcel$export($305101ddbb5f36e4$exports, "SegmentedTabs", () => $461fcfe38bace82f$export$5a020dcde0a57edb);
+$parcel$export($305101ddbb5f36e4$exports, "SegmentedTabList", () => $461fcfe38bace82f$export$9a31a1604f014635);
+$parcel$export($305101ddbb5f36e4$exports, "SegmentedTab", () => $461fcfe38bace82f$export$460d6ec869d02044);
 $parcel$export($305101ddbb5f36e4$exports, "Select", () => $24de22966748f2e6$export$ef9b1a59e592288f);
+$parcel$export($305101ddbb5f36e4$exports, "SourceCategoryBadge", () => $e17150d3e28b39fb$export$64133607978931b);
 $parcel$export($305101ddbb5f36e4$exports, "StatCard", () => $22c620249a5b4412$export$b5cddb1a6bf990a0);
 $parcel$export($305101ddbb5f36e4$exports, "Switch", () => $ba215883a18b1d7f$export$b5d5cf8927ab7262);
 $parcel$export($305101ddbb5f36e4$exports, "Table", () => $dd65cef98a3548c0$export$54ec01a60f47d33d);
@@ -152,9 +158,9 @@ const $e6839169613154d7$var$buttonStyles = function anonymous(props) {
         rules += ' pp12';
         rules += ' plc12';
     } else {
-        if (props.variant === "navigation") rules += ' p9PEPsb12';
+        if (props.variant === "navigation") rules += ' pMbOPsb12';
         else if (props.variant === "danger") rules += ' px12';
-        else if (props.variant === "secondary") rules += ' p9PEPsb12';
+        else if (props.variant === "secondary") rules += ' pMbOPsb12';
         rules += ' plb12';
     }
     rules += ' sd12';
@@ -240,7 +246,7 @@ const $e6839169613154d7$export$353f5b6fc5456de1 = ({ children: children, variant
 
 
 const $6ab530226d5e3153$export$298b9ad7287f04ba = " sd12 _ta12 Ue12 qe12";
-const $6ab530226d5e3153$export$706e9cce604ae69d = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 p9PEPsb12";
+const $6ab530226d5e3153$export$706e9cce604ae69d = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pMbOPsb12";
 const $6ab530226d5e3153$var$inputStyles = function anonymous(props) {
     let rules = " ";
     if (props.isFocusVisible) rules += ' _Lf12';
@@ -281,12 +287,13 @@ const $6ab530226d5e3153$var$inputStyles = function anonymous(props) {
     rules += ' _xa12';
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
-    rules += ' pt12';
+    rules += ' pMbOPsb12';
+    rules += ' pYFIK2bgNcPsb12';
     rules += ' gqlRAZb12';
     return rules;
 };
 const $6ab530226d5e3153$export$923a9dafaeef3fba = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-c12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pKYKCZ12 Js12";
-const $6ab530226d5e3153$export$bf233b285dc0c047 = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-c12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pwuvPsb12 Js12";
+const $6ab530226d5e3153$export$bf233b285dc0c047 = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-c12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pMbOPsb12 Js12";
 function $6ab530226d5e3153$export$2c73285ae9390cec({ label: label, type: type = 'text', error: error, description: description, placeholder: placeholder, ...props }) {
     return (0, $fs04y$reactjsxruntime.jsxs)((0, $fs04y$reactariacomponents.TextField), {
         className: $6ab530226d5e3153$export$298b9ad7287f04ba,
@@ -320,7 +327,7 @@ function $6ab530226d5e3153$export$2c73285ae9390cec({ label: label, type: type =
 const $09cc2cf19505fddf$var$overlayStyles = " _Pb12 Wr12 _lr12 _Ar12 _zr12 g812 sd12 eb12 _Ca12 _Bb12";
 const $09cc2cf19505fddf$var$modalStyles = " gqlRAZb12 oe12 ne12 ke12 je12 _nLeasBb12 Th12 Qh12 Sh12 Rh12 Z9ar6Zb12 ZnA12 ZoQAax0d12 LQAax0d12 _ZBuPDyb12";
 const $09cc2cf19505fddf$var$headingStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-lcY1Ce12 vx12 we12 xe12 _xa12 wX0cczbd12 xX0cczbd12 _xX0cczba12 wezxGHbd12 xezxGHbd12 _xezxGHba12 wfe12 xfe12 _xfa12 wfX0cczbd12 xfX0cczbd12 _xfX0cczba12 wfezxGHbd12 xfezxGHbd12 _xfezxGHba12 _Fd12 _FezxGHba12 _FnuYUweb12 po12 Jy12 Gx12 Iy12 Hy12";
-const $09cc2cf19505fddf$var$messageStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pt12 Jy12 GA12 Iy12 Hy12";
+const $09cc2cf19505fddf$var$messageStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pMbOPsb12 Jy12 GA12 Iy12 Hy12";
 const $09cc2cf19505fddf$var$buttonGroupStyles = " sd12 Ug12 qg12 _Cb12";
 function $09cc2cf19505fddf$export$de466dd8317b0b75({ isOpen: isOpen, onClose: onClose, title: title, message: message, variant: variant = 'info', confirmLabel: confirmLabel = 'OK', cancelLabel: cancelLabel = 'Cancel', onConfirm: onConfirm, showCancel: showCancel = true, children: children }) {
     const [isProcessing, setIsProcessing] = (0, $fs04y$react.useState)(false);
@@ -479,7 +486,7 @@ function $09cc2cf19505fddf$export$a551a871839880f9({ isOpen: isOpen, onClose: on
 
 
 const $cfd85bddfbd540ef$var$containerStyles = " sd12 _ta12 Ub12 qb12 Za12";
-const $cfd85bddfbd540ef$var$labelStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 p9PEPsb12";
+const $cfd85bddfbd540ef$var$labelStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pMbOPsb12";
 const $cfd85bddfbd540ef$var$searchFieldStyles = " sd12 _ta12 Ub12 qb12";
 const $cfd85bddfbd540ef$var$inputContainerStyles = " _Pc12 sd12 eb12";
 const $cfd85bddfbd540ef$var$inputStyles = function anonymous(props) {
@@ -510,7 +517,8 @@ const $cfd85bddfbd540ef$var$inputStyles = function anonymous(props) {
     rules += ' _xa12';
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
-    rules += ' pt12';
+    rules += ' pMbOPsb12';
+    rules += ' pYFIK2bgNcPsb12';
     rules += ' oc12';
     rules += ' nc12';
     rules += ' kc12';
@@ -553,9 +561,9 @@ const $cfd85bddfbd540ef$var$listBoxItemStyles = function anonymous(props) {
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
     if (props.isPressed) rules += ' ppxXPsb12';
-    else if (props.isFocused) rules += ' pMbOPsb12';
-    else if (props.isHovered) rules += ' pMbOPsb12';
-    else rules += ' p9PEPsb12';
+    else if (props.isFocused) rules += ' ppxXPsb12';
+    else if (props.isHovered) rules += ' ppxXPsb12';
+    else rules += ' pMbOPsb12';
     rules += ' St12';
     rules += ' Rt12';
     rules += ' Tt12';
@@ -586,11 +594,16 @@ const $cfd85bddfbd540ef$var$selectedItemStyles = function anonymous(props) {
 const $cfd85bddfbd540ef$var$checkboxStyles = " Zu12 Ft12 _va12";
 const $cfd85bddfbd540ef$var$itemTextStyles = " _Nc12 Pc12 _Yb12 _7c12";
 const $cfd85bddfbd540ef$var$errorStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-c12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pKYKCZ12";
-function $cfd85bddfbd540ef$export$2f2b9559550c7bbc({ items: items, selectedKeys: selectedKeys, onSelectionChange: onSelectionChange, selectionMode: selectionMode = 'none', label: label, placeholder: placeholder, ariaLabel: ariaLabel, error: error, getItemText: getItemText = (item)=>item.name }) {
+function $cfd85bddfbd540ef$export$2f2b9559550c7bbc({ items: items, selectedKeys: selectedKeys, onSelectionChange: onSelectionChange, selectionMode: selectionMode = 'none', label: label, placeholder: placeholder, ariaLabel: ariaLabel, error: error, getItemText: getItemText = (item)=>item.name, onInputChange: externalOnInputChange, isDisabled: isDisabled = false }) {
     const [inputValue, setInputValue] = (0, $fs04y$react.useState)('');
     const { contains: contains } = (0, $fs04y$reactariacomponents.useFilter)({
         sensitivity: 'base'
     });
+    // Call external callback when input changes
+    const handleInputChange = (value)=>{
+        setInputValue(value);
+        externalOnInputChange?.(value);
+    };
     // Filter items based on input value
     const filteredItems = (0, $fs04y$react.useMemo)(()=>{
         if (!inputValue) return items;
@@ -624,11 +637,12 @@ function $cfd85bddfbd540ef$export$2f2b9559550c7bbc({ items: items, selectedKeys:
         children: (0, $fs04y$reactjsxruntime.jsxs)((0, $fs04y$reactariacomponents.Autocomplete), {
             filter: contains,
             inputValue: inputValue,
-            onInputChange: setInputValue,
+            onInputChange: handleInputChange,
             children: [
                 (0, $fs04y$reactjsxruntime.jsxs)((0, $fs04y$reactariacomponents.SearchField), {
                     className: $cfd85bddfbd540ef$var$searchFieldStyles,
                     "aria-label": ariaLabel || label,
+                    isDisabled: isDisabled,
                     children: [
                         (0, $fs04y$reactjsxruntime.jsx)((0, $fs04y$reactariacomponents.Label), {
                             className: $cfd85bddfbd540ef$var$labelStyles,
@@ -639,7 +653,9 @@ function $cfd85bddfbd540ef$export$2f2b9559550c7bbc({ items: items, selectedKeys:
                             children: [
                                 (0, $fs04y$reactjsxruntime.jsx)("div", {
                                     className: $cfd85bddfbd540ef$var$searchIconStyles,
-                                    children: (0, $fs04y$reactjsxruntime.jsx)((0, ($parcel$interopDefault($fs04y$reactspectrums2iconsSearch))), {})
+                                    children: (0, $fs04y$reactjsxruntime.jsx)((0, ($parcel$interopDefault($fs04y$reactspectrums2iconsSearch))), {
+                                        styles: " -_8sjo0b-tMbOPsb12 Zm12 Fn12"
+                                    })
                                 }),
                                 (0, $fs04y$reactjsxruntime.jsx)((0, $fs04y$reactariacomponents.Input), {
                                     className: $cfd85bddfbd540ef$var$inputStyles,
@@ -665,7 +681,10 @@ function $cfd85bddfbd540ef$export$2f2b9559550c7bbc({ items: items, selectedKeys:
                             children: [
                                 showCheckboxes && (0, $fs04y$reactjsxruntime.jsx)("div", {
                                     className: $cfd85bddfbd540ef$var$checkboxStyles,
-                                    children: isSelected && (0, $fs04y$reactjsxruntime.jsx)((0, ($parcel$interopDefault($fs04y$reactspectrums2iconsCheckmarkCircle))), {})
+                                    children: isSelected && // @ts-expect-error passing non-standard css value to icon color
+                                    (0, $fs04y$reactjsxruntime.jsx)((0, ($parcel$interopDefault($fs04y$reactspectrums2iconsCheckmarkCircle))), {
+                                        styles: " -_8sjo0b-tMbOPsb12 Zm12 Fn12"
+                                    })
                                 }),
                                 (0, $fs04y$reactjsxruntime.jsx)("span", {
                                     className: $cfd85bddfbd540ef$var$itemTextStyles,
@@ -717,7 +736,7 @@ const $300c3c8c5b9089df$var$checkboxStyles = function anonymous(props) {
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
     if (props.isDisabled) rules += ' pp12';
-    else rules += ' p9PEPsb12';
+    else rules += ' pMbOPsb12';
     if (props.isDisabled) rules += ' ri12';
     else rules += ' ry12';
     rules += ' __ca12';
@@ -755,18 +774,18 @@ const $300c3c8c5b9089df$var$boxStyles = function anonymous(props) {
     rules += ' Xb12';
     rules += ' _2b12';
     if (props.isDisabled) {
-        if (props.isSelected) rules += ' gw12';
+        if (props.isSelected) rules += ' gH12';
         else rules += ' gH12';
     } else if (props.isSelected) {
-        if (props.isPressed) rules += ' gMbOPsb12';
-        else if (props.isHovered) rules += ' g9PEPsb12';
-        else rules += ' gwuvPsb12';
+        if (props.isPressed) rules += ' gpxXPsb12';
+        else if (props.isHovered) rules += ' gpxXPsb12';
+        else rules += ' gMbOPsb12';
     } else rules += ' gqlRAZb12';
     if (props.isDisabled) rules += ' iq12';
     else if (props.isSelected) rules += ' iA12';
-    else if (props.isPressed) rules += ' iwuvPsb12';
-    else if (props.isHovered) rules += ' iT8lPsb12';
-    else rules += ' igNcPsb12';
+    else if (props.isPressed) rules += ' ipxXPsb12';
+    else if (props.isHovered) rules += ' ipxXPsb12';
+    else rules += ' iMbOPsb12';
     return rules;
 };
 const $300c3c8c5b9089df$var$dashStyles = " ZC4Nfn12 FlAZvq12 g4hn3s12 oa12 na12 ka12 ja12";
@@ -808,7 +827,7 @@ function $300c3c8c5b9089df$export$48513f6b9f8ce62d({ size: size = 'M', children:
 
 
 const $59fb461a0a6fd889$var$progressBarStyles = " sd12 _ta12 Ub12 qb12 Za12";
-const $59fb461a0a6fd889$var$labelStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 p9PEPsb12 sd12 _Ce12";
+const $59fb461a0a6fd889$var$labelStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pMbOPsb12 sd12 _Ce12";
 const $59fb461a0a6fd889$var$trackStyles = " Fg12 gG3O2ub12 og12 ng12 kg12 jg12 _Nc12 Pc12 _Pc12";
 const $59fb461a0a6fd889$var$fillStyles = " Fb12 gT8lPsb12 og12 ng12 kg12 jg12";
 const $59fb461a0a6fd889$var$indeterminateFillStyles = " Fb12 gT8lPsb12 og12 ng12 kg12 jg12 ZuvNfn12";
@@ -887,7 +906,7 @@ const $dd65cef98a3548c0$var$columnHeaderStyles = function anonymous(props) {
     rules += ' _Fd12';
     rules += ' _FezxGHba12';
     rules += ' _FnuYUweb12';
-    rules += ' p9PEPsb12';
+    rules += ' pMbOPsb12';
     if (props.allowsSorting) rules += ' ry12';
     return rules;
 };
@@ -933,12 +952,12 @@ const $dd65cef98a3548c0$var$cellStyles = function anonymous(props) {
     rules += ' _xa12';
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
-    rules += ' p9PEPsb12';
+    rules += ' pMbOPsb12';
     rules += ' hb12';
     return rules;
 };
 const $dd65cef98a3548c0$var$checkboxCellStyles = " Tf12 Qf12 Sf12 Rf12 ZF12 hb12";
-const $dd65cef98a3548c0$var$emptyStateStyles = " To12 Qo12 So12 Ro12 _Wa12 uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pwuvPsb12";
+const $dd65cef98a3548c0$var$emptyStateStyles = " To12 Qo12 So12 Ro12 _Wa12 uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pMbOPsb12";
 const $dd65cef98a3548c0$var$loadingStyles = " Th12 Qh12 Sh12 Rh12 sd12 _Ca12";
 const $dd65cef98a3548c0$var$scrollTriggerStyles = " FesY7Od12 _Ob12";
 function $dd65cef98a3548c0$export$54ec01a60f47d33d({ data: data, columns: columns, onRowAction: onRowAction, ariaLabel: ariaLabel, sortDescriptor: sortDescriptor, onSortChange: onSortChange, selectionMode: selectionMode = 'none', selectedKeys: selectedKeys, onSelectionChange: onSelectionChange, onLoadMore: onLoadMore, isLoadingMore: isLoadingMore }) {
@@ -1189,17 +1208,17 @@ const $5f63bea78c5270d1$var$badgeStyles = function anonymous(props) {
     rules += ' _Fd12';
     rules += ' _FezxGHba12';
     rules += ' _FnuYUweb12';
-    if (props.variant === "yogurt") rules += ' pPNz3ub12';
-    else if (props.variant === "peach") rules += ' p2sDTm12';
-    else if (props.variant === "ginger") rules += ' pfcs4R12';
-    else if (props.variant === "berry") rules += ' pnkUCZ12';
-    else if (props.variant === "cucumber") rules += ' ph8b8yb12';
-    else if (props.variant === "plum") rules += ' p9PEPsb12';
-    else if (props.variant === "pending") rules += ' p9PEPsb12';
-    else if (props.variant === "cancelled") rules += ' p9PEPsb12';
-    else if (props.variant === "failed") rules += ' pnkUCZ12';
-    else if (props.variant === "running") rules += ' pfcs4R12';
-    else if (props.variant === "completed") rules += ' ph8b8yb12';
+    if (props.variant === "yogurt") rules += ' ps9I3ub12';
+    else if (props.variant === "peach") rules += ' pFOMTm12';
+    else if (props.variant === "ginger") rules += ' pSxB4R12';
+    else if (props.variant === "berry") rules += ' p0F3CZ12';
+    else if (props.variant === "cucumber") rules += ' pUtl8yb12';
+    else if (props.variant === "plum") rules += ' pMbOPsb12';
+    else if (props.variant === "pending") rules += ' pMbOPsb12';
+    else if (props.variant === "cancelled") rules += ' pMbOPsb12';
+    else if (props.variant === "failed") rules += ' p0F3CZ12';
+    else if (props.variant === "running") rules += ' pSxB4R12';
+    else if (props.variant === "completed") rules += ' pUtl8yb12';
     rules += ' sg12';
     if (props.variant === "yogurt") rules += ' g3HF2ub12';
     else if (props.variant === "peach") rules += ' ggnJSm12';
@@ -1216,10 +1235,12 @@ const $5f63bea78c5270d1$var$badgeStyles = function anonymous(props) {
 };
 function $5f63bea78c5270d1$export$37acb3580601e69a({ variant: variant, children: children }) {
     return (0, $fs04y$reactjsxruntime.jsx)("span", {
-        className: $5f63bea78c5270d1$var$badgeStyles({
-            variant: variant
-        }),
-        children: children
+        children: (0, $fs04y$reactjsxruntime.jsx)("span", {
+            className: $5f63bea78c5270d1$var$badgeStyles({
+                variant: variant
+            }),
+            children: children
+        })
     });
 }
 
@@ -1302,7 +1323,7 @@ const $5a568b5eb65bfe76$export$de65de8213222d10 = ({ onClose: onClose, ...props
             id: 'ferment.detail.close'
         }),
         children: (0, $fs04y$reactjsxruntime.jsx)((0, ($parcel$interopDefault($fs04y$reactspectrums2iconsCloseCircle))), {
-            styles: " Zp12 Fq12"
+            styles: " -_8sjo0b-tMbOPsb12 Zp12 Fq12"
         })
     });
 };
@@ -1313,7 +1334,7 @@ const $5a568b5eb65bfe76$export$de65de8213222d10 = ({ onClose: onClose, ...props
 
 
 const $1c0dbf01eb96351a$var$comboBoxContainerStyles = " sd12 _ta12 Ub12 qb12 Nh12";
-const $1c0dbf01eb96351a$var$labelStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 p9PEPsb12";
+const $1c0dbf01eb96351a$var$labelStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pMbOPsb12";
 const $1c0dbf01eb96351a$var$inputWrapperStyles = " _Pc12 sd12 eb12";
 const $1c0dbf01eb96351a$var$inputStyles = function anonymous(props) {
     let rules = " ";
@@ -1338,15 +1359,18 @@ const $1c0dbf01eb96351a$var$inputStyles = function anonymous(props) {
     rules += ' _xa12';
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
-    if (props.isDisabled) rules += ' pxgjhZb12';
-    else rules += ' p9PEPsb12';
+    if (props.isDisabled) rules += ' pp12';
+    else {
+        rules += ' pMbOPsb12';
+        rules += ' pYFIK2bgNcPsb12';
+    }
     rules += ' _ub12';
     rules += ' _vb12';
     rules += ' Se12';
     rules += ' Rk12';
     rules += ' Tt12';
     rules += ' Qt12';
-    if (props.isDisabled) rules += ' gH12';
+    if (props.isDisabled) rules += ' gqlRAZb12';
     else if (props.isFocusVisible) rules += ' gG3O2ub12';
     else rules += ' g3HF2ub12';
     rules += ' oc12';
@@ -1358,8 +1382,8 @@ const $1c0dbf01eb96351a$var$inputStyles = function anonymous(props) {
     rules += ' mb12';
     rules += ' lb12';
     rules += ' _jf12';
-    if (props.isDisabled) rules += ' iq12';
-    else if (props.isFocusVisible) rules += ' iwuvPsb12';
+    if (props.isDisabled) rules += ' ir12';
+    else if (props.isFocusVisible) rules += ' iMbOPsb12';
     else rules += ' iWK72ub12';
     return rules;
 };
@@ -1406,11 +1430,11 @@ const $1c0dbf01eb96351a$var$listBoxItemStyles = function anonymous(props) {
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
     if (props.isDisabled) rules += ' pp12';
-    else if (props.isSelected) rules += ' p9PEPsb12';
+    else if (props.isSelected) rules += ' ppxXPsb12';
     else if (props.isPressed) rules += ' ppxXPsb12';
-    else if (props.isFocused) rules += ' pMbOPsb12';
-    else if (props.isHovered) rules += ' pMbOPsb12';
-    else rules += ' p9PEPsb12';
+    else if (props.isFocused) rules += ' ppxXPsb12';
+    else if (props.isHovered) rules += ' ppxXPsb12';
+    else rules += ' pMbOPsb12';
     rules += ' St12';
     rules += ' Rt12';
     rules += ' Tp12';
@@ -1421,26 +1445,30 @@ const $1c0dbf01eb96351a$var$listBoxItemStyles = function anonymous(props) {
     rules += ' ja12';
     if (props.isDisabled) rules += ' ru12';
     else rules += ' ry12';
-    if (props.isDisabled) rules += ' g3HF2ub12';
+    if (props.isDisabled) rules += ' gH12';
     else if (props.isFocused) rules += ' gG3O2ub12';
     else if (props.isSelected) rules += ' g05TOsb12';
     else if (props.isHovered) rules += ' gG3O2ub12';
     else rules += ' g912';
     return rules;
 };
-const $1c0dbf01eb96351a$var$descriptionStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-c12 vx12 wc12 xc12 _xa12 wezxGHbtN5kwb12 xezxGHbg12 _xezxGHba12 wfd12 xfd12 _xfa12 wfX0cczbc12 xfX0cczbc12 _xfX0cczba12 _Fd12 _FezxGHba12 _FnuYUweb12 pn12";
+const $1c0dbf01eb96351a$var$descriptionStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-c12 vx12 wc12 xc12 _xa12 wezxGHbtN5kwb12 xezxGHbg12 _xezxGHba12 wfd12 xfd12 _xfa12 wfX0cczbc12 xfX0cczbc12 _xfX0cczba12 _Fd12 _FezxGHba12 _FnuYUweb12 pMbOPsb12";
 const $1c0dbf01eb96351a$var$errorStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-c12 vx12 wc12 xc12 _xa12 wezxGHbtN5kwb12 xezxGHbg12 _xezxGHba12 wfd12 xfd12 _xfa12 wfX0cczbc12 xfX0cczbc12 _xfX0cczba12 _Fd12 _FezxGHba12 _FnuYUweb12 pnkUCZ12";
 function $1c0dbf01eb96351a$export$72b9695b8216309a({ label: label, description: description, errorMessage: errorMessage, isRequired: isRequired = false, isDisabled: isDisabled = false, selectedKey: selectedKey, onSelectionChange: onSelectionChange, items: items, placeholder: placeholder, 'aria-label': ariaLabel, inputValue: controlledInputValue, onInputChange: controlledOnInputChange }) {
     const [internalInputValue, setInternalInputValue] = (0, $fs04y$react.useState)('');
-    // Sync input value with selected item
+    // Only sync input value with selected item when NOT using controlled input
+    // (for async search, the parent controls inputValue)
     (0, $fs04y$react.useEffect)(()=>{
+        if (controlledInputValue !== undefined) // When using controlled input (search mode), don't sync with selection
+        return;
         if (selectedKey) {
             const selected = items.find((item)=>item.id === selectedKey);
             if (selected) setInternalInputValue(selected.label);
         } else setInternalInputValue('');
     }, [
         selectedKey,
-        items
+        items,
+        controlledInputValue
     ]);
     // Use controlled inputValue if provided, otherwise use internal state
     const effectiveInputValue = controlledInputValue !== undefined ? controlledInputValue : internalInputValue;
@@ -1468,7 +1496,9 @@ function $1c0dbf01eb96351a$export$72b9695b8216309a({ label: label, description:
                     }),
                     (0, $fs04y$reactjsxruntime.jsx)((0, $fs04y$reactariacomponents.Button), {
                         className: $1c0dbf01eb96351a$var$buttonStyles,
-                        children: (0, $fs04y$reactjsxruntime.jsx)((0, ($parcel$interopDefault($fs04y$reactspectrums2iconsChevronDown))), {})
+                        children: (0, $fs04y$reactjsxruntime.jsx)((0, ($parcel$interopDefault($fs04y$reactspectrums2iconsChevronDown))), {
+                            styles: " -_8sjo0b-tMbOPsb12 Zm12 Fn12"
+                        })
                     })
                 ]
             }),
@@ -1541,9 +1571,13 @@ const $3764d8bc3c612a35$var$disclosureTriggerStyles = function anonymous(props)
     rules += ' _FezxGHba12';
     rules += ' _FnuYUweb12';
     if (props.isPressed) rules += ' ppxXPsb12';
-    else if (props.isFocusVisible) rules += ' pMbOPsb12';
-    else if (props.isHovered) rules += ' pMbOPsb12';
-    else rules += ' p9PEPsb12';
+    else if (props.isFocusVisible) rules += ' ppxXPsb12';
+    else if (props.isHovered) rules += ' ppxXPsb12';
+    else rules += ' pMbOPsb12';
+    if (props.isPressed) rules += ' -_8sjo0b-ppxXPsb12';
+    else if (props.isFocusVisible) rules += ' -_8sjo0b-ppxXPsb12';
+    else if (props.isHovered) rules += ' -_8sjo0b-ppxXPsb12';
+    else rules += ' -_8sjo0b-pMbOPsb12';
     rules += ' sd12';
     rules += ' eb12';
     rules += ' Ue12';
@@ -1586,10 +1620,11 @@ function $3764d8bc3c612a35$export$944aceb4f8c89f10({ items: items, ...props }) {
         ...props,
         className: $3764d8bc3c612a35$var$disclosureContainerStyles,
         children: items.map((item)=>(0, $fs04y$reactjsxruntime.jsx)((0, $fs04y$reactariacomponents.Disclosure), {
+                id: item.id,
                 children: (0, $fs04y$reactjsxruntime.jsx)($3764d8bc3c612a35$var$DisclosureContents, {
                     ...item
-                }, item.id)
-            }, item.id))
+                }, `${item.id}-contents`)
+            }))
     });
 }
 const $3764d8bc3c612a35$var$DisclosureContents = (item)=>{
@@ -1623,6 +1658,71 @@ const $3764d8bc3c612a35$var$DisclosureContents = (item)=>{
 
 
 
+/**
+ * Get colors for a ferment category
+ * Returns marker color (for map), badge background, and badge text color
+ *
+ * @example
+ * const colors = getCategoryColors('dairy');
+ * // { marker: 'var(--plum-500)', badge: 'plum' }
+ */ function $9df03defd63c82e0$export$2514cbae0d5c71c5(category) {
+    const colorMap = {
+        dairy: {
+            marker: 'var(--yogurt-500)',
+            badge: 'peach'
+        },
+        vegetable: {
+            marker: 'var(--cucumber-500)',
+            badge: 'cucumber'
+        },
+        beverage: {
+            marker: 'var(--berry-500)',
+            badge: 'berry'
+        },
+        grain: {
+            marker: 'var(--ginger-500)',
+            badge: 'ginger'
+        },
+        legume: {
+            marker: 'var(--ginger-600)',
+            badge: 'ginger'
+        },
+        meat: {
+            marker: 'var(--berry-500)',
+            badge: 'berry'
+        },
+        fish: {
+            marker: 'var(--berry-500)',
+            badge: 'berry'
+        },
+        condiment: {
+            marker: 'var(--plum-500)',
+            badge: 'plum'
+        },
+        other: {
+            marker: 'var(--yogurt-500)',
+            badge: 'peach'
+        }
+    };
+    // Default to yogurt colors for unknown categories
+    return colorMap[category.toLowerCase()] || {
+        marker: 'var(--yogurt-500)',
+        badge: 'yogurt'
+    };
+}
+
+
+function $6a064977073da228$export$3dd2bd9a4b724d5b({ category: category }) {
+    const colors = (0, $9df03defd63c82e0$export$2514cbae0d5c71c5)(category);
+    return (0, $fs04y$reactjsxruntime.jsx)((0, $5f63bea78c5270d1$export$37acb3580601e69a), {
+        variant: colors.badge,
+        children: category
+    });
+}
+
+
+
+
 
 const $75461c19e6a33bc7$var$filterContainerStyles = " sd12 Uh12 qh12 Tp12 Qp12 Sp12 Rp12 gG3O2ub12 oc12 nc12 kc12 jc12 _kb12 hb12 mb12 lb12 _jf12 iWK72ub12";
 const $75461c19e6a33bc7$var$filterButtonStyles = function anonymous(props) {
@@ -1657,9 +1757,9 @@ const $75461c19e6a33bc7$var$filterButtonStyles = function anonymous(props) {
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
     if (props.isPressed) rules += ' ppxXPsb12';
-    else if (props.isFocusVisible) rules += ' pMbOPsb12';
-    else if (props.isHovered) rules += ' pMbOPsb12';
-    else rules += ' p9PEPsb12';
+    else if (props.isFocusVisible) rules += ' ppxXPsb12';
+    else if (props.isHovered) rules += ' ppxXPsb12';
+    else rules += ' pMbOPsb12';
     rules += ' g912';
     rules += ' _je12';
     rules += ' ob12';
@@ -1729,19 +1829,89 @@ function $75461c19e6a33bc7$export$221f31a87e5a826c({ value: value, onChange: onC
 
 
 
-const $8cb76c7220c44b28$var$labeledValueStyles = " sd12 _ta12 Ue12 qe12 Gz12";
-const $8cb76c7220c44b28$var$labeledValueValueStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 p9PEPsb12";
-function $8cb76c7220c44b28$export$d1328f67a56fa517({ label: label, children: children, error: error, description: description, ...props }) {
+const $8cb76c7220c44b28$var$labeledValueStyles = function anonymous(props) {
+    let rules = " ";
+    rules += ' uk12';
+    rules += ' uch12';
+    rules += ' udi12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
+    rules += ' -_6BNtrc-d12';
+    rules += ' vx12';
+    rules += ' wb12';
+    rules += ' xb12';
+    rules += ' _xa12';
+    rules += ' _Fb12';
+    rules += ' _FnuYUwec12';
+    rules += ' pMbOPsb12';
+    rules += ' sd12';
+    if (props.labelPosition === "side") rules += ' _tc12';
+    else rules += ' _ta12';
+    rules += ' Ue12';
+    rules += ' qe12';
+    if (props.labelPosition === "side") rules += ' eb12';
+    return rules;
+};
+const $8cb76c7220c44b28$var$labeledValueLabelStyles = function anonymous(props) {
+    let rules = " ";
+    if (props.isBoldLabel) {
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
+    }
+    if (props.isBoldLabel) {
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
+    }
+    if (props.isBoldLabel) {
+        rules += ' wd12';
+        rules += ' xd12';
+        rules += ' _xa12';
+        rules += ' wX0cczbc12';
+        rules += ' xX0cczbc12';
+        rules += ' _xX0cczba12';
+        rules += ' wfd12';
+        rules += ' xfd12';
+        rules += ' _xfa12';
+        rules += ' wfX0cczbc12';
+        rules += ' xfX0cczbc12';
+        rules += ' _xfX0cczba12';
+    }
+    if (props.isBoldLabel) {
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
+    }
+    rules += ' pMbOPsb12';
+    return rules;
+};
+function $8cb76c7220c44b28$export$d1328f67a56fa517({ label: label, children: children, error: error, description: description, isBoldLabel: isBoldLabel = false, labelPosition: labelPosition = 'top', ...props }) {
     return (0, $fs04y$reactjsxruntime.jsxs)((0, $fs04y$reactariacomponents.TextField), {
-        className: $8cb76c7220c44b28$var$labeledValueStyles,
+        className: $8cb76c7220c44b28$var$labeledValueStyles({
+            labelPosition: labelPosition
+        }),
         ...props,
         children: [
-            (0, $fs04y$reactjsxruntime.jsx)((0, $fs04y$reactariacomponents.Label), {
-                className: (0, $6ab530226d5e3153$export$706e9cce604ae69d),
-                children: label
+            (0, $fs04y$reactjsxruntime.jsxs)((0, $fs04y$reactariacomponents.Label), {
+                className: $8cb76c7220c44b28$var$labeledValueLabelStyles({
+                    isBoldLabel: isBoldLabel
+                }),
+                children: [
+                    label,
+                    labelPosition === 'side' && ':'
+                ]
             }),
             (0, $fs04y$reactjsxruntime.jsx)("span", {
-                className: $8cb76c7220c44b28$var$labeledValueValueStyles,
                 children: children
             }),
             description && !error && (0, $fs04y$reactjsxruntime.jsx)((0, $fs04y$reactariacomponents.Text), {
@@ -1784,9 +1954,9 @@ const $e0bb5e496bf3f32a$var$linkStyles = function anonymous(props) {
     rules += ' _xa12';
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
-    if (props.isPressed) rules += ' pMbOPsb12';
-    else if (props.isHovered) rules += ' p9PEPsb12';
-    else rules += ' pwuvPsb12';
+    if (props.isPressed) rules += ' ppxXPsb12';
+    else if (props.isHovered) rules += ' ppxXPsb12';
+    else rules += ' pMbOPsb12';
     rules += ' ry12';
     if (props.isHovered) rules += ' g912';
     else rules += ' g912';
@@ -1811,6 +1981,181 @@ function $e0bb5e496bf3f32a$export$a6c7ac8248d6e38a({ children: children, href: h
 
 
 
+const $0febc43943e0acfb$var$linkButtonStyles = function anonymous(props) {
+    let rules = " ";
+    if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' _Mc12';
+    rules += ' _Kd12';
+    if (props.size === "L") {
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
+    } else if (props.size === "S") {
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
+    } else {
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
+    }
+    if (props.size === "L") {
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
+    } else if (props.size === "S") {
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
+    } else {
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
+    }
+    if (props.size === "L") {
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
+    } else if (props.size === "S") {
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
+    } else {
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
+    }
+    if (props.size === "L") {
+        rules += ' _Fb12';
+        rules += ' _FnuYUwec12';
+    } else if (props.size === "S") {
+        rules += ' _Fb12';
+        rules += ' _FnuYUwec12';
+    } else {
+        rules += ' _Fb12';
+        rules += ' _FnuYUwec12';
+    }
+    if (props.isDisabled) {
+        rules += ' pp12';
+        rules += ' plc12';
+    } else {
+        if (props.variant === "inline") {
+            if (props.isPressed) rules += ' ppxXPsb12';
+            else if (props.isHovered) rules += ' ppxXPsb12';
+            else rules += ' pMbOPsb12';
+        } else if (props.variant === "navigation") {
+            if (props.isPressed) rules += ' ppxXPsb12';
+            else if (props.isHovered) rules += ' ppxXPsb12';
+            else rules += ' pMbOPsb12';
+        } else if (props.variant === "danger") rules += ' px12';
+        else if (props.variant === "secondary") rules += ' pMbOPsb12';
+        rules += ' plb12';
+    }
+    rules += ' sd12';
+    rules += ' eb12';
+    rules += ' _Ca12';
+    if (props.size === "S") rules += ' Ub12';
+    else rules += ' Ue12';
+    if (props.size === "S") rules += ' qb12';
+    else rules += ' qe12';
+    if (props.variant === "inline") rules += ' Td12';
+    else if (props.variant === "navigation") rules += ' Tp12';
+    else if (props.size === "L") rules += ' Tf12';
+    else if (props.size === "S") rules += ' Tt12';
+    else rules += ' Te12';
+    if (props.variant === "inline") rules += ' Qd12';
+    else if (props.variant === "navigation") rules += ' Qp12';
+    else if (props.size === "L") rules += ' Qf12';
+    else if (props.size === "S") rules += ' Qt12';
+    else rules += ' Qe12';
+    if (props.variant === "inline") rules += ' Sd12';
+    else if (props.size === "L") rules += ' Sh12';
+    else if (props.size === "S") rules += ' Se12';
+    else rules += ' Sf12';
+    if (props.variant === "inline") rules += ' Rd12';
+    else if (props.size === "L") rules += ' Rh12';
+    else if (props.size === "S") rules += ' Re12';
+    else rules += ' Rf12';
+    if (props.variant === "navigation") rules += ' ZJ12';
+    if (props.isDisabled) {
+        if (props.isDisabled) rules += ' gH12';
+        else rules += ' gH12';
+    } else {
+        if (props.variant === "inline") {
+            if (props.isPressed) rules += ' gjpY2ub12';
+            else if (props.isFocusVisible) rules += ' gG3O2ub12';
+            else if (props.isHovered) rules += ' gG3O2ub12';
+            else rules += ' g912';
+        } else if (props.variant === "danger") {
+            if (props.isPressed) rules += ' gnkUCZ12';
+            else if (props.isFocusVisible) rules += ' gKYKCZ12';
+            else if (props.isHovered) rules += ' gKYKCZ12';
+            else rules += ' g7CBCZ12';
+        } else if (props.variant === "navigation") {
+            if (props.isPressed) rules += ' gjpY2ub12';
+            else if (props.isFocusVisible) rules += ' gG3O2ub12';
+            else if (props.isHovered) rules += ' gG3O2ub12';
+            else rules += ' g912';
+        } else if (props.variant === "secondary") {
+            if (props.isPressed) rules += ' gWK72ub12';
+            else if (props.isFocusVisible) rules += ' gjpY2ub12';
+            else if (props.isHovered) rules += ' gjpY2ub12';
+            else rules += ' gG3O2ub12';
+        } else if (props.variant === "primary") {
+            if (props.isPressed) rules += ' ggNcPsb12';
+            else if (props.isFocusVisible) rules += ' ggNcPsb12';
+            else if (props.isHovered) rules += ' ggNcPsb12';
+            else rules += ' gDr3Osb12';
+        } else rules += ' gDr3Osb12';
+        rules += ' glb12';
+    }
+    rules += ' oc12';
+    rules += ' nc12';
+    rules += ' kc12';
+    rules += ' jc12';
+    rules += ' _je12';
+    rules += ' _jlf12';
+    rules += ' ila12';
+    rules += ' _klb12';
+    rules += ' hlb12';
+    rules += ' mlb12';
+    rules += ' llb12';
+    if (props.isDisabled) rules += ' ru12';
+    else rules += ' ry12';
+    return rules;
+};
+function $0febc43943e0acfb$export$29d11c0fe2fc51d8({ variant: variant = 'primary', size: size = 'M', children: children, ...props }) {
+    return (0, $fs04y$reactjsxruntime.jsx)((0, $e0bb5e496bf3f32a$export$a6c7ac8248d6e38a), {
+        ...props,
+        className: (renderProps)=>$0febc43943e0acfb$var$linkButtonStyles({
+                ...renderProps,
+                variant: variant,
+                size: size
+            }),
+        children: children
+    });
+}
+
+
+
+
 const $0c771dca8e0e8649$var$menuStyles = " gLYrGTd12 oc12 nc12 kc12 jc12 _kb12 hb12 mb12 lb12 _jf12 iWK72ub12 _nLeasBb12 Tp12 Qp12 Sp12 Rp12 Ng12";
 const $0c771dca8e0e8649$var$menuItemStyles = function anonymous(props) {
     let rules = " ";
@@ -1843,9 +2188,9 @@ const $0c771dca8e0e8649$var$menuItemStyles = function anonymous(props) {
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
     if (props.isPressed) rules += ' ppxXPsb12';
-    else if (props.isFocused) rules += ' pMbOPsb12';
-    else if (props.isHovered) rules += ' pMbOPsb12';
-    else rules += ' p9PEPsb12';
+    else if (props.isFocused) rules += ' ppxXPsb12';
+    else if (props.isHovered) rules += ' ppxXPsb12';
+    else rules += ' pMbOPsb12';
     if (props.isFocused) rules += ' gG3O2ub12';
     else if (props.isHovered) rules += ' gG3O2ub12';
     else rules += ' g912';
@@ -1957,7 +2302,7 @@ function $89a44c40dc4f72d5$export$ace2b65713be14d8({ validation: validation }) {
 
 const $d1460dbc559e1751$var$popoverStyles = " gqlRAZb12 oc12 nc12 kc12 jc12 _kb12 hb12 mb12 lb12 _jf12 iDr3Osb12 Th12 Qh12 Sh12 Rh12 L6Neosc12 _nLeasBb12";
 const $d1460dbc559e1751$var$dialogStyles = " KBxJurc12 _Na12 Pa12";
-const $d1460dbc559e1751$var$headingStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-g12 vx12 we12 xe12 _xa12 wX0cczbd12 xX0cczbd12 _xX0cczba12 wezxGHbd12 xezxGHbd12 _xezxGHba12 wfe12 xfe12 _xfa12 wfX0cczbd12 xfX0cczbd12 _xfX0cczba12 wfezxGHbd12 xfezxGHbd12 _xfezxGHba12 _Fd12 _FezxGHba12 _FnuYUweb12 p9PEPsb12 Jy12 GC12 Iy12 Hy12";
+const $d1460dbc559e1751$var$headingStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-g12 vx12 we12 xe12 _xa12 wX0cczbd12 xX0cczbd12 _xX0cczba12 wezxGHbd12 xezxGHbd12 _xezxGHba12 wfe12 xfe12 _xfa12 wfX0cczbd12 xfX0cczbd12 _xfX0cczba12 wfezxGHbd12 xfezxGHbd12 _xfezxGHba12 _Fd12 _FezxGHba12 _FnuYUweb12 pMbOPsb12 Jy12 GC12 Iy12 Hy12";
 function $d1460dbc559e1751$export$5b6b19405a83ff9d({ title: title, children: children }) {
     return (0, $fs04y$reactjsxruntime.jsx)((0, $fs04y$reactariacomponents.Popover), {
         className: $d1460dbc559e1751$var$popoverStyles,
@@ -1979,8 +2324,9 @@ function $d1460dbc559e1751$export$5b6b19405a83ff9d({ title: title, children: chi
 
 
 
+
 const $41157374edf6228b$var$radioGroupStyles = " sd12 _ta12 Ue12 qe12";
-const $41157374edf6228b$var$labelStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wc12 xc12 _xa12 wezxGHbtN5kwb12 xezxGHbg12 _xezxGHba12 _Fb12 _FnuYUwec12 p9PEPsb12 Gv12";
+const $41157374edf6228b$var$labelStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wc12 xc12 _xa12 wezxGHbtN5kwb12 xezxGHbg12 _xezxGHba12 _Fb12 _FnuYUwec12 pMbOPsb12 Gv12";
 const $41157374edf6228b$var$radioContainerStyles = " sd12 _ta12 Ug12 qg12";
 const $41157374edf6228b$var$radioStyles = function anonymous(props) {
     let rules = " ";
@@ -2010,9 +2356,9 @@ const $41157374edf6228b$var$radioStyles = function anonymous(props) {
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
     if (props.isDisabled) rules += ' pp12';
-    else if (props.isHovered) rules += ' pwuvPsb12';
-    else if (props.isSelected) rules += ' pMbOPsb12';
-    else rules += ' p9PEPsb12';
+    else if (props.isHovered) rules += ' ppxXPsb12';
+    else if (props.isSelected) rules += ' ppxXPsb12';
+    else rules += ' pMbOPsb12';
     rules += ' ry12';
     rules += ' Tt12';
     rules += ' Qt12';
@@ -2039,10 +2385,10 @@ const $41157374edf6228b$var$radioButtonStyles = function anonymous(props) {
     rules += ' mc12';
     rules += ' lc12';
     rules += ' _jf12';
-    if (props.isDisabled) rules += ' ir12';
+    if (props.isDisabled) rules += ' iq12';
     else if (props.isHovered) rules += ' iDr3Osb12';
     else if (props.isSelected) rules += ' iT8lPsb12';
-    else rules += ' io12';
+    else rules += ' igNcPsb12';
     rules += ' sd12';
     rules += ' eb12';
     rules += ' _Ca12';
@@ -2085,11 +2431,14 @@ function $41157374edf6228b$export$d7b12c4107be0d61({ children: children, ...prop
     });
 }
 function $41157374edf6228b$export$a98f0dcb43a68a25({ label: label, options: options, error: error, ...props }) {
+    let ariaLabelId = (0, $fs04y$react.useId)();
     return (0, $fs04y$reactjsxruntime.jsxs)((0, $fs04y$reactariacomponents.RadioGroup), {
         ...props,
         className: $41157374edf6228b$var$radioGroupStyles,
+        "aria-labelledby": ariaLabelId,
         children: [
             (0, $fs04y$reactjsxruntime.jsx)("span", {
+                id: ariaLabelId,
                 className: $41157374edf6228b$var$labelStyles,
                 children: label
             }),
@@ -2113,6 +2462,7 @@ function $41157374edf6228b$export$a98f0dcb43a68a25({ label: label, options: opti
 
 
 
+
 const $1f2c2c3990efdd5e$var$searchFieldContainerStyles = "";
 const $1f2c2c3990efdd5e$var$searchFieldStyles = " sd12 _ta12 Ub12 qb12";
 const $1f2c2c3990efdd5e$var$searchInputContainerStyles = " _Pc12 sd12 eb12";
@@ -2144,7 +2494,8 @@ const $1f2c2c3990efdd5e$var$searchInputStyles = function anonymous(props) {
     rules += ' _xa12';
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
-    rules += ' pt12';
+    rules += ' pMbOPsb12';
+    rules += ' pYFIK2bgNcPsb12';
     rules += ' oc12';
     rules += ' nc12';
     rules += ' kc12';
@@ -2160,7 +2511,7 @@ const $1f2c2c3990efdd5e$var$searchInputStyles = function anonymous(props) {
     else rules += ' g3HF2ub12';
     return rules;
 };
-const $1f2c2c3990efdd5e$var$labelStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 p9PEPsb12 Gs12";
+const $1f2c2c3990efdd5e$var$labelStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pMbOPsb12 Gs12";
 const $1f2c2c3990efdd5e$var$searchIconStyles = {
     position: 'absolute',
     left: 12,
@@ -2197,6 +2548,7 @@ const $1f2c2c3990efdd5e$var$clearButtonStyles = function anonymous(props) {
     return rules;
 };
 function $1f2c2c3990efdd5e$export$b94867ecbd698f21({ value: value, onChange: onChange, label: label, placeholder: placeholder, ariaLabel: ariaLabel }) {
+    const intl = (0, $25d82f0a3d474ebc$export$5aebe9a147f4d146)();
     return (0, $fs04y$reactjsxruntime.jsx)("div", {
         className: $1f2c2c3990efdd5e$var$searchFieldContainerStyles,
         children: (0, $fs04y$reactjsxruntime.jsx)((0, $fs04y$reactariacomponents.SearchField), {
@@ -2215,7 +2567,9 @@ function $1f2c2c3990efdd5e$export$b94867ecbd698f21({ value: value, onChange: onC
                             children: [
                                 (0, $fs04y$reactjsxruntime.jsx)("div", {
                                     style: $1f2c2c3990efdd5e$var$searchIconStyles,
-                                    children: (0, $fs04y$reactjsxruntime.jsx)((0, ($parcel$interopDefault($fs04y$reactspectrums2iconsSearch))), {})
+                                    children: (0, $fs04y$reactjsxruntime.jsx)((0, ($parcel$interopDefault($fs04y$reactspectrums2iconsSearch))), {
+                                        styles: " -_8sjo0b-tMbOPsb12 Zm12 Fn12"
+                                    })
                                 }),
                                 (0, $fs04y$reactjsxruntime.jsx)((0, $fs04y$reactariacomponents.Input), {
                                     className: (renderProps)=>$1f2c2c3990efdd5e$var$searchInputStyles(renderProps) + ' ' + "zc3JFe",
@@ -2223,8 +2577,12 @@ function $1f2c2c3990efdd5e$export$b94867ecbd698f21({ value: value, onChange: onC
                                 }),
                                 !isEmpty && (0, $fs04y$reactjsxruntime.jsx)((0, $fs04y$reactariacomponents.Button), {
                                     className: $1f2c2c3990efdd5e$var$clearButtonStyles,
-                                    "aria-label": "Clear search",
-                                    children: (0, $fs04y$reactjsxruntime.jsx)((0, ($parcel$interopDefault($fs04y$reactspectrums2iconsClose))), {})
+                                    "aria-label": intl.formatMessage({
+                                        id: 'ferments.search.clear'
+                                    }),
+                                    children: (0, $fs04y$reactjsxruntime.jsx)((0, ($parcel$interopDefault($fs04y$reactspectrums2iconsClose))), {
+                                        styles: " -_8sjo0b-tMbOPsb12 Zu12 Ft12"
+                                    })
                                 })
                             ]
                         })
@@ -2276,9 +2634,9 @@ const $7272752e0b828205$var$toggleButtonStyles = function anonymous(props) {
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
     if (props.isPressed) rules += ' ppxXPsb12';
-    else if (props.isFocusVisible) rules += ' pMbOPsb12';
-    else if (props.isHovered) rules += ' pMbOPsb12';
-    else rules += ' p9PEPsb12';
+    else if (props.isFocusVisible) rules += ' ppxXPsb12';
+    else if (props.isHovered) rules += ' ppxXPsb12';
+    else rules += ' pMbOPsb12';
     rules += ' g912';
     rules += ' _je12';
     rules += ' ob12';
@@ -2288,9 +2646,9 @@ const $7272752e0b828205$var$toggleButtonStyles = function anonymous(props) {
     rules += ' ry12';
     rules += ' _9c12';
     if (props.isPressed) rules += ' -_8sjo0b-ppxXPsb12';
-    else if (props.isFocusVisible) rules += ' -_8sjo0b-pMbOPsb12';
-    else if (props.isHovered) rules += ' -_8sjo0b-pMbOPsb12';
-    else rules += ' -_8sjo0b-p9PEPsb12';
+    else if (props.isFocusVisible) rules += ' -_8sjo0b-ppxXPsb12';
+    else if (props.isHovered) rules += ' -_8sjo0b-ppxXPsb12';
+    else rules += ' -_8sjo0b-pMbOPsb12';
     return rules;
 };
 const $7272752e0b828205$var$selectionIndicatorStyles = function anonymous(props) {
@@ -2309,14 +2667,14 @@ const $7272752e0b828205$var$selectionIndicatorStyles = function anonymous(props)
     rules += ' mb12';
     rules += ' lb12';
     rules += ' _jf12';
-    rules += ' iq12';
+    rules += ' iDr3Osb12';
     rules += ' _nLeasBb12';
     rules += ' _9a12';
     if (props.isDisabled) rules += ' pp12';
     rules += ' plb12';
     if (props.isDisabled) rules += ' gH12';
     else if (props.isPressed) rules += ' ggNcPsb12';
-    else if (props.isFocusVisibile) rules += ' ggNcPsb12';
+    else if (props.isFocusVisible) rules += ' ggNcPsb12';
     else if (props.isHovered) rules += ' ggNcPsb12';
     else rules += ' gDr3Osb12';
     rules += ' glb12';
@@ -2395,9 +2753,112 @@ function $7272752e0b828205$export$668709c620d0b8e2({ value: value }) {
 
 
 
+const $461fcfe38bace82f$var$tabListStyles = " sd12 Uh12 qh12 Tp12 Qp12 Sp12 Rp12 gG3O2ub12 oc12 nc12 kc12 jc12 _kb12 hb12 mb12 lb12 _jf12 iWK72ub12 GA12";
+const $461fcfe38bace82f$var$tabStyles = function anonymous(props) {
+    let rules = " ";
+    if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' _Mc12';
+    rules += ' _Kd12';
+    rules += ' _Pc12';
+    rules += ' sd12';
+    rules += ' eb12';
+    rules += ' _Ca12';
+    rules += ' Sf12';
+    rules += ' Rf12';
+    rules += ' Tt12';
+    rules += ' Qt12';
+    rules += ' uk12';
+    rules += ' uch12';
+    rules += ' udi12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
+    rules += ' -_6BNtrc-d12';
+    rules += ' vx12';
+    rules += ' wb12';
+    rules += ' xb12';
+    rules += ' _xa12';
+    rules += ' _Fb12';
+    rules += ' _FnuYUwec12';
+    if (props.isPressed) rules += ' ppxXPsb12';
+    else if (props.isFocusVisible) rules += ' ppxXPsb12';
+    else if (props.isHovered) rules += ' ppxXPsb12';
+    else rules += ' pMbOPsb12';
+    rules += ' g912';
+    rules += ' _je12';
+    rules += ' ob12';
+    rules += ' nb12';
+    rules += ' kb12';
+    rules += ' jb12';
+    rules += ' ry12';
+    rules += ' _9c12';
+    return rules;
+};
+const $461fcfe38bace82f$var$selectedIndicatorStyles = function anonymous(props) {
+    let rules = " ";
+    rules += ' _Pa12';
+    rules += ' Wr12';
+    rules += ' _lr12';
+    rules += ' _Ar12';
+    rules += ' _zr12';
+    rules += ' ob12';
+    rules += ' nb12';
+    rules += ' kb12';
+    rules += ' jb12';
+    rules += ' _kb12';
+    rules += ' hb12';
+    rules += ' mb12';
+    rules += ' lb12';
+    rules += ' _jf12';
+    rules += ' iq12';
+    rules += ' _nLeasBb12';
+    rules += ' _9a12';
+    if (props.isPressed) rules += ' gWK72ub12';
+    else if (props.isHovered) rules += ' gjpY2ub12';
+    else rules += ' gqlRAZb12';
+    return rules;
+};
+function $461fcfe38bace82f$export$5a020dcde0a57edb({ children: children, ariaLabel: ariaLabel, ...props }) {
+    return (0, $fs04y$reactjsxruntime.jsx)((0, $fs04y$reactariacomponents.Tabs), {
+        ...props,
+        children: children
+    });
+}
+function $461fcfe38bace82f$export$9a31a1604f014635({ children: children, ...props }) {
+    return (0, $fs04y$reactjsxruntime.jsx)((0, $fs04y$reactariacomponents.TabList), {
+        ...props,
+        className: $461fcfe38bace82f$var$tabListStyles,
+        children: children
+    });
+}
+function $461fcfe38bace82f$export$460d6ec869d02044({ children: children, ...props }) {
+    return (0, $fs04y$reactjsxruntime.jsx)((0, $fs04y$reactariacomponents.Tab), {
+        ...props,
+        className: $461fcfe38bace82f$var$tabStyles,
+        children: ({ isSelected: isSelected })=>(0, $fs04y$reactjsxruntime.jsxs)((0, $fs04y$reactjsxruntime.Fragment), {
+                children: [
+                    isSelected && (0, $fs04y$reactjsxruntime.jsx)("div", {
+                        className: $461fcfe38bace82f$var$selectedIndicatorStyles({
+                            isSelected: isSelected
+                        })
+                    }),
+                    children
+                ]
+            })
+    });
+}
+
+
+
+
 
 const $24de22966748f2e6$var$selectContainerStyles = " sd12 _ta12 Ub12 qb12 Ng12";
-const $24de22966748f2e6$var$labelStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 p9PEPsb12";
+const $24de22966748f2e6$var$labelStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pMbOPsb12";
 const $24de22966748f2e6$var$buttonStyles = function anonymous(props) {
     let rules = " ";
     if (props.isFocusVisible) rules += ' _Lf12';
@@ -2440,9 +2901,10 @@ const $24de22966748f2e6$var$buttonStyles = function anonymous(props) {
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
     if (props.isPressed) rules += ' ppxXPsb12';
-    else if (props.isFocused) rules += ' pMbOPsb12';
-    else if (props.isHovered) rules += ' pMbOPsb12';
-    else rules += ' p9PEPsb12';
+    else if (props.isFocused) rules += ' ppxXPsb12';
+    else if (props.isHovered) rules += ' ppxXPsb12';
+    else rules += ' pMbOPsb12';
+    rules += ' pYFIK2bgNcPsb12';
     rules += ' ry12';
     rules += ' sd12';
     rules += ' eb12';
@@ -2473,11 +2935,11 @@ const $24de22966748f2e6$var$listBoxItemStyles = function anonymous(props) {
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
     if (props.isDisabled) rules += ' pp12';
-    else if (props.isSelected) rules += ' p9PEPsb12';
+    else if (props.isSelected) rules += ' ppxXPsb12';
     else if (props.isPressed) rules += ' ppxXPsb12';
-    else if (props.isFocused) rules += ' pMbOPsb12';
-    else if (props.isHovered) rules += ' pMbOPsb12';
-    else rules += ' p9PEPsb12';
+    else if (props.isFocused) rules += ' ppxXPsb12';
+    else if (props.isHovered) rules += ' ppxXPsb12';
+    else rules += ' pMbOPsb12';
     rules += ' St12';
     rules += ' Rt12';
     rules += ' Tp12';
@@ -2488,7 +2950,7 @@ const $24de22966748f2e6$var$listBoxItemStyles = function anonymous(props) {
     rules += ' ja12';
     if (props.isDisabled) rules += ' ru12';
     else rules += ' ry12';
-    if (props.isDisabled) rules += ' g3HF2ub12';
+    if (props.isDisabled) rules += ' gH12';
     else if (props.isFocused) rules += ' gG3O2ub12';
     else if (props.isSelected) rules += ' g05TOsb12';
     else if (props.isHovered) rules += ' gG3O2ub12';
@@ -2509,7 +2971,8 @@ function $24de22966748f2e6$export$ef9b1a59e592288f({ label: label, options: opti
                 children: [
                     (0, $fs04y$reactjsxruntime.jsx)((0, $fs04y$reactariacomponents.SelectValue), {}),
                     (0, $fs04y$reactjsxruntime.jsx)((0, ($parcel$interopDefault($fs04y$reactspectrums2iconsChevronDown))), {
-                        "aria-hidden": "true"
+                        "aria-hidden": "true",
+                        styles: " -_8sjo0b-tMbOPsb12 Zm12 Fn12"
                     })
                 ]
             }),
@@ -2534,16 +2997,73 @@ function $24de22966748f2e6$export$ef9b1a59e592288f({ label: label, options: opti
 
 
 
+/**
+ * Get badge color for a ferment source category
+ * Returns badge variant for consistent color scheme
+ *
+ * @example
+ * const colors = getSourceCategoryColors('recipes');
+ * // { badge: 'ginger' }
+ */ function $ec54b006aa554aa9$export$8d65bcf2e041e7f5(sourceCategory) {
+    const colorMap = {
+        about: {
+            badge: 'cucumber'
+        },
+        history: {
+            badge: 'peach'
+        },
+        recipes: {
+            badge: 'ginger'
+        },
+        tools: {
+            badge: 'yogurt'
+        },
+        starters: {
+            badge: 'ginger'
+        },
+        culture: {
+            badge: 'peach'
+        },
+        scientific: {
+            badge: 'berry'
+        },
+        commercial: {
+            badge: 'yogurt'
+        },
+        course: {
+            badge: 'plum'
+        },
+        general: {
+            badge: 'cucumber'
+        }
+    };
+    return colorMap[sourceCategory] || {
+        badge: 'yogurt'
+    };
+}
+
+
+function $e17150d3e28b39fb$export$64133607978931b({ sourceCategory: sourceCategory }) {
+    const colors = (0, $ec54b006aa554aa9$export$8d65bcf2e041e7f5)(sourceCategory);
+    return (0, $fs04y$reactjsxruntime.jsx)((0, $5f63bea78c5270d1$export$37acb3580601e69a), {
+        variant: colors.badge,
+        children: sourceCategory
+    });
+}
+
+
+
+
 
 
 
 const $22c620249a5b4412$var$cardStyles = " gqlRAZb12 oe12 ne12 ke12 je12 Th12 Qh12 Sh12 Rh12 _kb12 hb12 mb12 lb12 _jf12 i05TOsb12 sd12 _ta12 Ug12 qg12 eb12 _Wa12";
-const $22c620249a5b4412$var$cardTitleStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-e12 vx12 wd12 xd12 _xa12 wX0cczbc12 xX0cczbc12 _xX0cczba12 wfd12 xfd12 _xfa12 wfX0cczbc12 xfX0cczbc12 _xfX0cczba12 _Fd12 _FezxGHba12 _FnuYUweb12 p9PEPsb12 Jy12 Gy12 Iy12 Hy12";
-const $22c620249a5b4412$var$cardValueStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-snabcc12 vx12 we12 xe12 _xa12 wX0cczbd12 xX0cczbd12 _xX0cczba12 wezxGHbd12 xezxGHbd12 _xezxGHba12 wfe12 xfe12 _xfa12 wfX0cczbd12 xfX0cczbd12 _xfX0cczba12 wfezxGHbd12 xfezxGHbd12 _xfezxGHba12 _Fd12 _FezxGHba12 _FnuYUweb12 p9PEPsb12";
-const $22c620249a5b4412$var$cardDescStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 p9PEPsb12 Jy12 Gy12 Iy12 Hy12";
-const $22c620249a5b4412$var$listPreviewStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-c12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 p9PEPsb12 Jv12 Gy12 Iy12 Hy12";
+const $22c620249a5b4412$var$cardTitleStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-e12 vx12 wd12 xd12 _xa12 wX0cczbc12 xX0cczbc12 _xX0cczba12 wfd12 xfd12 _xfa12 wfX0cczbc12 xfX0cczbc12 _xfX0cczba12 _Fd12 _FezxGHba12 _FnuYUweb12 pMbOPsb12 Jy12 Gy12 Iy12 Hy12";
+const $22c620249a5b4412$var$cardValueStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-snabcc12 vx12 we12 xe12 _xa12 wX0cczbd12 xX0cczbd12 _xX0cczba12 wezxGHbd12 xezxGHbd12 _xezxGHba12 wfe12 xfe12 _xfa12 wfX0cczbd12 xfX0cczbd12 _xfX0cczba12 wfezxGHbd12 xfezxGHbd12 _xfezxGHba12 _Fd12 _FezxGHba12 _FnuYUweb12 pMbOPsb12";
+const $22c620249a5b4412$var$cardDescStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pMbOPsb12 Jy12 Gy12 Iy12 Hy12";
+const $22c620249a5b4412$var$listPreviewStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-c12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pMbOPsb12 Jv12 Gy12 Iy12 Hy12";
 const $22c620249a5b4412$var$listBoxStyles = " Tp12 Qp12 Sp12 Rp12";
-const $22c620249a5b4412$var$listBoxItemStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 p9PEPsb12 St12 Rt12 Tp12 Qp12 oa12 na12 ka12 ja12 g912";
+const $22c620249a5b4412$var$listBoxItemStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-d12 vx12 wb12 xb12 _xa12 _Fb12 _FnuYUwec12 pMbOPsb12 St12 Rt12 Tp12 Qp12 oa12 na12 ka12 ja12 g912";
 function $22c620249a5b4412$export$b5cddb1a6bf990a0({ title: title, value: value, description: description, list: list, listTitle: listTitle }) {
     const intl = (0, $25d82f0a3d474ebc$export$5aebe9a147f4d146)();
     return (0, $fs04y$reactjsxruntime.jsxs)("div", {
@@ -2624,9 +3144,9 @@ const $ba215883a18b1d7f$var$switchContainerStyles = function anonymous(props) {
     rules += ' _FezxGHba12';
     rules += ' _FnuYUweb12';
     if (props.isPressed) rules += ' ppxXPsb12';
-    else if (props.isFocusVisible) rules += ' pMbOPsb12';
-    else if (props.isHovered) rules += ' pMbOPsb12';
-    else rules += ' p9PEPsb12';
+    else if (props.isFocusVisible) rules += ' ppxXPsb12';
+    else if (props.isHovered) rules += ' ppxXPsb12';
+    else rules += ' pMbOPsb12';
     rules += ' og12';
     rules += ' ng12';
     rules += ' kg12';
@@ -2728,10 +3248,10 @@ const $e00b7714d9bed1e1$var$tabStyles = function anonymous(props) {
     }
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
-    if (props.isDisabled) rules += ' pDr3Osb12';
-    else if (props.isHovered) rules += ' pMbOPsb12';
-    else if (props.isSelected) rules += ' pMbOPsb12';
-    else rules += ' p9PEPsb12';
+    if (props.isDisabled) rules += ' pp12';
+    else if (props.isHovered) rules += ' ppxXPsb12';
+    else if (props.isSelected) rules += ' ppxXPsb12';
+    else rules += ' pMbOPsb12';
     if (props.isSelected) rules += ' gnKKOsb12';
     else if (props.isHovered) rules += ' ghVis312';
     else rules += ' g912';
@@ -2740,8 +3260,8 @@ const $e00b7714d9bed1e1$var$tabStyles = function anonymous(props) {
     rules += ' ma12';
     rules += ' la12';
     rules += ' _jf12';
-    if (props.isHovered) rules += ' iDr3Osb12';
-    else if (props.isSelected) rules += ' i9PEPsb12';
+    if (props.isHovered) rules += ' ipxXPsb12';
+    else if (props.isSelected) rules += ' iMbOPsb12';
     else rules += ' iA12';
     if (props.isDisabled) rules += ' ru12';
     else rules += ' ry12';
@@ -2873,7 +3393,8 @@ const $fad215bb6064e329$var$textareaStyles = function anonymous(props) {
     rules += ' _xa12';
     rules += ' _Fb12';
     rules += ' _FnuYUwec12';
-    rules += ' pt12';
+    rules += ' pMbOPsb12';
+    rules += ' pYFIK2bgNcPsb12';
     rules += ' gqlRAZb12';
     rules += ' _Qc12';
     rules += ' MhJySCb12';
@@ -3080,6 +3601,11 @@ var $0911ce1d49060a15$exports = {};
 
 $parcel$export($0911ce1d49060a15$exports, "textFieldInputStyles", () => $53c8911eec26a318$export$457d6d213bf79459);
 $parcel$export($0911ce1d49060a15$exports, "getCategoryColors", () => $9df03defd63c82e0$export$2514cbae0d5c71c5);
+$parcel$export($0911ce1d49060a15$exports, "getSourceCategoryColors", () => $ec54b006aa554aa9$export$8d65bcf2e041e7f5);
+$parcel$export($0911ce1d49060a15$exports, "getCategoryOptions", () => $dfdc7d5751a79ddf$export$3872f43ce732a9d5);
+$parcel$export($0911ce1d49060a15$exports, "getSourceCategoryOptions", () => $dfdc7d5751a79ddf$export$240a372764fd2451);
+$parcel$export($0911ce1d49060a15$exports, "FERMENT_CATEGORIES", () => $dfdc7d5751a79ddf$export$90169ffd4a6ec1f5);
+$parcel$export($0911ce1d49060a15$exports, "SOURCE_CATEGORIES", () => $dfdc7d5751a79ddf$export$2002190b63448c99);
 $parcel$export($0911ce1d49060a15$exports, "api", () => $ace12160cbee4ea7$export$644d8ea042df96a6);
 $parcel$export($0911ce1d49060a15$exports, "isBrowser", () => $de0c62f65c50224a$export$4e09c449d6c407f7);
 $parcel$export($0911ce1d49060a15$exports, "isDocument", () => $de0c62f65c50224a$export$62858bae88b53fd0);
@@ -3101,62 +3627,62 @@ const $53c8911eec26a318$export$457d6d213bf79459 = ()=>({
         borderRadius: 'lg',
         font: 'body',
         backgroundColor: 'layer-1',
-        color: 'neutral',
+        color: {
+            default: '--plum-800',
+            '::placeholder': '--plum-400'
+        },
         outline: 'none'
     });
 
 
+
+
 /**
- * Get colors for a ferment category
- * Returns marker color (for map), badge background, and badge text color
- *
- * @example
- * const colors = getCategoryColors('dairy');
- * // { marker: 'var(--plum-500)', badge: 'plum' }
- */ function $9df03defd63c82e0$export$2514cbae0d5c71c5(category) {
-    const colorMap = {
-        dairy: {
-            marker: 'var(--yogurt-500)',
-            badge: 'plum'
-        },
-        vegetable: {
-            marker: 'var(--cucumber-500)',
-            badge: 'cucumber'
-        },
-        beverage: {
-            marker: 'var(--berry-500)',
-            badge: 'berry'
-        },
-        grain: {
-            marker: 'var(--ginger-500)',
-            badge: 'ginger'
-        },
-        legume: {
-            marker: 'var(--ginger-600)',
-            badge: 'cucumber'
-        },
-        meat: {
-            marker: 'var(--berry-500)',
-            badge: 'peach'
-        },
-        fish: {
-            marker: 'var(--berry-500)',
-            badge: 'berry'
-        },
-        condiment: {
-            marker: 'var(--plum-650)',
-            badge: 'ginger'
-        },
-        other: {
-            marker: 'var(--yogurt-500)',
-            badge: 'plum'
-        }
-    };
-    // Default to yogurt colors for unknown categories
-    return colorMap[category.toLowerCase()] || {
-        marker: 'var(--yogurt-500)',
-        badge: 'yogurt'
-    };
+ * Ferment category values
+ */ const $dfdc7d5751a79ddf$export$90169ffd4a6ec1f5 = [
+    'vegetable',
+    'dairy',
+    'grain',
+    'legume',
+    'beverage',
+    'condiment',
+    'protein',
+    'other'
+];
+const $dfdc7d5751a79ddf$export$2002190b63448c99 = [
+    'about',
+    'history',
+    'recipes',
+    'tools',
+    'starters',
+    'culture',
+    'scientific',
+    'commercial',
+    'course',
+    'general'
+];
+function $dfdc7d5751a79ddf$export$3872f43ce732a9d5(includeAll = false) {
+    const options = [];
+    if (includeAll) options.push({
+        id: 'all',
+        label: 'ferments.category.all',
+        value: null
+    });
+    $dfdc7d5751a79ddf$export$90169ffd4a6ec1f5.forEach((category)=>{
+        options.push({
+            id: category,
+            label: `ferments.category.${category}`,
+            value: category
+        });
+    });
+    return options;
+}
+function $dfdc7d5751a79ddf$export$240a372764fd2451() {
+    return $dfdc7d5751a79ddf$export$2002190b63448c99.map((category)=>({
+            id: category,
+            label: `sources.content_type.${category}`,
+            value: category
+        }));
 }