@mekari/pixel3-theme 0.2.2-dev.3 → 0.2.2-dev.5

package/dist/index.mjs

@@ -208,18 +208,13 @@ var tagSlotRecipe = defineSlotRecipe({
           }
         }
       }
-    },
-    {
-      size: "sm",
-      css: {
-        close: { paddingTop: "0" }
-      }
     }
   ],
   defaultVariants: {
     size: "md",
     variant: "gray"
-  }
+  },
+  staticCss: ["*"]
 });
 
 // src/recipes/avatar.ts
@@ -502,7 +497,7 @@ var aireneButtonSlotRecipe = defineSlotRecipe3({
       color: "blue.400!",
       borderRadius: "25px!",
       fontSize: "md",
-      fontWeight: "semiBold",
+      fontWeight: "semiBold!",
       paddingLeft: "0.625rem!",
       paddingRight: "0.625rem!",
       overflow: "hidden",
@@ -627,6 +622,9 @@ var buttonRecipe = defineRecipe({
     transitionDuration: "250ms",
     transitionProperty: "background, border-color, color, box-shadow",
     transitionTimingFunction: "linear",
+    _isFullWidth: {
+      width: "full"
+    },
     _loading: {
       cursor: "wait",
       position: "absolute",
@@ -1481,15 +1479,15 @@ var selectSlotRecipe = defineSlotRecipe5({
           }
         },
         _focus: {
-          borderColor: "transparent",
+          borderColor: "border.focused",
           boxShadow: "focus",
           _hover: {
-            borderColor: "transparent"
+            borderColor: "border.focused"
           },
           _invalid: {
-            borderColor: "transparent",
+            borderColor: "border.focused",
             _hover: {
-              borderColor: "transparent"
+              borderColor: "border.focused"
             }
           }
         },
@@ -1825,7 +1823,8 @@ var popoverContentRecipe = defineRecipe5({
   defaultVariants: {
     isDark: false,
     isUnstyled: false
-  }
+  },
+  staticCss: ["*"]
 });
 var popoverListRecipe = defineRecipe5({
   className: "popover-list",
@@ -1872,7 +1871,7 @@ var popoverListItemRecipe = defineRecipe5({
         color: "text.default"
       }
     },
-    _active: {
+    '&[data-active="true"]': {
       background: "ice.50",
       color: "dark",
       outline: 0,
@@ -3314,50 +3313,56 @@ var inputTagSlotRecipe = defineSlotRecipe14({
 });
 
 // src/recipes/divider.ts
-import { defineRecipe as defineRecipe11 } from "@pandacss/dev";
-var dividerRecipe = defineRecipe11({
+import { defineSlotRecipe as defineSlotRecipe15 } from "@pandacss/dev";
+var dividerSlotRecipe = defineSlotRecipe15({
   className: "divider",
   jsx: ["MpDivider", "mp-divider"],
+  slots: ["root", "label"],
   base: {
-    border: 0,
-    opacity: 0.6,
-    color: "rgb(208, 214, 221)",
-    _nextTheme: {
-      color: "border.default",
-      opacity: 1
-    }
-  },
-  variants: {
-    variant: {
-      solid: {
-        borderStyle: "solid"
-      },
-      dashed: {
-        borderStyle: "dashed"
+    root: {
+      position: "relative",
+      borderColor: "gray.100",
+      color: "gray.100",
+      _nextTheme: {
+        color: "text.secondary",
+        borderColor: "border.default"
       }
     },
-    orientation: {
-      horizontal: {
-        borderBottom: "0.0625rem solid",
-        height: "auto",
-        marginY: 2
+    label: {
+      display: "flex",
+      alignItems: "center",
+      borderColor: "gray.100",
+      color: "gray.600",
+      _nextTheme: {
+        color: "text.secondary"
       },
-      vertical: {
-        borderLeft: "0.0625rem solid",
-        height: "auto",
-        marginX: 2
+      _before: {
+        content: '""',
+        flex: 1,
+        borderTopWidth: "0.0625rem",
+        marginRight: "2",
+        borderColor: "gray.100",
+        _nextTheme: {
+          borderColor: "border.default"
+        }
+      },
+      _after: {
+        content: '""',
+        flex: 1,
+        borderTopWidth: "0.0625rem",
+        marginLeft: "2",
+        borderColor: "gray.100",
+        _nextTheme: {
+          borderColor: "border.default"
+        }
       }
     }
-  },
-  compoundVariants: [],
-  defaultVariants: {
-    orientation: "horizontal"
   }
 });
 
 // src/recipes/modal.ts
-import { defineSlotRecipe as defineSlotRecipe15 } from "@pandacss/dev";
-var modalSlotRecipe = defineSlotRecipe15({
+import { defineSlotRecipe as defineSlotRecipe16 } from "@pandacss/dev";
+var modalSlotRecipe = defineSlotRecipe16({
   className: "modal",
   description: "The styles for the Modal component",
   jsx: ["MpModal", "mp-modal"],
@@ -3458,7 +3463,10 @@ var modalSlotRecipe = defineSlotRecipe15({
       top: "0",
       w: "100vw",
       h: "100vh",
-      zIndex: "overlay"
+      zIndex: "overlay",
+      _nextTheme: {
+        background: "background.overlay"
+      }
     }
   },
   variants: {
@@ -3491,8 +3499,8 @@ var modalSlotRecipe = defineSlotRecipe15({
 });
 
 // src/recipes/upload.ts
-import { defineSlotRecipe as defineSlotRecipe16 } from "@pandacss/dev";
-var uploadSlotRecipe = defineSlotRecipe16({
+import { defineSlotRecipe as defineSlotRecipe17 } from "@pandacss/dev";
+var uploadSlotRecipe = defineSlotRecipe17({
   className: "upload",
   jsx: ["MpUpload", "mp-upload"],
   slots: ["root", "resetButton"],
@@ -3577,7 +3585,7 @@ var uploadSlotRecipe = defineSlotRecipe16({
     }
   }
 });
-var uploadListSlotRecipe = defineSlotRecipe16({
+var uploadListSlotRecipe = defineSlotRecipe17({
   className: "upload-list",
   jsx: ["MpUploadList", "mp-upload-list"],
   slots: ["root", "titleWrapper", "actionWrapper"],
@@ -3620,8 +3628,8 @@ var uploadListSlotRecipe = defineSlotRecipe16({
 });
 
 // src/recipes/dropzone.ts
-import { defineSlotRecipe as defineSlotRecipe17 } from "@pandacss/dev";
-var dropzoneSlotRecipe = defineSlotRecipe17({
+import { defineSlotRecipe as defineSlotRecipe18 } from "@pandacss/dev";
+var dropzoneSlotRecipe = defineSlotRecipe18({
   className: "dropzone",
   jsx: ["MpDropzone", "mp-dropzone"],
   slots: [
@@ -3850,8 +3858,8 @@ var dropzoneSlotRecipe = defineSlotRecipe17({
 });
 
 // src/recipes/segmented-control.ts
-import { defineSlotRecipe as defineSlotRecipe18 } from "@pandacss/dev";
-var segmentedControlSlotRecipe = defineSlotRecipe18({
+import { defineSlotRecipe as defineSlotRecipe19 } from "@pandacss/dev";
+var segmentedControlSlotRecipe = defineSlotRecipe19({
   className: "segmented-control",
   jsx: ["MpSegmentedControl", "mp-segmented-control"],
   slots: ["root", "item", "hidden", "control", "label", "icon"],
@@ -3978,8 +3986,8 @@ var segmentedControlSlotRecipe = defineSlotRecipe18({
 });
 
 // src/recipes/toast.ts
-import { defineSlotRecipe as defineSlotRecipe19 } from "@pandacss/dev";
-var toastSlotRecipe = defineSlotRecipe19({
+import { defineSlotRecipe as defineSlotRecipe20 } from "@pandacss/dev";
+var toastSlotRecipe = defineSlotRecipe20({
   className: "toast",
   jsx: ["MpToast", "mp-toast"],
   slots: ["root", "icon", "label"],
@@ -4009,7 +4017,8 @@ var toastSlotRecipe = defineSlotRecipe19({
   variants: {
     variant: {
       success: {},
-      error: {}
+      error: {},
+      greeting: {}
     }
   },
   compoundVariants: [
@@ -4034,6 +4043,25 @@ var toastSlotRecipe = defineSlotRecipe19({
           }
         }
       }
+    },
+    {
+      variant: "greeting",
+      css: {
+        root: {
+          borderRadius: "999px",
+          border: "none",
+          backgroundColor: "overlay",
+          _nextTheme: {
+            backgroundColor: "background.overlay"
+          }
+        },
+        label: {
+          color: "white",
+          _nextTheme: {
+            color: "text.inverse-static"
+          }
+        }
+      }
     }
   ],
   defaultVariants: {
@@ -4042,8 +4070,8 @@ var toastSlotRecipe = defineSlotRecipe19({
 });
 
 // src/recipes/broadcast.ts
-import { defineSlotRecipe as defineSlotRecipe20 } from "@pandacss/dev";
-var broadcastSlotRecipe = defineSlotRecipe20({
+import { defineSlotRecipe as defineSlotRecipe21 } from "@pandacss/dev";
+var broadcastSlotRecipe = defineSlotRecipe21({
   className: "broadcast",
   jsx: ["MpBroadcast", "mp-broadcast"],
   slots: ["root", "container", "wrapper", "icon", "label", "textLink", "action", "close"],
@@ -4169,6 +4197,32 @@ var broadcastSlotRecipe = defineSlotRecipe20({
             color: "text.warning.inverse"
           }
         }
+      },
+      critical: {
+        container: {
+          backgroundColor: "rose.400",
+          _nextTheme: {
+            backgroundColor: "background.danger.bold"
+          }
+        },
+        icon: {
+          color: "white",
+          _nextTheme: {
+            color: "icon.inverse"
+          }
+        },
+        label: {
+          color: "white",
+          _nextTheme: {
+            color: "text.inverse"
+          }
+        },
+        textLink: {
+          color: "white",
+          _nextTheme: {
+            color: "text.inverse"
+          }
+        }
       }
     }
   },
@@ -4179,8 +4233,8 @@ var broadcastSlotRecipe = defineSlotRecipe20({
 });
 
 // src/recipes/rich-text-editor.ts
-import { defineRecipe as defineRecipe12, defineSlotRecipe as defineSlotRecipe21 } from "@pandacss/dev";
-var richTextEditorSlotRecipe = defineSlotRecipe21({
+import { defineRecipe as defineRecipe11, defineSlotRecipe as defineSlotRecipe22 } from "@pandacss/dev";
+var richTextEditorSlotRecipe = defineSlotRecipe22({
   className: "rich-text-editor",
   jsx: ["MpRichTextEditor", "mp-rich-text-editor"],
   slots: ["root", "toolbar", "area"],
@@ -4285,7 +4339,7 @@ var richTextEditorSlotRecipe = defineSlotRecipe21({
   compoundVariants: [],
   defaultVariants: {}
 });
-var RTEStyleProviderRecipe = defineRecipe12({
+var RTEStyleProviderRecipe = defineRecipe11({
   className: "typography-style-provider",
   jsx: ["MpTypographyStyleProvider", "mp-typography-style-provider"],
   base: {
@@ -4342,8 +4396,8 @@ var RTEStyleProviderRecipe = defineRecipe12({
 });
 
 // src/recipes/date-picker.ts
-import { defineSlotRecipe as defineSlotRecipe22, defineRecipe as defineRecipe13 } from "@pandacss/dev";
-var datePickerSlotRecipe = defineSlotRecipe22({
+import { defineSlotRecipe as defineSlotRecipe23, defineRecipe as defineRecipe12 } from "@pandacss/dev";
+var datePickerSlotRecipe = defineSlotRecipe23({
   className: "datepicker",
   jsx: ["MpDatePicker", "mp-date-picker"],
   slots: ["root", "popoverContent"],
@@ -4370,14 +4424,14 @@ var datePickerSlotRecipe = defineSlotRecipe22({
     }
   }
 });
-var calendarPanelRangeRecipe = defineRecipe13({
+var calendarPanelRangeRecipe = defineRecipe12({
   className: "calendarPanelRange",
   base: {
     display: "grid",
     gridTemplateColumns: "repeat(2, 1fr)"
   }
 });
-var timePanelSlotRecipe = defineSlotRecipe22({
+var timePanelSlotRecipe = defineSlotRecipe23({
   className: "timePanel",
   slots: ["root", "column"],
   jsx: ["TimePanel", "time-panel"],
@@ -4397,7 +4451,7 @@ var timePanelSlotRecipe = defineSlotRecipe22({
     }
   }
 });
-var tableDateSlotRecipe = defineSlotRecipe22({
+var tableDateSlotRecipe = defineSlotRecipe23({
   className: "tableDate",
   jsx: ["TableDate", "table-date"],
   slots: [
@@ -4426,7 +4480,7 @@ var tableDateSlotRecipe = defineSlotRecipe22({
     }
   }
 });
-var tableMonthSlotRecipe = defineSlotRecipe22({
+var tableMonthSlotRecipe = defineSlotRecipe23({
   className: "tableMonth",
   jsx: ["TableMonth", "table-month"],
   slots: ["headerRoot", "headerLabel", "monthItemRoot", "monthItemWrapper", "shortcutLabelWrapper"],
@@ -4447,7 +4501,7 @@ var tableMonthSlotRecipe = defineSlotRecipe22({
     }
   }
 });
-var tableYearSlotRecipe = defineSlotRecipe22({
+var tableYearSlotRecipe = defineSlotRecipe23({
   className: "tableYear",
   jsx: ["TableYear", "table-year"],
   slots: ["headerRoot", "headerLabel", "yearItemRoot", "yearItemWrapper", "shortcutLabelWrapper"],
@@ -4467,7 +4521,7 @@ var tableYearSlotRecipe = defineSlotRecipe22({
     }
   }
 });
-var dayItemRecipe = defineRecipe13({
+var dayItemRecipe = defineRecipe12({
   className: "day",
   jsx: ["Day", "day"],
   base: {
@@ -4489,7 +4543,7 @@ var dayItemRecipe = defineRecipe13({
     }
   }
 });
-var dateItemRecipe = defineRecipe13({
+var dateItemRecipe = defineRecipe12({
   className: "dateItem",
   jsx: ["DateItem", "date-item", "Date", "date"],
   base: {
@@ -4639,7 +4693,7 @@ var dateItemRecipe = defineRecipe13({
   },
   staticCss: ["*"]
 });
-var pinbarSlotRecipe = defineSlotRecipe22({
+var pinbarSlotRecipe = defineSlotRecipe23({
   className: "pinbar",
   slots: ["root", "pinbar"],
   base: {
@@ -4658,7 +4712,7 @@ var pinbarSlotRecipe = defineSlotRecipe22({
     }
   }
 });
-var monthItemRecipe = defineRecipe13({
+var monthItemRecipe = defineRecipe12({
   className: "monthItem",
   jsx: ["MonthItem", "month-item"],
   base: {
@@ -4676,7 +4730,10 @@ var monthItemRecipe = defineRecipe13({
       color: "gray.400",
       cursor: "not-allowed",
       borderColor: "transparent",
-      backgroundColor: "transparent"
+      backgroundColor: "transparent",
+      _nextTheme: {
+        color: "text.disabled"
+      }
     },
     _nextTheme: {
       color: "text.default"
@@ -4737,7 +4794,7 @@ var monthItemRecipe = defineRecipe13({
   },
   staticCss: ["*"]
 });
-var yearItemRecipe = defineRecipe13({
+var yearItemRecipe = defineRecipe12({
   className: "yearItem",
   jsx: ["YearItem", "year-item"],
   base: {
@@ -4755,7 +4812,10 @@ var yearItemRecipe = defineRecipe13({
       color: "gray.400",
       cursor: "not-allowed",
       borderColor: "transparent",
-      backgroundColor: "transparent"
+      backgroundColor: "transparent",
+      _nextTheme: {
+        color: "text.disabled"
+      }
     },
     _nextTheme: {
       color: "text.default"
@@ -4816,7 +4876,7 @@ var yearItemRecipe = defineRecipe13({
   },
   staticCss: ["*"]
 });
-var timeItemRecipe = defineRecipe13({
+var timeItemRecipe = defineRecipe12({
   className: "timeItem",
   jsx: ["TimeItem", "time-item"],
   base: {
@@ -4834,7 +4894,10 @@ var timeItemRecipe = defineRecipe13({
       color: "gray.400",
       cursor: "not-allowed",
       borderColor: "transparent",
-      backgroundColor: "transparent"
+      backgroundColor: "transparent",
+      _nextTheme: {
+        color: "text.disabled"
+      }
     },
     _nextTheme: {
       color: "text.default"
@@ -4879,8 +4942,8 @@ var timeItemRecipe = defineRecipe13({
 });
 
 // src/recipes/carousel.ts
-import { defineSlotRecipe as defineSlotRecipe23 } from "@pandacss/dev";
-var carouselSlotRecipe = defineSlotRecipe23({
+import { defineSlotRecipe as defineSlotRecipe24 } from "@pandacss/dev";
+var carouselSlotRecipe = defineSlotRecipe24({
   className: "carousel",
   jsx: ["MpCarousel", "mp-carousel"],
   slots: [
@@ -4933,8 +4996,8 @@ var carouselSlotRecipe = defineSlotRecipe23({
 });
 
 // src/recipes/chart.ts
-import { defineSlotRecipe as defineSlotRecipe24 } from "@pandacss/dev";
-var chartSlotRecipe = defineSlotRecipe24({
+import { defineSlotRecipe as defineSlotRecipe25 } from "@pandacss/dev";
+var chartSlotRecipe = defineSlotRecipe25({
   className: "chart",
   jsx: ["MpChart", "mp-chart"],
   slots: [
@@ -5039,11 +5102,19 @@ var chartSlotRecipe = defineSlotRecipe24({
 });
 
 // src/recipes/autocomplete.ts
-import { defineSlotRecipe as defineSlotRecipe25 } from "@pandacss/dev";
-var autocompleteSlotRecipe = defineSlotRecipe25({
+import { defineSlotRecipe as defineSlotRecipe26 } from "@pandacss/dev";
+var autocompleteSlotRecipe = defineSlotRecipe26({
   className: "autocomplete",
   jsx: ["MpAutocomplete", "mp-autocomplete"],
-  slots: ["groupText", "popoverContent", "buttonAction", "emptyText", "contentLoading", "input"],
+  slots: [
+    "groupText",
+    "popoverContent",
+    "buttonAction",
+    "emptyText",
+    "contentLoading",
+    "input",
+    "infinityScroll"
+  ],
   base: {
     groupText: {
       px: 3,
@@ -5089,13 +5160,18 @@ var autocompleteSlotRecipe = defineSlotRecipe25({
     },
     input: {
       cursor: "pointer"
+    },
+    infinityScroll: {
+      height: "1px",
+      width: "100%",
+      marginTop: "-1px"
     }
   }
 });
 
 // src/recipes/timeline.ts
-import { defineSlotRecipe as defineSlotRecipe26 } from "@pandacss/dev";
-var timelineSlotRecipe = defineSlotRecipe26({
+import { defineSlotRecipe as defineSlotRecipe27 } from "@pandacss/dev";
+var timelineSlotRecipe = defineSlotRecipe27({
   className: "timeline",
   jsx: [
     "MpTimeline",
@@ -5137,7 +5213,7 @@ var timelineSlotRecipe = defineSlotRecipe26({
     }
   }
 });
-var timelineDocumentSlotRecipe = defineSlotRecipe26({
+var timelineDocumentSlotRecipe = defineSlotRecipe27({
   className: "timelineDocument",
   jsx: ["MpTimelineDocument", "mp-timeline-document"],
   slots: ["root", "content", "title", "description", "fileSize"],
@@ -5195,18 +5271,20 @@ var timelineDocumentSlotRecipe = defineSlotRecipe26({
     icon: false
   }
 });
-var timelineLogSlotRecipe = defineSlotRecipe26({
+var timelineLogSlotRecipe = defineSlotRecipe27({
   className: "timelineLog",
   jsx: ["MpTimelineLog", "MpTimelineLogItem", "mp-timeline-log", "mp-timeline-log-item"],
   slots: ["root", "log", "logText", "logIcon", "content", "logItem"],
   base: {
     root: {
       display: "flex",
-      flexDirection: "column"
+      flexDirection: "column",
+      gap: "1"
     },
     log: {
       display: "flex",
-      cursor: "pointer"
+      cursor: "pointer",
+      gap: "1"
     },
     logText: {
       color: "gray.400",
@@ -5227,7 +5305,7 @@ var timelineLogSlotRecipe = defineSlotRecipe26({
     }
   }
 });
-var timelineSeparatorSlotRecipe = defineSlotRecipe26({
+var timelineSeparatorSlotRecipe = defineSlotRecipe27({
   className: "timelineSeparetor",
   jsx: ["MpTimelineSeparator", "mp-timeline-separator"],
   slots: ["root", "topConnector", "bottomConnector"],
@@ -5267,7 +5345,7 @@ var timelineSeparatorSlotRecipe = defineSlotRecipe26({
     }
   }
 });
-var timelineAccordionSlotRecipe = defineSlotRecipe26({
+var timelineAccordionSlotRecipe = defineSlotRecipe27({
   className: "timelineAccordion",
   jsx: ["MpTimelineAccordion", "mp-timeline-accordion"],
   slots: ["body", "separator", "icon", "topConnector", "bottomConnector", "title", "label"],
@@ -5328,8 +5406,8 @@ var timelineAccordionSlotRecipe = defineSlotRecipe26({
 });
 
 // src/recipes/banner.ts
-import { defineRecipe as defineRecipe14, defineSlotRecipe as defineSlotRecipe27 } from "@pandacss/dev";
-var bannerSlotRecipe = defineSlotRecipe27({
+import { defineRecipe as defineRecipe13, defineSlotRecipe as defineSlotRecipe28 } from "@pandacss/dev";
+var bannerSlotRecipe = defineSlotRecipe28({
   className: "banner",
   jsx: ["MpBanner", "mp-banner"],
   slots: ["root", "body"],
@@ -5390,7 +5468,7 @@ var bannerSlotRecipe = defineSlotRecipe27({
     variant: "info"
   }
 });
-var bannerTitleRecipe = defineRecipe14({
+var bannerTitleRecipe = defineRecipe13({
   className: "banner-title",
   jsx: ["MpBannerTitle", "mp-banner-title"],
   base: {
@@ -5409,7 +5487,7 @@ var bannerTitleRecipe = defineRecipe14({
   compoundVariants: [],
   defaultVariants: {}
 });
-var bannerDescriptionRecipe = defineRecipe14({
+var bannerDescriptionRecipe = defineRecipe13({
   className: "banner-description",
   jsx: ["MpBannerDescription", "mp-banner-description"],
   base: {
@@ -5427,7 +5505,7 @@ var bannerDescriptionRecipe = defineRecipe14({
   compoundVariants: [],
   defaultVariants: {}
 });
-var bannerIconSlotRecipe = defineSlotRecipe27({
+var bannerIconSlotRecipe = defineSlotRecipe28({
   className: "banner-icon",
   jsx: ["MpBannerIcon", "mp-banner-icon"],
   slots: ["root", "custom"],
@@ -5450,7 +5528,7 @@ var bannerIconSlotRecipe = defineSlotRecipe27({
   compoundVariants: [],
   defaultVariants: {}
 });
-var bannerLinkRecipe = defineRecipe14({
+var bannerLinkRecipe = defineRecipe13({
   className: "banner-link",
   jsx: ["MpBannerLink", "mp-banner-link"],
   base: {
@@ -5462,7 +5540,7 @@ var bannerLinkRecipe = defineRecipe14({
   compoundVariants: [],
   defaultVariants: {}
 });
-var bannerCloseButtonRecipe = defineRecipe14({
+var bannerCloseButtonRecipe = defineRecipe13({
   className: "banner-close-button",
   jsx: ["MpBannerCloseButton", "mp-banner-close-button"],
   base: {
@@ -5482,8 +5560,8 @@ var bannerCloseButtonRecipe = defineRecipe14({
 });
 
 // src/recipes/color-picker.ts
-import { defineSlotRecipe as defineSlotRecipe28 } from "@pandacss/dev";
-var colorPickerSlotRecipe = defineSlotRecipe28({
+import { defineSlotRecipe as defineSlotRecipe29 } from "@pandacss/dev";
+var colorPickerSlotRecipe = defineSlotRecipe29({
   className: "color-picker",
   jsx: ["MpColorPicker", "mp-color-picker"],
   slots: [
@@ -5656,8 +5734,8 @@ var colorPickerSlotRecipe = defineSlotRecipe28({
 });
 
 // src/recipes/slider.ts
-import { defineSlotRecipe as defineSlotRecipe29 } from "@pandacss/dev";
-var sliderSlotRecipe = defineSlotRecipe29({
+import { defineSlotRecipe as defineSlotRecipe30 } from "@pandacss/dev";
+var sliderSlotRecipe = defineSlotRecipe30({
   className: "slider",
   jsx: ["MpSlider", "mp-slider"],
   slots: [
@@ -5766,8 +5844,8 @@ var sliderSlotRecipe = defineSlotRecipe29({
 });
 
 // src/recipes/tour.ts
-import { defineSlotRecipe as defineSlotRecipe30 } from "@pandacss/dev";
-var tourSlotRecipe = defineSlotRecipe30({
+import { defineSlotRecipe as defineSlotRecipe31 } from "@pandacss/dev";
+var tourSlotRecipe = defineSlotRecipe31({
   className: "tour",
   jsx: ["MpTour", "mp-tour"],
   slots: ["root", "overlay", "panel"],
@@ -5793,6 +5871,110 @@ var tourSlotRecipe = defineSlotRecipe30({
   defaultVariants: {}
 });
 
+// src/recipes/textlink.ts
+import { defineRecipe as defineRecipe14 } from "@pandacss/dev";
+var textlinkRecipe = defineRecipe14({
+  className: "textlink",
+  jsx: ["MpTextlink", "mp-textlink"],
+  base: {
+    display: "inline-flex !important",
+    gap: "1",
+    py: "0 !important",
+    px: "2px !important",
+    backgroundColor: "transparent !important",
+    textStyle: "label.md !important",
+    _hover: {
+      textDecoration: "underline"
+    },
+    _loading: {
+      background: "white"
+    }
+  },
+  variants: {
+    variant: {
+      primary: {
+        color: "blue.400",
+        _hover: {
+          color: "blue.400"
+        },
+        _active: {
+          color: "blue.700"
+        },
+        _nextTheme: {
+          color: "text.link",
+          _hover: {
+            color: "text.link"
+          },
+          _active: {
+            color: "text.link.pressed"
+          }
+        }
+      },
+      secondary: {
+        color: "gray.400",
+        _hover: {
+          color: "gray.400"
+        },
+        _active: {
+          color: "gray.700"
+        },
+        _nextTheme: {
+          color: "text.secondary",
+          _hover: {
+            color: "text.secondary"
+          },
+          _active: {
+            color: "text.secondary.pressed"
+          }
+        }
+      },
+      danger: {
+        color: "red.400",
+        _hover: {
+          color: "red.400"
+        },
+        _active: {
+          color: "red.700"
+        },
+        _nextTheme: {
+          color: "text.danger",
+          _hover: {
+            color: "text.danger"
+          },
+          _active: {
+            color: "text.danger.pressed"
+          }
+        }
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      variant: ["primary", "secondary", "danger"],
+      css: {
+        _disabled: {
+          cursor: "not-allowed",
+          color: "gray.100",
+          _hover: {
+            color: "gray.100",
+            textDecoration: "none"
+          },
+          _nextTheme: {
+            color: "text.disabled",
+            _hover: {
+              color: "text.disabled",
+              textDecoration: "none"
+            }
+          }
+        },
+        _focusVisible: {
+          boxShadow: "focus"
+        }
+      }
+    }
+  ]
+});
+
 // src/recipes/index.ts
 var recipes = {
   buttonRecipe,
@@ -5810,7 +5992,6 @@ var recipes = {
   tabSelectedBorderRecipe,
   tableRecipe,
   tableContainerRecipe,
-  dividerRecipe,
   bannerTitleRecipe,
   bannerDescriptionRecipe,
   bannerLinkRecipe,
@@ -5821,11 +6002,13 @@ var recipes = {
   dateItemRecipe,
   monthItemRecipe,
   yearItemRecipe,
-  timeItemRecipe
+  timeItemRecipe,
+  textlinkRecipe
 };
 var slotRecipes = {
   accordionSlotRecipe,
   checkboxSlotRecipe,
+  dividerSlotRecipe,
   radioSlotRecipe,
   sharedSlotRecipe,
   progressSlotRecipe,
@@ -6230,7 +6413,7 @@ var fontWeights = defineTokens10.fontWeights({
 var lineHeights = defineTokens10.lineHeights({
   xs: { value: 1.2 },
   sm: { value: 1.34 },
-  md: { value: 1.4 },
+  md: { value: 1.43 },
   lg: { value: 1.429 },
   xl: { value: 1.5 },
   "2xl": { value: 1.67 },