@cieloazul310/digital-go-pandacss-preset 0.1.0-beta.6 → 0.1.0-beta.7

package/dist/index.js

@@ -43,6 +43,7 @@ var import_dev = require("@pandacss/dev");
 var import_accordion = require("@zag-js/accordion");
 var accordion_default = (0, import_dev.defineSlotRecipe)({
   className: "accordion",
+  description: "\u30A2\u30B3\u30FC\u30C7\u30A3\u30AA\u30F3\u306F\u3001\u30E6\u30FC\u30B6\u30FC\u304C\u30B3\u30F3\u30C6\u30F3\u30C4\u306E\u30BB\u30AF\u30B7\u30E7\u30F3\u3092\u5C55\u958B\u307E\u305F\u306F\u6298\u308A\u305F\u305F\u3080\u3053\u3068\u304C\u3067\u304D\u308B\u30E6\u30FC\u30B6\u30FC\u30A4\u30F3\u30BF\u30FC\u30D5\u30A7\u30FC\u30B9\u3067\u3059\u3002\u9805\u76EE\u3092\u30B3\u30F3\u30D1\u30AF\u30C8\u306B\u30EA\u30B9\u30C8\u8868\u793A\u3057\u3064\u3064\u30DA\u30FC\u30B8\u9077\u79FB\u305B\u305A\u95A2\u9023\u60C5\u5831\u3092\u8868\u793A\u3057\u305F\u3044\u3068\u3044\u3046\u8981\u6C42\u306B\u5BFE\u5FDC\u3057\u307E\u3059\u3002\u203B\u30BB\u30AF\u30B7\u30E7\u30F3\u5185\u306E\u4EFB\u610F\u306E\u7BC4\u56F2\u3067\u6298\u308A\u305F\u305F\u307F\u8868\u793A\u3092\u3059\u308B\u5834\u5408\u306F\u300C\u30C7\u30A3\u30B9\u30AF\u30ED\u30FC\u30B8\u30E3\u30FC\u300D\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u3092\u4F7F\u7528\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   slots: import_accordion.anatomy.keys(),
   base: {
     root: {
@@ -132,24 +133,21 @@ var accordion_default = (0, import_dev.defineSlotRecipe)({
        * bg-white text-blue-1000
        */
       bg: "white",
-      color: "colorPalette.1000",
+      color: "colorPalette.primary.100",
       /**
        * border border-current rounded-full
-          group-hover/summary:outline group-hover/summary:outline-2 group-hover/summary:outline-current
-          group-open/accordion:rotate-180
+       * group-hover/summary:outline group-hover/summary:outline-2
+       * group-hover/summary:outline-current
+       * group-open/accordion:rotate-180
        */
       borderWidth: "1px",
       borderColor: "currentcolor",
       rounded: "full",
       outlineStyle: "solid",
       outlineWidth: { base: "0px", _groupHover: "2px" },
-      transformOrigin: "center",
-      transitionDuration: "normal",
-      transitionProperty: "transform",
-      transitionTimingFunction: "default",
-      _open: {
-        transform: "rotate(-180deg)"
-      }
+      outlineColor: { base: "transparent", _groupHover: "currentcolor" },
+      transition: "transform",
+      transform: { base: "rotate(0deg)", _open: "rotate(-180deg)" }
     },
     itemContent: {
       /**
@@ -173,6 +171,7 @@ var import_dev3 = require("@pandacss/dev");
 var import_anatomy = require("@zag-js/anatomy");
 var breadcrumbAnatomy = (0, import_anatomy.createAnatomy)("breadcrumb").parts(
   "root",
+  "label",
   "list",
   "item",
   "link",
@@ -185,12 +184,6 @@ var cardAnatomy = (0, import_anatomy.createAnatomy)("card").parts(
   "sub",
   "title"
 );
-var disclosureAnatomy = (0, import_anatomy.createAnatomy)("disclosure").parts(
-  "root",
-  "summary",
-  "icon",
-  "content"
-);
 var fieldAnatomy = (0, import_anatomy.createAnatomy)("field").parts(
   "root",
   "errorText",
@@ -207,16 +200,6 @@ var fieldsetAnatomy = (0, import_anatomy.createAnatomy)("fieldset").parts(
   "supportText",
   "legend"
 );
-var inputTextAnatomy = (0, import_anatomy.createAnatomy)("field").parts(
-  "root",
-  "errorText",
-  "helperText",
-  "input",
-  "label",
-  "select",
-  "textarea",
-  "requiredIndicator"
-);
 var menuListAnatomy = (0, import_anatomy.createAnatomy)("menu-list").parts(
   "root",
   "label",
@@ -230,7 +213,7 @@ var menuListAnatomy = (0, import_anatomy.createAnatomy)("menu-list").parts(
 );
 var notificationBannerAnatomy = (0, import_anatomy.createAnatomy)(
   "notification-banner"
-).parts("root", "icon", "close", "header", "heading", "body");
+).parts("root", "icon", "close", "header", "heading", "body", "actions");
 var resourceListAnatomy = (0, import_anatomy.createAnatomy)("resource-list").parts(
   "root",
   "main",
@@ -261,12 +244,12 @@ var link_default = (0, import_dev2.defineRecipe)({
      * text-blue-1000 visited:text-magenta-900 hover:text-blue-1000
      * focus-visible:text-blue-1000 active:text-orange-700
      */
-    colorPalette: "keyColor",
+    colorPalette: "blue",
     color: {
-      base: "colorPalette.1000",
+      base: "colorPalette.primary.100",
       _visited: "magenta.900",
-      _hover: "colorPalette.1000",
-      _focusVisible: "colorPalette.1000",
+      _hover: "colorPalette.primary.100",
+      _focusVisible: "colorPalette.primary.100",
       _active: "orange.700"
     },
     /**
@@ -326,6 +309,10 @@ var breadcrumb_default = (0, import_dev3.defineSlotRecipe)({
        */
       "--icon-size": "16px"
     },
+    label: {
+      srOnly: true,
+      textStyle: "oln-16N-100"
+    },
     list: {
       /**
        * inline
@@ -366,7 +353,10 @@ var breadcrumb_default = (0, import_dev3.defineSlotRecipe)({
        * mx-2 inline
        */
       mx: 2,
-      display: "inline"
+      display: "inline",
+      width: "12px",
+      height: "12px",
+      fill: "none"
     }
   }
 });
@@ -417,9 +407,9 @@ var button_default = (0, import_dev4.defineRecipe)({
          * bg-blue-900 hover:bg-blue-1000 active:bg-blue-1200 aria-disabled:bg-solid-gray-300
          */
         bg: {
-          base: "colorPalette.900",
-          _hover: "colorPalette.1000",
-          _active: "colorPalette.1200",
+          base: "colorPalette.primary",
+          _hover: "colorPalette.primary.100",
+          _active: "colorPalette.primary.300",
           _disabled: "solid-gray.300"
         },
         color: { base: "white", _disabled: "solid-gray.50" },
@@ -449,9 +439,9 @@ var button_default = (0, import_dev4.defineRecipe)({
           _disabled: "white"
         },
         color: {
-          base: "colorPalette.900",
-          _hover: "colorPalette.1000",
-          _active: "colorPalette.1200",
+          base: "colorPalette.primary",
+          _hover: "colorPalette.primary.100",
+          _active: "colorPalette.primary.300",
           _disabled: "solid-gray.300"
         },
         /**
@@ -475,15 +465,15 @@ var button_default = (0, import_dev4.defineRecipe)({
          */
         bg: {
           base: "transparent",
-          _hover: "colorPalette.50",
+          _hover: "colorPalette.bg",
           _active: "colorPalette.100",
           _focusVisible: { base: "yellow.300", _hover: "yellow.300" },
           _disabled: "transparent"
         },
         color: {
-          base: "colorPalette.900",
-          _hover: "colorPalette.1000",
-          _active: "colorPalette.1200",
+          base: "colorPalette.primary",
+          _hover: "colorPalette.primary.100",
+          _active: "colorPalette.primary.300",
           _disabled: "solid-gray.300"
         },
         /**
@@ -564,6 +554,7 @@ var button_default = (0, import_dev4.defineRecipe)({
 var import_dev5 = require("@pandacss/dev");
 var card_default = (0, import_dev5.defineSlotRecipe)({
   className: "card",
+  description: "\u5358\u4E00\u306E\u4E3B\u984C\u306B\u95A2\u3059\u308B\u30B3\u30F3\u30C6\u30F3\u30C4\u3092\u307E\u3068\u3081\u3066\u8868\u793A\u3059\u308B\u30B3\u30F3\u30C6\u30CA\u3068\u306A\u308B\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u3067\u3059\u3002\u3055\u307E\u3056\u307E\u306A\u30BF\u30A4\u30D7\u3068\u30B5\u30A4\u30BA\u306E\u8981\u7D20\u3084\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u3092\u67D4\u8EDF\u306B\u683C\u7D0D\u3067\u304D\u307E\u3059\u3002\u672C\u6765\u30AB\u30FC\u30C9\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u306F\u3001\u3042\u3089\u3086\u308B\u30B3\u30F3\u30C6\u30F3\u30C4\uFF08\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u3084\u8981\u7D20\uFF09\u3092\u5185\u5305\u3059\u308B\u3053\u3068\u304C\u3067\u304D\u3001\u975E\u5E38\u306B\u81EA\u7531\u5EA6\u306E\u9AD8\u3044\u30B3\u30F3\u30C6\u30CA\u3068\u306A\u308A\u307E\u3059\u3002\u672C\u30C7\u30B6\u30A4\u30F3\u30B7\u30B9\u30C6\u30E0\u3067\u306F\u3001\u60C5\u5831\u8A2D\u8A08\u3092\u3057\u3084\u3059\u3044\u30AB\u30FC\u30C9\u3092\u63D0\u4F9B\u3059\u308B\u305F\u3081\u3001\u81EA\u7531\u5EA6\u306B\u5236\u7D04\u3092\u8A2D\u3051\u305F\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u4ED5\u69D8\u3068\u3057\u3066\u7B56\u5B9A\u3057\u3066\u3044\u307E\u3059\u3002",
   slots: cardAnatomy.keys(),
   base: {
     root: {
@@ -573,7 +564,7 @@ var card_default = (0, import_dev5.defineSlotRecipe)({
         "main"
         "sub"
       `,
-      bg: { base: "white", "&:has(input:checked)": "colorPalette.50" },
+      bg: { base: "white", "&:has(input:checked)": "colorPalette.bg" },
       color: "solid-gray.800",
       textStyle: "std-16N-170",
       borderColor: "solid-gray.420",
@@ -685,14 +676,12 @@ var import_dev6 = require("@pandacss/dev");
 var import_checkbox = require("@zag-js/checkbox");
 var checkbox_default = (0, import_dev6.defineSlotRecipe)({
   className: "checkbox",
+  description: "\u30C1\u30A7\u30C3\u30AF\u30DC\u30C3\u30AF\u30B9\u306F\u3001\u8907\u6570\u306E\u9805\u76EE\u306E\u4E2D\u304B\u3089\u8907\u6570\u306E\u9078\u629E\u80A2\u3092\u9078\u3076\u3053\u3068\u3092\u53EF\u80FD\u306B\u3057\u307E\u3059\u3002\u307E\u305F\u3001\u3072\u3068\u3064\u306E\u9078\u629E\u80A2\u306E\u30AA\u30F3\u30FB\u30AA\u30D5\u306E\u5207\u308A\u66FF\u3048\u306B\u3082\u7528\u3044\u308B\u3053\u3068\u304C\u3067\u304D\u307E\u3059\u3002",
   slots: import_checkbox.anatomy.extendWith("group").keys(),
   base: {
     root: {
-      /**
-       * flex w-fit items-start py-2
-       */
       display: "flex",
-      alignItems: "flex-start",
+      alignItems: "center",
       width: "fit-content",
       py: 2,
       colorPalette: "keyColor"
@@ -702,20 +691,40 @@ var checkbox_default = (0, import_dev6.defineSlotRecipe)({
        * flex items-center justify-center shrink-0 rounded-[calc(1/8*100%)]
        * has-[input:hover:not(:focus):not([aria-disabled="true"])]:bg-solid-gray-420
        */
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
       flexShrink: 0,
-      rounded: "calc(1 / 4 * 100%)",
-      outlineStyle: "solid",
-      outlineWidth: "2px",
-      outlineColor: {
+      rounded: "calc(2 / 18 * 100%)",
+      borderWidth: "2px",
+      borderColor: {
         base: "solid-gray.420",
+        _checked: "colorPalette.primary",
         _invalid: { base: "error.1", _disabled: "solid-gray.420" },
         _groupHover: { base: "black", _disabled: "solid-gray.420" }
       },
       _disabled: {
         bg: "solid-gray.50"
+      },
+      _groupHover: {
+        outlineStyle: { base: "solid", _disabled: "hidden" },
+        outlineColor: "solid-gray.420",
+        _focus: {
+          outlineStyle: "solid",
+          outlineWidth: "4px",
+          outlineColor: "black",
+          outlineOffset: "calc(2 / 16 * 1rem)",
+          focusRing: "calc(2 / 16 * 1rem)"
+        }
+      },
+      /**
+       * focus:outline focus:outline-4 focus:outline-black
+       * focus:outline-offset-[calc(2/16*1rem)]
+       * focus:ring-[calc(2/16*1rem)] focus:ring-yellow-300
+       */
+      _focus: {
+        outlineStyle: "solid",
+        outlineWidth: "4px",
+        outlineColor: "black",
+        outlineOffset: "calc(2 / 16 * 1rem)",
+        focusRing: "calc(2 / 16 * 1rem)"
       }
     },
     indicator: {
@@ -723,53 +732,9 @@ var checkbox_default = (0, import_dev6.defineSlotRecipe)({
        * appearance-none size-3/4 rounded-[calc(2/18*100%)]
        */
       appearance: "none",
-      width: "3/4",
-      height: "3/4",
-      rounded: "calc(2 / 18 * 100%)",
+      width: "full",
+      height: "full",
       zIndex: 1,
-      borderColor: {
-        /**
-         * border-solid-gray-600 hover:border-black
-         * forced-colors:!border-[ButtonText]
-         */
-        base: "solid-gray.600",
-        _hover: "black",
-        _highContrast: "ButtonText",
-        _checked: {
-          /**
-           * checked:border-blue-900 checked:hover:border-blue-1100
-           * forced-colors:checked:!border-[Highlight]
-           */
-          base: "colorPalette.900",
-          _hover: "colorPalette.1100",
-          _highContrast: "Highlight"
-        },
-        _indeterminate: {
-          /**
-           * indeterminate:border-blue-900 indeterminate:hover:border-blue-1100
-           * forced-colors:indeterminate:!border-[Highlight]
-           */
-          base: "colorPalette.900",
-          _hover: "colorPalette.1100",
-          _highContrast: "Highlight"
-        },
-        _invalid: {
-          /**
-           * data-[error]:border-error-1 data-[error]:hover:border-red-1000
-           */
-          base: "error.1",
-          _disabled: "solid-gray.300",
-          _hover: { base: "red.1000", _disabled: "solid-gray.300" }
-        },
-        _disabled: {
-          /**
-           * aria-disabled:!border-solid-gray-300
-           * forced-colors:aria-disabled:!border-[GrayText]
-           */
-          base: "solid-gray.300",
-          _highContrast: "GrayText"
-        }
-      },
       bg: {
         /**
          * bg-white
@@ -780,8 +745,8 @@ var checkbox_default = (0, import_dev6.defineSlotRecipe)({
          * forced-colors:checked:!bg-[Highlight]
          */
         _checked: {
-          base: "colorPalette.900",
-          _hover: "colorPalette.1100",
+          base: "colorPalette.primary",
+          _hover: "colorPalette.primary.200",
           _highContrast: "Highlight"
         },
         _indeterminate: {
@@ -789,8 +754,8 @@ var checkbox_default = (0, import_dev6.defineSlotRecipe)({
            * indeterminate:bg-blue-900 indeterminate:hover:bg-blue-1100
            * forced-colors:indeterminate:!bg-[Highlight]
            */
-          base: "colorPalette.900",
-          _hover: "colorPalette.1100",
+          base: "colorPalette.primary",
+          _hover: "colorPalette.primary.200",
           _highContrast: "Highlight"
         },
         /**
@@ -859,27 +824,9 @@ var checkbox_default = (0, import_dev6.defineSlotRecipe)({
           display: "block",
           clipPath: "path('M3.25,7.75H10.75V6.25H3.25V7.75Z')"
         }
-      },
-      /**
-       * focus:outline focus:outline-4 focus:outline-black
-       * focus:outline-offset-[calc(2/16*1rem)]
-       * focus:ring-[calc(2/16*1rem)] focus:ring-yellow-300
-       */
-      _focus: {
-        outlineStyle: "solid",
-        outlineWidth: "4px",
-        outlineColor: "black",
-        outlineOffset: "calc(2 / 16 * 1rem)",
-        focusRing: "calc(2 / 16 * 1rem)"
       }
     },
     label: {
-      /**
-       * text-solid-gray-800
-       * data-[size=sm]:pt-px data-[size=sm]:text-dns-16N-130
-       * data-[size=md]:pt-1 data-[size=md]:text-dns-16N-130
-       * data-[size=lg]:pt-2.5 data-[size=lg]:text-dns-17N-130
-       */
       color: "solid-gray.800"
     }
   },
@@ -887,118 +834,60 @@ var checkbox_default = (0, import_dev6.defineSlotRecipe)({
     size: {
       sm: {
         root: {
-          /**
-           * data-[size=sm]:gap-1
-           */
-          gap: 1
+          gap: 1.5
         },
         control: {
-          /**
-           * data-[size=sm]:size-6
-           */
-          width: 6,
-          height: 6,
-          outlineOffset: "-4px",
-          boxShadow: {
-            _groupHover: {
-              base: "inset 0 0 0 2px {colors.solid-gray.420}",
-              _disabled: "none"
-            }
+          width: "calc({spacing.9} / 2)",
+          height: "calc({spacing.9} / 2)",
+          _groupHover: {
+            outlineWidth: "2px",
+            _focus: { outlineWidth: "4px" }
           }
         },
-        indicator: {
-          /**
-           * data-[size=sm]:border-[calc(2/16*1rem)]
-           */
-          borderWidth: "calc(2 / 16 * 1rem)"
-        },
         label: {
-          /**
-           * data-[size=sm]:pt-px data-[size=sm]:text-dns-16N-130
-           */
-          pt: "1px",
           textStyle: "dns-16N-130"
         }
       },
       md: {
         root: {
-          /**
-           * data-[size=md]:gap-2
-           */
-          gap: 2
+          gap: 2.5
         },
         control: {
-          /**
-           * data-[size=md]:size-8
-           */
-          width: 8,
-          height: 8,
-          outlineOffset: "-5px",
-          boxShadow: {
-            _groupHover: {
-              base: "inset 0 0 0 4px {colors.solid-gray.420}",
-              _disabled: "none"
-            }
+          width: 6,
+          height: 6,
+          _groupHover: {
+            outlineWidth: "4px"
           }
         },
         indicator: {
-          /**
-           * data-[size=md]:border-[calc(2/16*1rem)]
-           * data-[size=md]:before:origin-top-left
-           * data-[size=md]:before:scale-[calc(20/14)]
-           */
-          borderWidth: "calc(2 / 16 * 1rem)",
           _before: {
             transformOrigin: "top left",
             scale: "calc(20 / 14)"
           }
         },
         label: {
-          /**
-           * data-[size=md]:pt-1 data-[size=md]:text-dns-16N-130
-           */
-          pt: 1,
           textStyle: "dns-16N-130"
         }
       },
       lg: {
         root: {
-          /**
-           * data-[size=lg]:gap-2
-           */
-          gap: 2
+          gap: 2.5
         },
         control: {
-          /**
-           * data-[size=lg]:size-11
-           */
-          width: 11,
-          height: 11,
-          outlineOffset: "-7px",
-          boxShadow: {
-            _groupHover: {
-              base: "inset 0 0 0 6px {colors.solid-gray.420}",
-              _disabled: "none"
-            }
+          width: 8,
+          height: 8,
+          _groupHover: {
+            outlineWidth: "6px",
+            _focus: { outlineWidth: "4px" }
           }
         },
         indicator: {
-          /**
-           * data-[size=lg]:border-[calc(3/16*1rem)]
-           * data-[size=lg]:before:origin-top-left
-           * data-[size=lg]:before:scale-[calc(27/14)]
-           */
-          borderWidth: "calc(3 / 16 * 1rem)",
           _before: {
             transformOrigin: "top left",
             scale: "calc(27 / 14)"
           }
         },
         label: {
-          /**
-           * data-[size=lg]:pt-2.5 data-[size=lg]:text-dns-17N-130
-           */
-          pt: 2.5,
           textStyle: "dns-17N-130"
         }
       }
@@ -1009,11 +898,59 @@ var checkbox_default = (0, import_dev6.defineSlotRecipe)({
   }
 });
 
-// src/recipes/disclosure.ts
+// src/recipes/chip-label.ts
 var import_dev7 = require("@pandacss/dev");
-var disclosure_default = (0, import_dev7.defineSlotRecipe)({
+var chip_label_default = (0, import_dev7.defineRecipe)({
+  className: "chip-label",
+  description: "\u72B6\u614B\u3084\u72B6\u6CC1\u3092\u793A\u3059\u30AD\u30FC\u30EF\u30FC\u30C9\u3092\u8868\u793A\u3057\u3066\u3001\u60C5\u5831\u306E\u5206\u985E\u30FB\u6574\u7406\u306E\u52B9\u7387\u3092\u5411\u4E0A\u3055\u305B\u308B\u30B0\u30E9\u30D5\u30A3\u30C3\u30AF\u8981\u7D20\u3067\u3059\u3002\u60C5\u5831\u30EA\u30B9\u30C8\u3084\u30C6\u30FC\u30D6\u30EB\u306E\u5404\u884C\u306A\u3069\u306E\u30B9\u30C6\u30FC\u30BF\u30B9\u3092\u5206\u304B\u308A\u3084\u3059\u304F\u8868\u793A\u3057\u305F\u3044\u5834\u5408\u306B\u6709\u52B9\u3067\u3059\u3002",
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 1,
+    px: 2,
+    py: 1,
+    minHeight: "32px",
+    borderWidth: "1px",
+    colorPalette: "keyColor",
+    rounded: 8,
+    flexShrink: 0,
+    whiteSpace: "nowrap",
+    textStyle: "oln-16N-100"
+  },
+  variants: {
+    variant: {
+      text: {
+        color: "colorPalette.primary",
+        borderColor: "transparent"
+      },
+      outlined: {
+        color: "colorPalette.primary",
+        borderColor: "currentcolor"
+      },
+      ghost: {
+        color: "colorPalette.primary",
+        bg: "colorPalette.bg",
+        borderColor: "currentColor"
+      },
+      "solid-fill": {
+        bg: "colorPalette.primary",
+        color: "white",
+        borderColor: "transparent"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "text"
+  }
+});
+
+// src/recipes/disclosure.ts
+var import_dev8 = require("@pandacss/dev");
+var import_collapsible = require("@zag-js/collapsible");
+var disclosure_default = (0, import_dev8.defineSlotRecipe)({
   className: "disclosure",
-  slots: disclosureAnatomy.keys(),
+  description: "\u30C7\u30A3\u30B9\u30AF\u30ED\u30FC\u30B8\u30E3\u30FC\u306F\u3001\u30B3\u30F3\u30C6\u30F3\u30C4\u306E\u30BB\u30AF\u30B7\u30E7\u30F3\u5185\u306E\u4EFB\u610F\u306E\u7BC4\u56F2\u3092\u6298\u308A\u305F\u305F\u3080\u3053\u3068\u304C\u3067\u304D\u308B\u30E6\u30FC\u30B6\u30FC\u30A4\u30F3\u30BF\u30FC\u30D5\u30A7\u30FC\u30B9\u3067\u3059\u3002\u203B\u30BB\u30AF\u30B7\u30E7\u30F3\u5358\u4F4D\u3067\u6298\u308A\u305F\u305F\u307F\u8868\u793A\u3092\u3059\u308B\u5834\u5408\u306F\u300C\u30A2\u30B3\u30FC\u30C7\u30A3\u30AA\u30F3\u300D\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u3092\u4F7F\u7528\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
+  slots: import_collapsible.anatomy.extendWith("indicator").keys(),
   base: {
     root: {
       /**
@@ -1021,7 +958,7 @@ var disclosure_default = (0, import_dev7.defineSlotRecipe)({
        */
       colorPalette: "keyColor"
     },
-    summary: {
+    trigger: {
       /**
        * group/summary
        * [&::-webkit-details-marker]:hidden
@@ -1063,41 +1000,26 @@ var disclosure_default = (0, import_dev7.defineSlotRecipe)({
         focusRing: "calc(2 / 16 * 1rem)"
       }
     },
-    icon: {
-      /**
-       * flex-none text-blue-1000 mt-[calc((1lh-24px)/2)]
-       * group-open/disclosure:rotate-180
-       * forced-colors:text-inherit
-       */
+    indicator: {
       flex: "none",
-      color: { base: "colorPalette.1000", _highContrast: "inherit" },
+      bg: { base: "colorPalette.primary.100", _groupHover: "white" },
+      color: {
+        base: "white",
+        _groupHover: "colorPalette.primary.100",
+        _highContrast: "inherit"
+      },
       mt: "calc((1lh - 24px) / 2)",
-      /**
-       * svg
-       */
       width: "24px",
       height: "24px",
       rounded: "full",
-      bg: { base: "white", _groupHover: "currentColor" },
       outlineStyle: "solid",
       outlineWidth: "3px",
       outlineOffset: "-3px",
+      outlineColor: "colorPalette.primary.100",
+      transition: "transform",
       transform: {
         base: "rotate(-180deg)",
-        "[data-state=open]>&": "rotate(0deg)"
-      },
-      transition: "transform",
-      _before: {
-        content: '""',
-        bg: { base: "currentColor", _groupHover: "white" },
-        width: "full",
-        height: "full",
-        rounded: "full",
-        outlineStyle: "solid",
-        outlineWidth: "3px",
-        outlineOffset: "-3px",
-        display: "block",
-        clipPath: "path('M12 15.525L16.925 10.625H7.07502L12 15.525ZM12 22.85C10.4834 22.85 9.06677 22.566 7.75027 21.998C6.43394 21.4298 5.28886 20.6588 4.31502 19.685C3.34119 18.7112 2.57019 17.5661 2.00202 16.2498C1.43402 14.9333 1.15002 13.5167 1.15002 12C1.15002 10.4833 1.43402 9.06675 2.00202 7.75025C2.57019 6.43392 3.34119 5.28883 4.31502 4.315C5.28886 3.34117 6.43394 2.57017 7.75027 2.002C9.06677 1.434 10.4834 1.15 12 1.15C13.5167 1.15 14.9333 1.434 16.2498 2.002C17.5661 2.57017 18.7112 3.34117 19.685 4.315C20.6589 5.28883 21.4299 6.43392 21.998 7.75025C22.566 9.06675 22.85 10.4833 22.85 12C22.85 13.5167 22.566 14.9333 21.998 16.2498C21.4299 17.5661 20.6589 18.7112 19.685 19.685C18.7112 20.6588 17.5661 21.4298 16.2498 21.998C14.9333 22.566 13.5167 22.85 12 22.85Z')"
+        _open: "rotate(0deg)"
       }
     },
     content: {}
@@ -1105,8 +1027,8 @@ var disclosure_default = (0, import_dev7.defineSlotRecipe)({
 });
 
 // src/recipes/divider.ts
-var import_dev8 = require("@pandacss/dev");
-var divider_default = (0, import_dev8.defineRecipe)({
+var import_dev9 = require("@pandacss/dev");
+var divider_default = (0, import_dev9.defineRecipe)({
   className: "divider",
   description: "\u30C7\u30A3\u30D0\u30A4\u30C0\u30FC\u306F\u3001\u7570\u306A\u308B\u30BB\u30AF\u30B7\u30E7\u30F3\u3001\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u3001\u307E\u305F\u306F\u30B3\u30F3\u30C6\u30F3\u30C4\u306E\u30B0\u30EB\u30FC\u30D7\u9593\u306B\u8A2D\u3051\u3089\u308C\u308B\u8996\u899A\u7684\u306A\u533A\u5207\u308A\u3067\u3001HTML\u306Ehr\u8981\u7D20\u306B\u76F8\u5F53\u3057\u307E\u3059\u3002\u8981\u7D20\u9593\u306B\u660E\u78BA\u306A\u533A\u5207\u308A\u3092\u8A2D\u3051\u308B\u3053\u3068\u3067\u3001\u8AAD\u307F\u3084\u3059\u3055\u3092\u5411\u4E0A\u3055\u305B\u308B\u5F79\u5272\u3092\u679C\u305F\u3057\u307E\u3059\u3002",
   variants: {
@@ -1123,10 +1045,11 @@ var divider_default = (0, import_dev8.defineRecipe)({
 
 // src/recipes/drawer.ts
 var import_dialog = require("@zag-js/dialog");
-var import_dev9 = require("@pandacss/dev");
+var import_dev10 = require("@pandacss/dev");
 var anatomy = import_dialog.anatomy.extendWith("header", "body", "footer");
-var drawer_default = (0, import_dev9.defineSlotRecipe)({
+var drawer_default = (0, import_dev10.defineSlotRecipe)({
   className: "drawer",
+  description: "\u30D6\u30E9\u30A6\u30B6\u753B\u9762\u306E\u56DB\u8FBA(\u4E0A\u4E0B\u5DE6\u53F3\u7AEF)\u304B\u3089\u5C55\u958B\u3057\u3001\u30E2\u30D0\u30A4\u30EB\u30E1\u30CB\u30E5\u30FC\u306A\u3069\u306E\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u3092\u683C\u7D0D\u53EF\u80FD\u306A\u30B3\u30F3\u30C6\u30CA\u3067\u3059\u3002",
   slots: anatomy.keys(),
   base: {
     backdrop: {
@@ -1243,8 +1166,8 @@ var drawer_default = (0, import_dev9.defineSlotRecipe)({
 });
 
 // src/recipes/error-text.ts
-var import_dev10 = require("@pandacss/dev");
-var error_text_default = (0, import_dev10.defineRecipe)({
+var import_dev11 = require("@pandacss/dev");
+var error_text_default = (0, import_dev11.defineRecipe)({
   className: "error-text",
   base: {
     /**
@@ -1256,11 +1179,11 @@ var error_text_default = (0, import_dev10.defineRecipe)({
 });
 
 // src/recipes/field.ts
-var import_dev17 = require("@pandacss/dev");
+var import_dev18 = require("@pandacss/dev");
 
 // src/recipes/input.ts
-var import_dev11 = require("@pandacss/dev");
-var input_default = (0, import_dev11.defineRecipe)({
+var import_dev12 = require("@pandacss/dev");
+var input_default = (0, import_dev12.defineRecipe)({
   className: "input",
   description: "\u30A4\u30F3\u30D7\u30C3\u30C8\u30C6\u30AD\u30B9\u30C8\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u306F\u3001\u540D\u524D\u3084\u96FB\u8A71\u756A\u53F7\u306A\u3069\u30011\u884C\u4EE5\u5185\u306E\u30C6\u30AD\u30B9\u30C8\u3092\u5165\u529B\u3059\u308B\u5834\u5408\u306B\u4F7F\u7528\u3057\u307E\u3059\u3002",
   base: {
@@ -1330,8 +1253,8 @@ var input_default = (0, import_dev11.defineRecipe)({
 });
 
 // src/recipes/label.ts
-var import_dev12 = require("@pandacss/dev");
-var label_default = (0, import_dev12.defineRecipe)({
+var import_dev13 = require("@pandacss/dev");
+var label_default = (0, import_dev13.defineRecipe)({
   className: "label",
   base: {
     /**
@@ -1359,8 +1282,8 @@ var label_default = (0, import_dev12.defineRecipe)({
 });
 
 // src/recipes/requirement-badge.ts
-var import_dev13 = require("@pandacss/dev");
-var requirement_badge_default = (0, import_dev13.defineRecipe)({
+var import_dev14 = require("@pandacss/dev");
+var requirement_badge_default = (0, import_dev14.defineRecipe)({
   className: "requirement-badge",
   base: {
     /**
@@ -1372,8 +1295,8 @@ var requirement_badge_default = (0, import_dev13.defineRecipe)({
 });
 
 // src/recipes/select-box.ts
-var import_dev14 = require("@pandacss/dev");
-var select_box_default = (0, import_dev14.defineRecipe)({
+var import_dev15 = require("@pandacss/dev");
+var select_box_default = (0, import_dev15.defineRecipe)({
   className: "select-box",
   description: "\u30BB\u30EC\u30AF\u30C8\u30DC\u30C3\u30AF\u30B9\u306F\u3001\u8907\u6570\u306E\u9078\u629E\u80A2\u3092\u63D0\u4F9B\u3059\u308B\u30D5\u30A9\u30FC\u30E0\u30B3\u30F3\u30C8\u30ED\u30FC\u30EB\u3067\u3059\u3002",
   base: {
@@ -1443,8 +1366,8 @@ var select_box_default = (0, import_dev14.defineRecipe)({
 });
 
 // src/recipes/support-text.ts
-var import_dev15 = require("@pandacss/dev");
-var support_text_default = (0, import_dev15.defineRecipe)({
+var import_dev16 = require("@pandacss/dev");
+var support_text_default = (0, import_dev16.defineRecipe)({
   className: "support-text",
   base: {
     /**
@@ -1456,8 +1379,8 @@ var support_text_default = (0, import_dev15.defineRecipe)({
 });
 
 // src/recipes/textarea.ts
-var import_dev16 = require("@pandacss/dev");
-var textarea_default = (0, import_dev16.defineRecipe)({
+var import_dev17 = require("@pandacss/dev");
+var textarea_default = (0, import_dev17.defineRecipe)({
   className: "textarea",
   description: "\u30C6\u30AD\u30B9\u30C8\u30A8\u30EA\u30A2\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u306F\u30011\u884C\u4EE5\u4E0A\u306E\u30C6\u30AD\u30B9\u30C8\u3092\u5165\u529B\u3059\u308B\u5834\u5408\u306B\u4F7F\u7528\u3057\u307E\u3059\u3002",
   base: {
@@ -1505,7 +1428,7 @@ var textarea_default = (0, import_dev16.defineRecipe)({
 });
 
 // src/recipes/field.ts
-var field = (0, import_dev17.defineSlotRecipe)({
+var field = (0, import_dev18.defineSlotRecipe)({
   className: "field",
   slots: fieldAnatomy.keys(),
   base: {
@@ -1562,8 +1485,8 @@ var field = (0, import_dev17.defineSlotRecipe)({
 var field_default = field;
 
 // src/recipes/fieldset.ts
-var import_dev18 = require("@pandacss/dev");
-var fieldset_default = (0, import_dev18.defineSlotRecipe)({
+var import_dev19 = require("@pandacss/dev");
+var fieldset_default = (0, import_dev19.defineSlotRecipe)({
   className: "fieldset",
   slots: fieldsetAnatomy.keys(),
   base: {
@@ -1596,20 +1519,26 @@ var fieldset_default = (0, import_dev18.defineSlotRecipe)({
 });
 
 // src/recipes/hamburger-menu-button.ts
-var import_dev19 = require("@pandacss/dev");
-var hamburger_menu_button_default = (0, import_dev19.defineRecipe)({
+var import_dev20 = require("@pandacss/dev");
+var hamburger_menu_button_default = (0, import_dev20.defineRecipe)({
   className: "hamburger-menu-button",
   base: {
     /**
-     * flex w-fit items-center text-oln-16N-100 rounded-4 touch-manipulation
+     * flex w-fit items-center text-oln-16N-100 rounded-6 touch-manipulation
      */
     display: "flex",
     width: "fit-content",
     alignItems: "center",
     textStyle: "oln-16N-100",
-    rounded: 4,
+    rounded: 6,
+    /**
+     * gap-x-1 px-3 pb-1.5 pt-1
+     */
+    px: 3,
+    pb: 1.5,
+    pt: 1,
     touchAction: "manipulation",
-    gap: 1.5,
+    columnGap: 1.5,
     /**
      * hover:bg-solid-gray-50 hover:underline hover:underline-offset-[calc(3/16*1rem)]
      */
@@ -1638,76 +1567,19 @@ var hamburger_menu_button_default = (0, import_dev19.defineRecipe)({
   }
 });
 
-// src/recipes/input-text.ts
-var import_dev20 = require("@pandacss/dev");
-var inputText = (0, import_dev20.defineSlotRecipe)({
-  deprecated: true,
-  className: "input-text",
-  description: "\u30A4\u30F3\u30D7\u30C3\u30C8\u30C6\u30AD\u30B9\u30C8\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u306F\u3001\u540D\u524D\u3084\u96FB\u8A71\u756A\u53F7\u306A\u3069\u30011\u884C\u4EE5\u5185\u306E\u30C6\u30AD\u30B9\u30C8\u3092\u5165\u529B\u3059\u308B\u5834\u5408\u306B\u4F7F\u7528\u3057\u307E\u3059\u3002",
-  slots: inputTextAnatomy.keys(),
+// src/recipes/legend.ts
+var import_dev21 = require("@pandacss/dev");
+var legend_default = (0, import_dev21.defineRecipe)({
+  className: "legend",
   base: {
-    root: {
-      display: "flex",
-      flexDirection: "column",
-      gap: 1.5
-    },
-    label: {
-      ...label_default.base
-    },
-    input: {
-      ...input_default.base
-    },
-    textarea: {
-      ...textarea_default.base
-    },
-    select: {
-      ...select_box_default.base
-    },
-    errorText: {
-      ...error_text_default.base
-    },
-    helperText: {
-      ...support_text_default.base
-    }
-  },
-  variants: {
-    size: {
-      lg: {
-        label: { ...label_default.variants?.size?.lg },
-        input: { ...input_default.variants?.size?.lg },
-        select: { ...select_box_default.variants?.size?.lg }
-      },
-      md: {
-        label: { ...label_default.variants?.size?.md },
-        input: { ...input_default.variants?.size?.md },
-        select: { ...select_box_default.variants?.size?.md }
-      },
-      sm: {
-        label: { ...label_default.variants?.size?.sm },
-        input: { ...input_default.variants?.size?.sm },
-        select: { ...select_box_default.variants?.size?.sm }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "lg"
-  }
-});
-var input_text_default = inputText;
-
-// src/recipes/legend.ts
-var import_dev21 = require("@pandacss/dev");
-var legend_default = (0, import_dev21.defineRecipe)({
-  className: "legend",
-  base: {
-    /**
-     * flex w-fit items-center gap-2 text-solid-gray-800
-     */
-    display: "flex",
-    width: "fit-content",
-    alignItems: "center",
-    gap: 2,
-    color: "solid-gray.800"
+    /**
+     * flex w-fit items-center gap-2 text-solid-gray-800
+     */
+    display: "flex",
+    width: "fit-content",
+    alignItems: "center",
+    gap: 2,
+    color: "solid-gray.800"
   },
   variants: {
     size: {
@@ -1758,7 +1630,8 @@ var menu_item_default = (0, import_dev23.defineRecipe)({
   className: "menu-item",
   base: {
     /**
-     * flex relative items-center bg-white hover:bg-solid-gray-50 text-nowrap
+     * flex relative items-center text-nowrap
+     * bg-white hover:bg-solid-gray-50 focus-visible:bg-yellow-300
      * text-oln-16N-100 text-solid-gray-800
      * ${isCurrent ? '!text-blue-1000 !bg-blue-100 font-bold' : ''}
      */
@@ -1770,6 +1643,8 @@ var menu_item_default = (0, import_dev23.defineRecipe)({
     bg: {
       base: "transparent",
       _hover: "solid-gray.50",
+      _focusVisible: "yellow.300",
+      _highlighted: "yellow.300",
       _selected: {
         base: "colorPalette.100",
         _hover: "colorPalette.100"
@@ -1779,15 +1654,15 @@ var menu_item_default = (0, import_dev23.defineRecipe)({
         _hover: "colorPalette.100"
       },
       _open: {
-        base: "colorPalette.50",
-        _hover: "colorPalette.50"
+        base: "colorPalette.bg",
+        _hover: "colorPalette.bg"
       }
     },
     color: {
       base: "solid-gray.800",
-      _selected: "colorPalette.1000",
-      _checked: "colorPalette.1000",
-      _open: "colorPalette.1000"
+      _selected: "colorPalette.primary.100",
+      _checked: "colorPalette.primary.100",
+      _open: "colorPalette.primary.100"
     },
     fontWeight: { base: "normal", _selected: "bold", _checked: "bold" },
     /**
@@ -1806,17 +1681,27 @@ var menu_item_default = (0, import_dev23.defineRecipe)({
     columnGap: 2,
     /**
      * focus-visible:outline focus-visible:outline-4 focus-visible:outline-black
-     * focus-visible:-outline-offset-4 focus-visible:bg-yellow-300
+     * focus-visible:-outline-offset-4
      * focus-visible:ring-[calc(6/16*1rem)] focus-visible:ring-inset
      * focus-visible:ring-yellow-300
      */
     _focusVisible: {
-      // rounded: 4,
+      rounded: 4,
       outlineStyle: "solid",
       outlineWidth: "4px",
       outlineColor: "black",
       outlineOffset: "calc(2 / 16 * 1rem)",
-      focusRing: "calc(6 / 16 * 1rem)"
+      focusRing: "calc(6 / 16 * 1rem)",
+      zIndex: 1
+    },
+    _highlighted: {
+      rounded: 4,
+      outlineStyle: "solid",
+      outlineWidth: "4px",
+      outlineColor: "black",
+      outlineOffset: "calc(2 / 16 * 1rem)",
+      focusRing: "calc(6 / 16 * 1rem)",
+      zIndex: 1
     }
   },
   variants: {
@@ -1865,7 +1750,7 @@ var menu_default = (0, import_dev24.defineSlotRecipe)({
       borderWidth: "1px",
       borderColor: "solid-gray.420",
       bg: "white",
-      rounded: "lg",
+      rounded: 8,
       boxShadow: 1
       /**
       * min-w-fit w-auto py-2 border border-solid-grey-420 bg-white shadow-1 rounded-lg
@@ -1889,7 +1774,7 @@ var menu_default = (0, import_dev24.defineSlotRecipe)({
       textUnderlineOffset: "calc(3 / 16 * 1rem)",
       _checked: {
         bg: "colorPalette.100",
-        color: "colorPalette.1000",
+        color: "colorPalette.primary.100",
         fontWeight: "bold"
       },
       _focusVisible: {
@@ -2012,6 +1897,7 @@ var menu_list_default = (0, import_dev25.defineSlotRecipe)({
 var import_dev26 = require("@pandacss/dev");
 var notification_banner_default = (0, import_dev26.defineSlotRecipe)({
   className: "notification-banner",
+  description: "\u30B5\u30A4\u30C8/\u30B5\u30FC\u30D3\u30B9\u5168\u4F53\u306B\u95A2\u308F\u308B\u3001\u307E\u305F\u306F\u30DA\u30FC\u30B8\u3084\u8981\u7D20\u5358\u4F4D\u306B\u304A\u3051\u308B\u91CD\u8981\u5EA6\u306E\u9AD8\u3044\u60C5\u5831\u3092\u3001\u30E6\u30FC\u30B6\u30FC\u306E\u64CD\u4F5C\u306B\u95A2\u308F\u3089\u305A\u3001\u30B5\u30A4\u30C8/\u30B5\u30FC\u30D3\u30B9\u5074\u304B\u3089\u30E6\u30FC\u30B6\u30FC\u3078\u63D0\u793A\u3059\u308B\u5834\u5408\u306B\u7528\u3044\u308B\u901A\u77E5\u30D0\u30CA\u30FC\u3067\u3059\u3002\u901A\u77E5\u306B\u5BFE\u3059\u308B\u30E6\u30FC\u30B6\u30FC\u30A2\u30AF\u30B7\u30E7\u30F3\u3092\u8981\u6C42\u3059\u308B\u3053\u3068\u304C\u53EF\u80FD\u3067\u3059\u3002\u30E1\u30F3\u30C6\u30CA\u30F3\u30B9\u3092\u901A\u77E5\u3057\u305F\u3044\u3001\u30E6\u30FC\u30B6\u30FC\u306E\u5BFE\u5FDC\u304C\u5FC5\u8981\u306A\u60C5\u5831\u3092\u901A\u77E5\u3057\u3066\u30A2\u30AF\u30B7\u30E7\u30F3\u3055\u305B\u305F\u3044\u3001\u3068\u3044\u3063\u305F\u8981\u6C42\u306B\u5BFE\u5FDC\u3059\u308B\u3053\u3068\u304C\u3067\u304D\u307E\u3059\u3002",
   slots: notificationBannerAnatomy.keys(),
   base: {
     root: {
@@ -2079,43 +1965,20 @@ var notification_banner_default = (0, import_dev26.defineSlotRecipe)({
       }
     },
     close: {
-      /**
-       * inline-flex items-center gap-0.5
-       * -mt-2 -mr-3 desktop:mt-0 desktop:mr-0 desktop:px-2 desktop:py-0.5
-       */
-      display: "inline-flex",
-      alignItems: "center",
-      gap: 0.5,
-      mt: { base: -2, md: 0 },
-      mr: { base: -3, md: 0 },
-      px: { base: 0, md: 2 },
-      py: { base: 0, md: 0.5 },
-      /**
-       * text-solid-gray-900
-       */
-      color: "solid-gray.900",
-      /**
-       * border border-transparent  hover:border-solid-gray-900 rounded-8 focus-visible:border-transparent
-       */
-      borderWidth: "1px",
-      borderColor: {
-        base: "transparent",
-        _hover: "solid-gray.900",
-        _focusVisible: "transparent"
+      _before: {
+        content: '""',
+        display: "block",
+        mt: 0.5,
+        width: 6,
+        height: 6,
+        bg: "currentColor",
+        clipPath: "path('m6.4 18.6-1-1 5.5-5.6-5.6-5.6 1.1-1 5.6 5.5 5.6-5.6 1 1.1L13 12l5.6 5.6-1 1L12 13l-5.6 5.6Z')"
       },
-      rounded: 8,
-      /**
-       * focus-visible:outline focus-visible:outline-4 focus-visible:outline-black focus-visible:outline-offset-[calc(2/16*1rem)]
-       * focus-visible:ring-[calc(2/16*1rem)] focus-visible:ring-yellow-300 focus-visible:bg-yellow-300
-       *
-       */
-      _focusVisible: {
-        outlineStyle: "solid",
-        outlineWidth: "4px",
-        outlineColor: "black",
-        outlineOffset: "calc(2 / 16 * 1rem)",
-        focusRing: "calc(2 / 16 * 1rem)"
-      }
+      ...hamburger_menu_button_default.base,
+      display: "inline-flex",
+      gap: 1,
+      mr: -3,
+      color: "solid-gray.900"
     },
     heading: {
       /**
@@ -2138,6 +2001,28 @@ var notification_banner_default = (0, import_dev26.defineSlotRecipe)({
       gridColumnEnd: -1,
       textStyle: "std-16N-170",
       color: "solid-gray.800"
+    },
+    actions: {
+      /**
+       * margin-bottom: calc(-8 / 16 * 1rem);
+       * display: grid;
+       * gap: calc(8 / 16 * 1rem);
+       * grid-column: 1 / 4;
+       * @media (min-width: 48rem) {
+       *  .dads-notification-banner__actions {
+       *    grid-auto-flow: column;
+       *    gap: calc(16 / 16 * 1rem);
+       *    grid-column: 2 / 4;
+       *    justify-content: end;
+       *  }
+       * }
+       */
+      mb: "calc(-8 / 16 * 1rem)",
+      display: "grid",
+      gap: { base: "calc(8 / 16 * 1rem)", md: "calc(16 / 16 * 1rem)" },
+      gridColumn: { base: "1 / 4", md: "2 / 4" },
+      gridAutoFlow: { md: "column" },
+      justifyContent: { md: "end" }
     }
   },
   variants: {
@@ -2152,7 +2037,12 @@ var notification_banner_default = (0, import_dev26.defineSlotRecipe)({
         },
         icon: {
           _before: {
-            clipPath: "path('M18 0C8.064 0 0 8.064 0 18C0 27.936 8.064 36 18 36C27.936 36 36 27.936 36 18C36 8.064 27.936 0 18 0ZM14.4 27L5.4 18L7.938 15.462L14.4 21.906L28.062 8.244L30.6 10.8L14.4 27Z')"
+            clipPath: "path('M18 0C8.064 0 0 8.064 0 18C0 27.936 8.064 36 18 36C27.936 36 36 27.936 36 18C36 8.064 27.936 0 18 0Z M14.4 27L5.4 18L7.938 15.462L14.4 21.906L28.062 8.244L30.6 10.8L14.4 27Z')"
+          }
+        },
+        actions: {
+          "& button": {
+            colorPalette: "green"
           }
         }
       },
@@ -2166,7 +2056,12 @@ var notification_banner_default = (0, import_dev26.defineSlotRecipe)({
         },
         icon: {
           _before: {
-            clipPath: "path('M24.2525 33H11.7475L3 24.2525V11.7475L11.7475 3H24.2525L33 11.7475V24.2525L24.2525 33Z')"
+            clipPath: "path('M10.82 35.3.74 25.22v-14.4L10.82.74h14.4L35.3 10.82v14.4L25.22 35.3h-14.4Zm7.2-14.592 5.472 5.472 2.688-2.688-5.472-5.472 5.472-5.472-2.688-2.688-5.472 5.472-5.472-5.472-2.688 2.688 5.472 5.472-5.472 5.472 2.688 2.688 5.472-5.472Z')"
+          }
+        },
+        actions: {
+          "& button": {
+            colorPalette: "red"
           }
         }
       },
@@ -2182,6 +2077,11 @@ var notification_banner_default = (0, import_dev26.defineSlotRecipe)({
           _before: {
             clipPath: "path('M0 34.0909H36L18 3L0 34.0909ZM19.6364 29.1818H16.3636V25.9091H19.6364V29.1818ZM19.6364 22.6364H16.3636V16.0909H19.6364V22.6364Z')"
           }
+        },
+        actions: {
+          "& button": {
+            colorPalette: "yellow"
+          }
         }
       },
       info1: {
@@ -2196,6 +2096,11 @@ var notification_banner_default = (0, import_dev26.defineSlotRecipe)({
           _before: {
             clipPath: "path('M18 0C8.064 0 0 8.064 0 18C0 27.936 8.064 36 18 36C27.936 36 36 27.936 36 18C36 8.064 27.936 0 18 0ZM19.8 27H16.2V16.2H19.8V27ZM19.8 12.6H16.2V9H19.8V12.6Z')"
           }
+        },
+        actions: {
+          "& button": {
+            colorPalette: "blue"
+          }
         }
       },
       info2: {
@@ -2210,6 +2115,11 @@ var notification_banner_default = (0, import_dev26.defineSlotRecipe)({
           _before: {
             clipPath: "path('M18 0C8.064 0 0 8.064 0 18C0 27.936 8.064 36 18 36C27.936 36 36 27.936 36 18C36 8.064 27.936 0 18 0ZM19.8 27H16.2V16.2H19.8V27ZM19.8 12.6H16.2V9H19.8V12.6Z')"
           }
+        },
+        actions: {
+          "& button": {
+            colorPalette: "solid-gray"
+          }
         }
       }
     },
@@ -2263,237 +2173,94 @@ var ordered_list_default = (0, import_dev27.defineRecipe)({
   }
 });
 
-// src/recipes/radio.ts
+// src/recipes/progress.ts
 var import_dev28 = require("@pandacss/dev");
-var radio_default = (0, import_dev28.defineSlotRecipe)({
-  deprecated: true,
-  className: "radio",
-  slots: ["item", "itemControl", "itemText"],
+var import_progress = require("@zag-js/progress");
+var progress_default = (0, import_dev28.defineSlotRecipe)({
+  className: "progress",
+  description: "\u30D7\u30ED\u30B0\u30EC\u30B9\u30A4\u30F3\u30B8\u30B1\u30FC\u30BF\u30FC\u306F\u3001\u30E6\u30FC\u30B6\u30FC\u306E\u30A2\u30AF\u30B7\u30E7\u30F3\u306B\u5BFE\u3057\u3066\u51E6\u7406\u9032\u884C\u4E2D\u3067\u3042\u308B\u3053\u3068\u3092\u901A\u77E5\u3057\u307E\u3059\u3002\u30C7\u30FC\u30BF\u53D6\u5F97\u30EA\u30AF\u30A8\u30B9\u30C8\u306E\u5FDC\u7B54\u3092\u5F85\u3063\u3066\u3044\u308B\u3053\u3068\u3092\u30E6\u30FC\u30B6\u30FC\u306B\u4F1D\u3048\u305F\u3044\u3068\u3044\u3063\u305F\u8981\u6C42\u306B\u5BFE\u5FDC\u3057\u307E\u3059\u3002",
+  slots: import_progress.anatomy.keys(),
   base: {
-    item: {
-      /**
-       * flex w-fit items-start py-2
-       */
-      display: "flex",
-      width: "fit-content",
-      alignItems: "start",
-      py: 2
-    },
-    itemControl: {
-      /**
-       * flex items-center justify-center shrink-0 rounded-full
-       * has-[input:hover:not(:focus):not([aria-disabled="true"])]:bg-solid-gray-420
-       */
-      /*
+    root: {
       display: "flex",
       alignItems: "center",
-      justifyContent: "center",
-      flexShrink: 0,
+      colorPalette: "keyColor"
+    },
+    track: {
+      height: "4px",
+      bg: "colorPalette.500",
       rounded: "full",
-      */
-      /**
-       * appearance-none size-[calc(5/6*100%)] rounded-full
-       */
-      appearance: "none",
+      overflow: "hidden",
+      position: "relative"
+    },
+    range: {
+      bg: "colorPalette.1200",
+      height: "full",
+      outlineStyle: "solid",
+      outlineWidth: "1px",
+      outlineColor: "white",
       rounded: "full",
-      width: "calc(var(--radio-size) * 5 / 6)",
-      height: "calc(var(--radio-size) * 5 / 6)",
-      m: "calc(var(--radio-size) / 12)",
-      flexShrink: 0,
-      /**
-       * bg-white aria-disabled:!bg-solid-gray-50
-       */
-      bg: { base: "white", _disabled: "solid-gray.50" },
-      borderColor: {
-        /**
-         * border-solid-gray-600
-         * hover:border-black
-         * checked:border-blue-900
-         * checked:hover:border-blue-1100
-         * forced-colors:!border-[ButtonText] forced-colors:checked:!border-[Highlight]
-         */
-        base: "solid-gray.600",
-        _hover: "black",
-        _highContrast: { base: "ButtonText" },
-        _checked: {
-          base: "colorPalette.900",
-          _hover: "colorPalette.1100",
-          _disabled: "solid-gray.300",
-          _highContrast: "Highlight"
-        },
-        /**
-         * data-[error]:border-error-1 data-[error]:hover:border-red-1000
-         */
-        _invalid: { base: "error.1", _hover: "red.1000" },
-        /**
-         * aria-disabled:!border-solid-gray-300
-         * forced-colors:aria-disabled:!border-[GrayText]
-         */
-        _disabled: { base: "solid-gray.300", _highContrast: "GrayText" }
-      },
-      /**
-       * outline on hover
-       * has-[input:hover:not(:focus):not([aria-disabled="true"])]:bg-solid-gray-420
-       */
-      '&:is(:hover, [data-hover]):not([aria-disabled="true"])': {
-        outlineStyle: "solid",
-        outlineWidth: "calc(var(--radio-size) / 12)",
-        outlineColor: "solid-gray.420",
-        _focus: {
-          outlineStyle: "solid",
-          outlineWidth: "4px",
-          outlineColor: "black",
-          outlineOffset: "calc(2 / 16 * 1rem)",
-          focusRing: "calc(2 / 16 * 1rem)"
-        }
-      },
-      /**
-       * focus:outline focus:outline-4 focus:outline-black
-       * focus:outline-offset-[calc(2/16*1rem)]
-       * focus:ring-[calc(2/16*1rem)] focus:ring-yellow-300
-       */
-      _focus: {
-        outlineStyle: "solid",
-        outlineWidth: "4px",
-        outlineColor: "black",
-        outlineOffset: "calc(2 / 16 * 1rem)",
-        focusRing: "calc(2 / 16 * 1rem)"
-      },
-      _before: {
-        /**
-         * before:hidden
-         * before:size-full
-         * before:[clip-path:circle(calc(5/16*100%))]
-         * before:bg-white
-         */
-        content: '""',
-        display: "none",
-        width: "full",
-        height: "full",
-        clipPath: "circle(calc(5 / 16 * 100%))",
-        bg: "white"
-      },
-      _checked: {
-        /**
-         * checked:before:block
-         * checked:before:bg-blue-900 checked:hover:before:bg-blue-1100
-         * data-[error]:checked:before:bg-error-1
-         * data-[error]:checked:hover:before:bg-red-1000
-         * aria-disabled:checked:before:!bg-solid-gray-300
-         * forced-colors:checked:before:!bg-[Highlight]
-         * forced-colors:aria-disabled:checked:before:!bg-[GrayText]
-         */
-        _before: {
-          display: "block",
-          bg: {
-            base: "colorPalette.900",
-            _hover: "colorPalette.1100",
-            _invalid: {
-              base: "error.1",
-              _hover: "red.1000"
-            },
-            _highContrast: "Highlight"
-          }
-        },
-        _disabled: {
-          _before: {
-            base: "solid-gray.300",
-            _highContrast: "GrayText"
-          }
-        }
+      transition: "width 0.2s ease-in-out",
+      "--translate-x": "-100%",
+      _indeterminate: {
+        "--animate-from-x": "-40%",
+        "--animate-to-x": "100%",
+        position: "absolute",
+        willChange: "left",
+        minWidth: "50%",
+        animation: "position 1s ease infinite normal none running",
+        backgroundImage: `linear-gradient(to right, transparent 0%, var(--track-color) 50%, transparent 100%)`
       }
     },
-    itemText: {
-      /**
-       * text-solid-gray-800
-       */
-      color: "solid-gray.800"
+    circle: {
+      _indeterminate: {
+        animation: "spin 2s linear infinite"
+      }
+    },
+    circleTrack: {
+      stroke: "colorPalette.500"
+    },
+    circleRange: {
+      stroke: "colorPalette.1200",
+      strokeLinecap: "round",
+      transitionProperty: "stroke-dashoffset, stroke-dasharray",
+      transitionDuration: "0.6s",
+      _indeterminate: {
+        animation: "circular-progress 1.5s linear infinite"
+      }
+    },
+    label: {
+      textStyle: "std-16N-170"
     }
   },
   variants: {
-    size: {
-      sm: {
-        item: {
-          /**
-           * data-[size=sm]:gap-1
-           */
-          gap: 1
-        },
-        itemControl: {
-          /**
-           * data-[size=sm]:size-6
-           */
-          "--radio-size": "{spacing.6}",
-          /**
-           * data-[size=sm]:border-[calc(2/16*1rem)]
-           */
-          borderWidth: "calc(2 / 16 * 1rem)"
-        },
-        itemText: {
-          /**
-           * data-[size=sm]:pt-px
-           * data-[size=sm]:text-dns-16N-130
-           */
-          pt: "1px",
-          textStyle: "dns-16N-130"
-        }
-      },
-      md: {
-        item: {
-          /**
-           * data-[size=md]:gap-2
-           */
-          gap: 2
-        },
-        itemControl: {
-          /**
-           * data-[size=md]:size-8
-           */
-          "--radio-size": "{spacing.8}",
-          /**
-           * data-[size=md]:border-[calc(2/16*1rem)]
-           */
-          borderWidth: "calc(2 / 16 * 1rem)"
+    layout: {
+      vertical: {
+        root: {
+          flexDirection: "column",
+          gap: 4,
+          "--size": "48px",
+          "--thickness": "4px"
         },
-        itemText: {
-          /**
-           * data-[size=md]:pt-1
-           * data-[size=md]:text-dns-16N-130
-           */
-          pt: 1,
-          textStyle: "dns-16N-130"
+        track: {
+          width: "240px"
         }
       },
-      lg: {
-        item: {
-          /**
-           * data-[size=lg]:gap-3
-           */
-          gap: 3
-        },
-        itemControl: {
-          /**
-           * data-[size=lg]:size-11
-           */
-          "--radio-size": "{spacing.11}",
-          /**
-           * data-[size=lg]:border-[calc(3/16*1rem)]
-           */
-          borderWidth: "calc(3 / 16 * 1rem)"
+      horizontal: {
+        root: {
+          flexDirection: "row",
+          gap: 2,
+          "--size": "24px",
+          "--thickness": "2px"
         },
-        itemText: {
-          /**
-           * data-[size=lg]:pt-2.5
-           * data-[size=lg]:text-dns-17N-130
-           */
-          pt: 2.5,
-          textStyle: "dns-17N-130"
+        track: {
+          width: "80px"
         }
       }
     }
   },
   defaultVariants: {
-    size: "sm"
+    layout: "vertical"
   }
 });
 
@@ -2565,8 +2332,8 @@ var radio_group_default = (0, import_dev29.defineSlotRecipe)({
         _hover: "black",
         _highContrast: { base: "ButtonText" },
         _checked: {
-          base: "colorPalette.900",
-          _hover: "colorPalette.1100",
+          base: "colorPalette.primary",
+          _hover: "colorPalette.primary.200",
           _disabled: { base: "solid-gray.300", _highContrast: "GrayText" },
           _highContrast: "Highlight"
         },
@@ -2639,8 +2406,8 @@ var radio_group_default = (0, import_dev29.defineSlotRecipe)({
         _before: {
           display: "block",
           bg: {
-            base: "colorPalette.900",
-            _hover: "colorPalette.1100",
+            base: "colorPalette.primary",
+            _hover: "colorPalette.primary.200",
             _highContrast: "Highlight"
           }
         },
@@ -2784,8 +2551,8 @@ var resource_list_default = (0, import_dev30.defineSlotRecipe)({
       overflow: "hidden",
       colorPalette: "keyColor",
       bg: {
-        "&:has(input:checked)": "colorPalette.50",
-        _selected: "colorPalette.50"
+        "&:has(input:checked)": "colorPalette.bg",
+        _selected: "colorPalette.bg"
       }
     },
     main: {
@@ -3082,7 +2849,7 @@ var table_default = (0, import_dev32.defineSlotRecipe)({
           "& tr": {
             _even: {
               "&:not(:has(input:checked))": {
-                bg: "{colors.colorPalette.50}/25"
+                bg: "{colors.colorPalette.bg}/25"
               }
             }
           }
@@ -3094,11 +2861,11 @@ var table_default = (0, import_dev32.defineSlotRecipe)({
         body: {
           "& tr": {
             _hover: {
-              bg: "colorPalette.50"
+              bg: "colorPalette.bg"
             },
             _even: {
               "&:not(:has(input:checked))": {
-                _hover: { bg: "{colors.colorPalette.50}" }
+                _hover: { bg: "{colors.colorPalette.bg}" }
               }
             }
           }
@@ -3188,7 +2955,7 @@ var tabs_default = (0, import_dev33.defineSlotRecipe)({
          * after:border-current
          * aria-[current=page]:cursor-default
          */
-        color: "colorPalette.900",
+        color: "colorPalette.primary",
         cursor: "default",
         _after: {
           content: '""',
@@ -3225,8 +2992,21 @@ var tree_view_default = (0, import_dev34.defineSlotRecipe)({
       ...menu_item_default.base
     },
     itemIndicator: {
-      transition: "transform",
-      transform: { base: "rotate(0deg)", _open: "rotate(90deg)" }
+      _empty: {
+        _before: {
+          content: '""',
+          display: "block",
+          width: "24px",
+          height: "24px",
+          bg: "black",
+          clipPath: "path('M12 19L5 12L12 5L19 12L12 19Z')"
+        },
+        _selected: {
+          _before: {
+            clipPath: "path('M12 19L5 12L12 5L19 12L12 19ZM12 16.15L16.15 12L12 7.85L7.85 12L12 16.15Z')"
+          }
+        }
+      }
     },
     itemText: {
       flexGrow: 1
@@ -3239,10 +3019,26 @@ var tree_view_default = (0, import_dev34.defineSlotRecipe)({
       pl: 8
     },
     branchIndicator: {
-      position: "absolute",
-      right: 4,
-      transition: "transform",
-      transform: { base: "rotate(0deg)", _open: "rotate(90deg)" }
+      _empty: {
+        _before: {
+          content: '""',
+          display: "block",
+          width: "24px",
+          height: "24px",
+          bg: "black",
+          clipPath: "path('M12 19L5 12L12 5L19 12L12 19Z')"
+        },
+        _selected: {
+          _before: {
+            clipPath: "path('M12 19L5 12L12 5L19 12L12 19ZM12 16.15L16.15 12L12 7.85L7.85 12L12 16.15Z')"
+          }
+        },
+        _open: {
+          _before: {
+            clipPath: "path('M12 19L5 12L12 5L19 12L12 19ZM12 16.15L16.15 12L12 7.85L7.85 12L12 16.15Z')"
+          }
+        }
+      }
     },
     branchText: {
       flexGrow: 1
@@ -3327,7 +3123,7 @@ var utility_link_default = (0, import_dev36.defineRecipe)({
     textStyle: "dns-16N-130",
     color: {
       base: "solid-gray.800",
-      _focusVisible: "colorPalette.1000"
+      _focusVisible: "colorPalette.primary.100"
     },
     bg: { base: "transparent", _focusVisible: "yellow.300" },
     /**
@@ -3374,6 +3170,7 @@ var recipes = {
   button: button_default,
   card: card_default,
   checkbox: checkbox_default,
+  chipLabel: chip_label_default,
   drawer: drawer_default,
   disclosure: disclosure_default,
   digitalGoDivider: divider_default,
@@ -3382,7 +3179,6 @@ var recipes = {
   fieldset: fieldset_default,
   hamburgerMenuButton: hamburger_menu_button_default,
   input: input_default,
-  inputText: input_text_default,
   label: label_default,
   legend: legend_default,
   link: link_default,
@@ -3392,12 +3188,11 @@ var recipes = {
   menuList: menu_list_default,
   notificationBanner: notification_banner_default,
   orderedList: ordered_list_default,
-  radio: radio_default,
+  progress: progress_default,
   radioGroup: radio_group_default,
   requirementBadge: requirement_badge_default,
   resourceList: resource_list_default,
   select: select_default,
-  selectBox: select_box_default,
   supportText: support_text_default,
   table: table_default,
   tabs: tabs_default,
@@ -3408,11 +3203,40 @@ var recipes = {
 };
 var recipes_default = recipes;
 
+// src/keyframes.ts
+var keyframes = {
+  "circular-progress": {
+    "0%": {
+      strokeDasharray: "1, 400",
+      strokeDashoffset: "0"
+    },
+    "50%": {
+      strokeDasharray: "400, 400",
+      strokeDashoffset: "-100%"
+    },
+    "100%": {
+      strokeDasharray: "400, 400",
+      strokeDashoffset: "-260%"
+    }
+  },
+  position: {
+    from: {
+      insetInlineStart: "var(--animate-from-x)",
+      insetBlockStart: "var(--animate-from-y)"
+    },
+    to: {
+      insetInlineStart: "var(--animate-to-x)",
+      insetBlockStart: "var(--animate-to-y)"
+    }
+  }
+};
+
 // src/index.ts
 var base = {
   name: "digital-go-pandacss-preset",
   presets: [import_digital_go_pandacss_plugin.default],
   theme: {
+    keyframes,
     recipes: recipes_default
   }
 };