@cieloazul310/digital-go-pandacss-preset 0.0.0

package/dist/index.js

@@ -0,0 +1,3022 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  createPreset: () => createPreset,
+  default: () => index_default
+});
+module.exports = __toCommonJS(index_exports);
+var import_dev34 = require("@pandacss/dev");
+var import_digital_go_pandacss_plugin = __toESM(require("@cieloazul310/digital-go-pandacss-plugin"));
+var import_digital_go_pandacss_utils = require("@cieloazul310/digital-go-pandacss-utils");
+
+// src/recipes/accordion.ts
+var import_dev = require("@pandacss/dev");
+var import_accordion = require("@ark-ui/anatomy/accordion");
+var accordion_default = (0, import_dev.defineSlotRecipe)({
+  className: "accordion",
+  slots: import_accordion.anatomy.keys(),
+  base: {
+    item: {
+      /**
+       * group/accordion border-b border-solid-gray-420
+        [--icon-size:calc(20/16*1rem)] desktop:[--icon-size:calc(32/16*1rem)]
+        ${className ?? ''}
+       */
+      borderBottomWidth: "1px",
+      borderBottomColor: "solid-gray.420",
+      "--icon-size": {
+        base: "calc(20 / 16 * 1rem)",
+        md: "calc(32 / 16 * 1rem)"
+      }
+    },
+    itemTrigger: {
+      /**
+       * group/summary relative block cursor-default
+       */
+      position: "relative",
+      display: "block",
+      /**
+       * hover:bg-solid-gray-50
+       * focus-visible:bg-yellow-300
+       */
+      bg: {
+        base: "transparent",
+        _hover: "solid-gray.50",
+        _focusVisible: { base: "yellow.300", _hover: "yellow.300" }
+      },
+      /*
+       * py-2 pl-[calc(var(--icon-size)+(12/16*1rem))] pr-2
+       * desktop:py-3.5 desktop:pl-[calc(var(--icon-size)+(20/16*1rem))] desktop:pr-4
+       */
+      py: { base: 2, md: 3.5 },
+      pl: {
+        base: "calc(var(--icon-size) + (12 / 16 * 1rem))",
+        md: "calc(var(--icon-size) + (20 / 16 * 1rem))"
+      },
+      pr: { base: 2, md: 4 },
+      cursor: { _hover: "pointer" },
+      /**
+       * marker:[content:'']
+        [&::-webkit-details-marker]:hidden
+       */
+      "&::marker": { content: '""' },
+      /**
+       * focus-visible:rounded-4 focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-[calc(2/16*1rem)] focus-visible:outline-black focus-visible:ring-[calc(2/16*1rem)] focus-visible:ring-yellow-300
+       */
+      _focusVisible: {
+        rounded: 4,
+        outlineStyle: "solid",
+        outlineWidth: "4px",
+        outlineColor: "black",
+        outlineOffset: "calc(2 / 16 * 1rem)",
+        focusRing: "calc(2 / 16 * 1rem)"
+      },
+      /**
+       * remove button style
+       */
+      textAlign: "start",
+      width: "full"
+    },
+    itemIndicator: {
+      /**
+       * absolute top-2 left-0.5
+       * desktop:top-3.5 desktop:left-1.5
+       * size-[var(--icon-size)]
+       * mt-[calc((1lh-var(--icon-size))/2)]
+       */
+      position: "absolute",
+      top: { base: 2, md: 3.5 },
+      left: { base: 0.5, md: 1.5 },
+      width: "var(--icon-size)",
+      height: "var(--icon-size)",
+      mt: "calc((1lh - var(--icon-size)) / 2)",
+      /**
+       * inline-flex items-center justify-center
+       */
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      /**
+       * bg-white text-blue-1000
+       */
+      bg: "white",
+      color: "keyColor.1000",
+      /**
+       * border border-current rounded-full
+          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)"
+      }
+    },
+    itemContent: {
+      /**
+       * pl-[calc(var(--icon-size)+(12/16*1rem))] pr-2 py-4
+        desktop:pl-[calc(var(--icon-size)+(20/16*1rem))] desktop:pr-4 desktop:py-6
+       */
+      pl: {
+        base: "calc(var(--icon-size) + (12 / 16 * 1rem))",
+        md: "calc(var(--icon-size) + (20 / 16 * 1rem))"
+      },
+      pr: { base: 2, md: 4 },
+      py: { base: 4, md: 6 }
+    }
+  }
+});
+
+// src/recipes/breadcrumb.ts
+var import_dev3 = require("@pandacss/dev");
+
+// ../../node_modules/@ark-ui/react/node_modules/@zag-js/anatomy/dist/index.mjs
+var createAnatomy = (name, parts = []) => ({
+  parts: (...values) => {
+    if (isEmpty(parts)) {
+      return createAnatomy(name, values);
+    }
+    throw new Error("createAnatomy().parts(...) should only be called once. Did you mean to use .extendWith(...) ?");
+  },
+  extendWith: (...values) => createAnatomy(name, [...parts, ...values]),
+  rename: (newName) => createAnatomy(newName, parts),
+  keys: () => parts,
+  build: () => [...new Set(parts)].reduce(
+    (prev, part) => Object.assign(prev, {
+      [part]: {
+        selector: [
+          `&[data-scope="${toKebabCase(name)}"][data-part="${toKebabCase(part)}"]`,
+          `& [data-scope="${toKebabCase(name)}"][data-part="${toKebabCase(part)}"]`
+        ].join(", "),
+        attrs: { "data-scope": toKebabCase(name), "data-part": toKebabCase(part) }
+      }
+    }),
+    {}
+  )
+});
+var toKebabCase = (value) => value.replace(/([A-Z])([A-Z])/g, "$1-$2").replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
+var isEmpty = (v) => v.length === 0;
+
+// src/anatomy.ts
+var breadcrumbAnatomy = createAnatomy("breadcrumb").parts(
+  "root",
+  "list",
+  "item",
+  "link",
+  "separator"
+);
+var menuListAnatomy = createAnatomy("menu-list").parts(
+  "root",
+  "label",
+  "content",
+  "item",
+  "itemGroup",
+  "itemGroupLabel",
+  "itemText",
+  "itemIndicator",
+  "input"
+);
+var notificationBannerAnatomy = createAnatomy(
+  "notification-banner"
+).parts("root", "icon", "close", "header", "heading", "body");
+var resourceListAnatomy = createAnatomy("resource-list").parts(
+  "root",
+  "contentsContainer",
+  "functionButton",
+  "frontIcon",
+  "form",
+  "content",
+  "label",
+  "title",
+  "supportText",
+  "subLabel"
+);
+
+// src/recipes/link.ts
+var import_dev2 = require("@pandacss/dev");
+var link_default = (0, import_dev2.defineRecipe)({
+  className: "link",
+  description: "\u30EA\u30F3\u30AF\u30C6\u30AD\u30B9\u30C8\u306F\u901A\u5E38\u3001\u8272\u3084\u4E0B\u7DDA\u306A\u3069\u306E\u8996\u899A\u7684\u306A\u8868\u73FE\u3067\u901A\u5E38\u306E\u30C6\u30AD\u30B9\u30C8\u3068\u533A\u5225\u3055\u308C\u3001URL\u3068\u95A2\u9023\u3065\u3051\u3089\u308C\u305F\u30C6\u30AD\u30B9\u30C8\u6587\u5B57\u5217\u3067\u3059\u3002\u3053\u306E\u95A2\u9023\u4ED8\u3051\u3092\u30CF\u30A4\u30D1\u30FC\u30EA\u30F3\u30AF\u3068\u547C\u3073\u3001\u3053\u308C\u306F\u30A6\u30A7\u30D6\u3092\u30A6\u30A7\u30D6\u305F\u3089\u3057\u3081\u3066\u3044\u308B\u57FA\u672C\u7684\u306A\u6982\u5FF5\u306E\u3072\u3068\u3064\u3067\u3059\u3002",
+  base: {
+    /**
+     * text-blue-1000 visited:text-magenta-900 hover:text-blue-1000
+     * focus-visible:text-blue-1000 active:text-orange-700
+     */
+    color: {
+      base: "keyColor.1000",
+      _visited: "magenta.900",
+      _hover: "keyColor.1000",
+      _focusVisible: "keyColor.1000",
+      _active: "orange.700"
+    },
+    /**
+     * focus-visible:bg-yellow-300
+     */
+    bg: {
+      base: "transparent",
+      _focusVisible: "yellow.300"
+    },
+    /**
+     * underline underline-offset-[calc(3/16*1rem)] hover:decoration-[calc(3/16*1rem)]
+     * active:decoration-1
+     */
+    textDecoration: "underline",
+    textDecorationThickness: {
+      base: "1px",
+      _hover: "calc(3 / 16 * 1rem)",
+      _active: "1px"
+    },
+    textUnderlineOffset: "calc(3 / 16 * 1rem)",
+    /**
+     * focus-visible:rounded-4
+     * 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
+     */
+    _focusVisible: {
+      rounded: 4,
+      outlineStyle: "solid",
+      outlineWidth: "4px",
+      outlineColor: "black",
+      outlineOffset: "calc(2 / 16 * 1rem)",
+      focusRing: "calc(2 / 16 * 1rem)"
+    },
+    /**
+     * with icon
+     */
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 1,
+    "& svg": {
+      width: "1em",
+      height: "1em"
+    }
+  }
+});
+
+// src/recipes/breadcrumb.ts
+var breadcrumb_default = (0, import_dev3.defineSlotRecipe)({
+  className: "breadcrumb",
+  description: "\u30D1\u30F3\u304F\u305A\u30EA\u30B9\u30C8\u306F\u3001\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u306E\u968E\u5C64\u5185\u3067\u30E6\u30FC\u30B6\u30FC\u306E\u73FE\u5728\u306E\u4F4D\u7F6E\u3092\u8868\u793A\u3057\u307E\u3059\u3002",
+  slots: breadcrumbAnatomy.keys(),
+  base: {
+    root: {
+      /**
+       * icon
+       */
+      "--icon-size": "16px"
+    },
+    list: {
+      /**
+       * inline
+       */
+      display: "inline"
+    },
+    item: {
+      /**
+       * inline break-words text-oln-16N-100
+       */
+      display: "inline",
+      overflowWrap: "break-word",
+      textStyle: "oln-16N-100"
+    },
+    link: {
+      /**
+       * text-blue-1000 text-oln-16N-100 underline underline-offset-[calc(3/16*1rem)]
+       * hover:text-blue-900 hover:decoration-[calc(3/16*1rem)]
+       * active:text-orange-700 active:decoration-1
+       * focus-visible:rounded-4 focus-visible:outline focus-visible:outline-4
+       * focus-visible:outline-black focus-visible:outline-offset-[calc(2/16*1rem)]
+       * focus-visible:bg-yellow-300 focus-visible:text-blue-1000
+       * focus-visible:ring-[calc(2/16*1rem)] focus-visible:ring-yellow-300
+       */
+      ...link_default.base,
+      /**
+       * icon
+       */
+      "& svg": {
+        display: "inline",
+        width: "var(--icon-size)",
+        height: "var(--icon-size)",
+        mr: 1
+      }
+    },
+    separator: {
+      /**
+       * mx-2 inline
+       */
+      mx: 2,
+      display: "inline"
+    }
+  }
+});
+
+// src/recipes/button.ts
+var import_dev4 = require("@pandacss/dev");
+var button_default = (0, import_dev4.defineRecipe)({
+  className: "button",
+  description: "\u30DC\u30BF\u30F3\u306F\u3001\u4E3B\u306B\u30A2\u30AF\u30B7\u30E7\u30F3\u5B9F\u884C\u307E\u305F\u306F\u30DA\u30FC\u30B8\u9077\u79FB\u306E\u305F\u3081\u306E\u30C8\u30EA\u30AC\u30FC\u3068\u3057\u3066\u4F7F\u7528\u3057\u307E\u3059\u3002\u753B\u9762\u5185\u306B\u304A\u3051\u308B\u30DC\u30BF\u30F3\u306E\u91CD\u8981\u5EA6\u306B\u5FDC\u3058\u3066\u4F7F\u3044\u5206\u3051\u53EF\u80FD\u306A\u8907\u6570\u306E\u30B9\u30BF\u30A4\u30EB\u304C\u3042\u308A\u307E\u3059\u3002",
+  base: {
+    /**
+     * underline-offset-[calc(3/16*1rem)]
+     */
+    textUnderlineOffset: "calc(3 / 16 * 1rem)",
+    /**
+     * 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
+     */
+    _focusVisible: {
+      outlineStyle: "solid",
+      outlineWidth: "4px",
+      outlineColor: "black",
+      outlineOffset: "calc(2 / 16 * 1rem)",
+      focusRing: "calc(2 / 16 * 1rem)"
+    },
+    /**
+     * aria-disabled:pointer-events-none aria-disabled:forced-colors:border-[GrayText] aria-disabled:forced-colors:text-[GrayText]
+     */
+    _disabled: {
+      pointerEvents: "none"
+    },
+    /**
+     * button default
+     */
+    display: "inline-flex",
+    textAlign: "center",
+    alignItems: "center",
+    justifyContent: "center",
+    cursor: "pointer"
+  },
+  variants: {
+    variant: {
+      "solid-fill": {
+        /**
+         * text-white aria-disabled:text-solid-gray-50
+         * bg-blue-900 hover:bg-blue-1000 active:bg-blue-1200 aria-disabled:bg-solid-gray-300
+         */
+        bg: {
+          base: "keyColor.900",
+          _hover: "keyColor.1000",
+          _active: "keyColor.1200",
+          _disabled: "solid-gray.300"
+        },
+        color: { base: "white", _disabled: "solid-gray.50" },
+        /**
+         * border-4 border-double border-transparent
+         * hover:underline active:underline
+         */
+        borderWidth: "4px",
+        borderStyle: "double",
+        borderColor: "transparent",
+        textDecoration: {
+          base: "none",
+          _hover: "underline",
+          _active: "underline"
+        }
+      },
+      outline: {
+        /**
+         * bg-white hover:bg-blue-200 active:bg-blue-300 aria-disabled:bg-white
+         * text-blue-900 hover:text-blue-1000 active:text-blue-1200
+         * aria-disabled:text-solid-gray-300
+         */
+        bg: {
+          base: "white",
+          _hover: "keyColor.200",
+          _active: "keyColor.300",
+          _disabled: "white"
+        },
+        color: {
+          base: "keyColor.900",
+          _hover: "keyColor.1000",
+          _active: "keyColor.1200",
+          _disabled: "solid-gray.300"
+        },
+        /**
+         * border border-current hover:underline active:underline
+         */
+        borderWidth: "1px",
+        borderColor: "currentcolor",
+        textDecoration: {
+          base: "none",
+          _hover: "underline",
+          _active: "underline"
+        }
+      },
+      text: {
+        /**
+         *
+         * hover:bg-blue-50 active:bg-blue-100 focus-visible:bg-yellow-300
+         * aria-disabled:bg-transparent aria-disabled:focus-visible:bg-yellow-300
+         * text-blue-900 hover:text-blue-1000 active:text-blue-1200
+         * aria-disabled:text-solid-gray-300
+         */
+        bg: {
+          base: "transparent",
+          _hover: "keyColor.50",
+          _active: "keyColor.100",
+          _focusVisible: { base: "yellow.300", _hover: "yellow.300" },
+          _disabled: "transparent"
+        },
+        color: {
+          base: "keyColor.900",
+          _hover: "keyColor.1000",
+          _active: "keyColor.1200",
+          _disabled: "solid-gray.300"
+        },
+        /**
+         * hover:decoration-[calc(3/16*1rem)] underline
+         */
+        textDecoration: "underline",
+        textDecorationThickness: { base: "1px", _hover: "calc(3 / 16 * 1rem)" }
+      }
+    },
+    size: {
+      lg: {
+        /**
+         * lg: 'min-w-[calc(136/16*1rem)] min-h-14 rounded-8 px-4 py-3 text-oln-16B-100'
+         */
+        minWidth: "calc(136 / 16 * 1rem)",
+        minHeight: 14,
+        rounded: 8,
+        px: 4,
+        py: 3,
+        textStyle: "oln-16B-100"
+      },
+      md: {
+        /**
+         * md: 'min-w-24 min-h-12 rounded-8 px-4 py-2 text-oln-16B-100',
+         */
+        minWidth: 24,
+        minHeight: 12,
+        textStyle: "oln-16B-100",
+        px: 4,
+        py: 2,
+        rounded: 8
+      },
+      sm: {
+        /**
+         * sm: 'relative min-w-20 min-h-9 rounded-6 px-3 py-0.5 text-oln-16B-100 after:absolute after:inset-x-0 after:-inset-y-full after:m-auto after:h-[44px]',
+         */
+        position: "relative",
+        minWidth: 20,
+        minHeight: 9,
+        textStyle: "oln-16B-100",
+        py: 0.5,
+        rounded: 6,
+        _after: {
+          position: "absolute",
+          insetInline: 0,
+          insetBlock: "full",
+          m: "auto",
+          height: "44px"
+        }
+      },
+      xs: {
+        /**
+         * xs: 'relative min-w-18 min-h-7 rounded-4 px-2 py-0.5 text-oln-14B-100 after:absolute after:inset-x-0 after:-inset-y-full after:m-auto after:h-[44px]',
+         */
+        minWidth: 18,
+        minHeight: 7,
+        textStyle: "oln-14B-100",
+        px: 2,
+        py: 0.5,
+        rounded: 4,
+        _after: {
+          position: "absolute",
+          insetInline: 0,
+          insetBlock: "full",
+          m: "auto",
+          height: "44px"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "solid-fill",
+    size: "md"
+  }
+});
+
+// src/recipes/checkbox.ts
+var import_dev5 = require("@pandacss/dev");
+var import_checkbox = require("@ark-ui/anatomy/checkbox");
+var checkbox_default = (0, import_dev5.defineSlotRecipe)({
+  className: "checkbox",
+  slots: import_checkbox.anatomy.keys(),
+  base: {
+    root: {
+      /**
+       * flex w-fit items-start py-2
+       */
+      display: "flex",
+      alignItems: "flex-start",
+      width: "fit-content",
+      py: 2
+    },
+    control: {
+      /**
+       * 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 / 8 * 100%)",
+      _disabled: {
+        bg: "solid-gray.420"
+      }
+    },
+    indicator: {
+      /**
+       * appearance-none size-3/4 rounded-[calc(2/18*100%)]
+       */
+      appearance: "none",
+      width: "3/4",
+      height: "3/4",
+      rounded: "calc(2 / 18 * 100%)",
+      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: "keyColor.900",
+          _hover: "keyColor.1100",
+          _highContrast: "Highlight"
+        },
+        _indeterminate: {
+          /**
+           * indeterminate:border-blue-900 indeterminate:hover:border-blue-1100
+           * forced-colors:indeterminate:!border-[Highlight]
+           */
+          base: "keyColor.900",
+          _hover: "keyColor.1100",
+          _highContrast: "Highlight"
+        },
+        _invalid: {
+          /**
+           * data-[error]:border-error-1 data-[error]:hover:border-red-1000
+           */
+          base: "error.1",
+          _hover: "red.1000"
+        },
+        _disabled: {
+          /**
+           * aria-disabled:!border-solid-gray-300
+           * forced-colors:aria-disabled:!border-[GrayText]
+           */
+          base: "solid-gray.300",
+          _highContrast: "GrayText"
+        }
+      },
+      bg: {
+        /**
+         * bg-white
+         */
+        base: "white",
+        /**
+         * checked:bg-blue-900 checked:hover:bg-blue-1100
+         * forced-colors:checked:!bg-[Highlight]
+         */
+        _checked: {
+          base: "keyColor.900",
+          _hover: "keyColor.1100",
+          _highContrast: "Highlight"
+        },
+        _indeterminate: {
+          /**
+           * indeterminate:bg-blue-900 indeterminate:hover:bg-blue-1100
+           * forced-colors:indeterminate:!bg-[Highlight]
+           */
+          base: "keyColor.900",
+          _hover: "keyColor.1100",
+          _highContrast: "Highlight"
+        },
+        /**
+         * data-[error]:indeterminate:bg-error-1
+         * data-[error]:indeterminate:hover:bg-red-1000
+         * data-[error]:checked:bg-error-1 data-[error]:checked:hover:bg-red-1000
+         */
+        _invalid: {
+          _indeterminate: {
+            base: "error.1",
+            _hover: "red.1000"
+          },
+          _checked: {
+            base: "error.1",
+            _hover: "red.1000"
+          }
+        },
+        /**
+         * aria-disabled:!bg-solid-gray-50
+         * aria-disabled:checked:!bg-solid-gray-300
+         * aria-disabled:indeterminate:!bg-solid-gray-300
+         * forced-colors:aria-disabled:checked:!bg-[GrayText]
+         */
+        _disabled: {
+          base: "solid-gray.50",
+          _checked: "solid-gray.300",
+          _indeterminate: "solid-gray.300",
+          _highContrast: {
+            _checked: "GrayText"
+          }
+        }
+      },
+      /**
+       * bg-clip-padding
+       */
+      backgroundClip: "padding-box",
+      /**
+       * before:hidden checked:before:block indeterminate:before:block
+       * before:size-3.5
+       * before:bg-white
+       * forced-colors:before:!bg-[HighlightText]
+       * aria-disabled:before:border-solid-gray-50
+       */
+      _before: {
+        content: '""',
+        display: "none",
+        width: 3.5,
+        height: 3.5,
+        bg: { base: "white", _highContrast: "HighlightText" },
+        borderColor: { _disabled: "solid-gray.50" }
+      },
+      /**
+       * checked:before:[clip-path:path('M5.6,11.2L12.65,4.15L11.25,2.75L5.6,8.4L2.75,5.55L1.35,6.95L5.6,11.2Z')]
+       * indeterminate:before:[clip-path:path('M3.25,7.75H10.75V6.25H3.25V7.75Z')]
+       */
+      _checked: {
+        _before: {
+          display: "block",
+          clipPath: "path('M5.6,11.2L12.65,4.15L11.25,2.75L5.6,8.4L2.75,5.55L1.35,6.95L5.6,11.2Z')"
+        }
+      },
+      _indeterminate: {
+        _before: {
+          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"
+    },
+    group: {}
+  },
+  variants: {
+    size: {
+      sm: {
+        root: {
+          /**
+           * data-[size=sm]:gap-1
+           */
+          gap: 1
+        },
+        control: {
+          /**
+           * data-[size=sm]:size-6
+           */
+          width: 6,
+          height: 6
+        },
+        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
+        },
+        control: {
+          /**
+           * data-[size=md]:size-8
+           */
+          width: 8,
+          height: 8
+        },
+        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
+        },
+        control: {
+          /**
+           * data-[size=lg]:size-11
+           */
+          width: 11,
+          height: 11
+        },
+        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"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+
+// src/recipes/disclosure.ts
+var import_dev6 = require("@pandacss/dev");
+var disclosure_default = (0, import_dev6.defineSlotRecipe)({
+  className: "disclosure",
+  slots: ["root", "summary", "icon", "content"],
+  base: {
+    root: {
+      /**
+       * group/disclosure
+       */
+    },
+    summary: {
+      /**
+       * group/summary
+       * [&::-webkit-details-marker]:hidden
+       */
+      /**
+       * flex w-fit cursor-default list-none items-start justify-start gap-2
+       */
+      display: "flex",
+      width: "fit-content",
+      cursor: "default",
+      listStyle: "none",
+      alignItems: "start",
+      justifyContent: "start",
+      gap: 2,
+      /**
+       * remove button style
+       */
+      textAlign: "start",
+      /**
+       * hover:underline hover:underline-offset-[calc(3/16*1rem)]
+       */
+      _hover: {
+        textDecoration: "underline",
+        textUnderlineOffset: "calc(3 / 16 * 1rem)"
+      },
+      /**
+       * focus-visible:rounded-4 focus-visible:outline focus-visible:outline-4
+       * focus-visible:outline-black focus-visible:outline-offset-[calc(2/16*1rem)]
+       * focus-visible:bg-yellow-300
+       * focus-visible:ring-[calc(2/16*1rem)] focus-visible:ring-yellow-300
+       */
+      _focusVisible: {
+        rounded: 4,
+        bg: "yellow.300",
+        outlineStyle: "solid",
+        outlineWidth: "4px",
+        outlineColor: "black",
+        outlineOffset: "calc(2 / 16 * 1rem)",
+        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
+       */
+      flex: "none",
+      color: { base: "keyColor.1000", _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",
+      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')"
+      }
+    },
+    content: {}
+  }
+});
+
+// src/recipes/divider.ts
+var import_dev7 = require("@pandacss/dev");
+var divider_default = (0, import_dev7.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: {
+    color: {
+      "gray-420": { borderColor: "solid-gray.420" },
+      "gray-536": { borderColor: "solid-gray.536" },
+      black: { borderColor: "black" }
+    }
+  },
+  defaultVariants: {
+    color: "gray-420"
+  }
+});
+
+// src/recipes/drawer.ts
+var import_dialog = require("@ark-ui/anatomy/dialog");
+var import_dev8 = require("@pandacss/dev");
+var anatomy = import_dialog.anatomy.extendWith("header", "body", "footer");
+var drawer_default = (0, import_dev8.defineSlotRecipe)({
+  className: "drawer",
+  slots: anatomy.keys(),
+  base: {
+    backdrop: {
+      /**
+       * backdrop:bg-opacity-gray-100 forced-colors:backdrop:bg-[#000b]
+       */
+      backdropFilter: "blur(4px)",
+      background: "gray.100/90",
+      height: "100vh",
+      position: "fixed",
+      top: 0,
+      left: 0,
+      width: "100vw",
+      zIndex: 10,
+      // zIndex: "overlay",
+      _open: {
+        animation: "backdrop-in"
+      },
+      _closed: {
+        animation: "backdrop-out"
+      }
+    },
+    positioner: {
+      alignItems: "center",
+      display: "flex",
+      height: "100dvh",
+      justifyContent: "center",
+      position: "fixed",
+      top: 0,
+      /**
+       * w-72
+       */
+      width: 72,
+      zIndex: 1400
+      // zIndex: "modal",
+    },
+    content: {
+      /**
+       * m-[unset] max-w-full max-h-[unset] overflow-visible start-auto
+       */
+      margin: "unset",
+      maxWidth: "full",
+      maxHeight: "full",
+      overflow: "visible",
+      insetInlineStart: "auto",
+      width: "full",
+      /**
+       * bg-white shadow-2 border-l-transparent
+       */
+      borderColor: "transparent",
+      background: "white",
+      boxShadow: 2,
+      /**
+       * grid grid-rows-[auto_1fr] h-dvh
+       */
+      display: "grid",
+      gridTemplateRows: "auto 1fr",
+      height: "100dvh",
+      _hidden: {
+        display: "none"
+      }
+    },
+    header: {
+      /**
+       * flex justify-end py-4 pl-4 pr-8
+       */
+      display: "flex",
+      justifyContent: "start",
+      py: 4,
+      px: 4
+    },
+    title: {
+      textStyle: "std-20B-150"
+    },
+    body: {
+      /**
+       * overflow-auto
+       */
+      overflow: "auto",
+      px: 4,
+      py: 4,
+      textStyle: "std-17N-170"
+    }
+  },
+  variants: {
+    placement: {
+      right: {
+        positioner: {
+          right: 0
+        },
+        content: {
+          /**
+           * border-l
+           */
+          borderLeftWidth: "1px"
+        }
+      },
+      left: {
+        positioner: {
+          left: 0
+        },
+        content: {
+          /**
+           * border-l
+           */
+          borderRightWidth: "1px"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    placement: "right"
+  }
+});
+
+// src/recipes/error-text.ts
+var import_dev9 = require("@pandacss/dev");
+var error_text_default = (0, import_dev9.defineRecipe)({
+  className: "error-text",
+  base: {
+    /**
+     * text-dns-16N-130 text-error-1
+     */
+    textStyle: "dns-16N-130",
+    color: "error.1"
+  }
+});
+
+// src/recipes/hamburger-menu-button.ts
+var import_dev10 = require("@pandacss/dev");
+var hamburger_menu_button_default = (0, import_dev10.defineRecipe)({
+  className: "hamburger-menu-button",
+  base: {
+    /**
+     * flex w-fit items-center text-oln-16N-100 rounded-4 touch-manipulation
+     */
+    display: "flex",
+    width: "fit-content",
+    alignItems: "center",
+    textStyle: "oln-16N-100",
+    rounded: 4,
+    touchAction: "manipulation",
+    /**
+     * hover:bg-solid-gray-50 hover:underline hover:underline-offset-[calc(3/16*1rem)]
+     */
+    _hover: {
+      bg: "solid-gray.50",
+      textDecoration: "underline",
+      textUnderlineOffset: "calc(3 / 16 * 1rem)"
+    },
+    /**
+     * focus-visible:outline focus-visible:outline-4 focus-visible:outline-black
+     * focus-visible:outline-offset-[calc(2/16*1rem)] focus-visible:bg-yellow-300
+     * focus-visible:ring-[calc(2/16*1rem)] focus-visible:ring-yellow-300
+     */
+    _focusVisible: {
+      bg: "yellow.300",
+      outlineStyle: "solid",
+      outlineWidth: "4px",
+      outlineColor: "black",
+      outlineOffset: "calc(2 / 16 * 1rem)",
+      focusRing: "calc(2 / 16 * 1rem)"
+    },
+    /**
+     * override reset
+     */
+    cursor: "pointer"
+  }
+});
+
+// src/recipes/input.ts
+var import_dev11 = require("@pandacss/dev");
+var input_default = (0, import_dev11.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: {
+    /**
+     * max-w-full px-4 py-3 rounded-8
+     */
+    // minWidth: "80px",
+    maxWidth: "full",
+    rounded: 8,
+    px: 4,
+    py: 3,
+    /**
+     * border border-solid-gray-600 hover:border-black
+     * aria-disabled:border-solid-gray-300
+     * aria-disabled:forced-colors:border-[GrayText]
+     */
+    borderWidth: "1px",
+    borderColor: {
+      base: "solid-gray.600",
+      _hover: "black",
+      _disabled: { base: "solid-gray.300", _highContrast: "GrayText" }
+    },
+    /**
+     * bg-white text-oln-16N-100 text-solid-gray-800
+     * aria-disabled:bg-solid-gray-50 aria-disabled:text-solid-gray-420
+     * aria-disabled:forced-colors:text-[GrayText]
+     *
+     */
+    bg: { base: "white", _disabled: "solid-gray.50" },
+    color: {
+      base: "solid-gray.800",
+      _disabled: { base: "solid-gray.420", _highContrast: "GrayText" }
+    },
+    textStyle: "oln-16N-100",
+    /**
+     * 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)"
+    },
+    /**
+     * aria-disabled:pointer-events-none
+     */
+    pointerEvents: { base: "inherit", _disabled: "none" }
+  },
+  variants: {
+    size: {
+      /**
+       * data-[size=sm]:h-10 data-[size=md]:h-12 data-[size=lg]:h-14
+       */
+      sm: { height: 10 },
+      md: { height: 12 },
+      lg: { height: 14 }
+    },
+    invalid: {
+      true: {
+        /**
+         * aria-[invalid=true]:border-error-1 aria-[invalid=true]:hover:border-red-1000
+         */
+        borderColor: { base: "error.1", _hover: "red.1000" }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "lg",
+    invalid: false
+  }
+});
+
+// src/recipes/input-text.ts
+var import_dev16 = require("@pandacss/dev");
+var import_field = require("@ark-ui/anatomy/field");
+
+// src/recipes/label.ts
+var import_dev12 = require("@pandacss/dev");
+var label_default = (0, import_dev12.defineRecipe)({
+  className: "label",
+  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"
+  },
+  variants: {
+    size: {
+      /**
+       * data-[size=sm]:text-std-16B-170 data-[size=md]:text-std-17B-170 data-[size=lg]:text-std-18B-160
+       */
+      sm: { textStyle: "std-16B-170" },
+      md: { textStyle: "std-17B-170" },
+      lg: { textStyle: "std-18B-160" }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+// src/recipes/select-box.ts
+var import_dev13 = require("@pandacss/dev");
+var select_box_default = (0, import_dev13.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: {
+    /**
+     * w-full pl-4 pr-10 py-[calc(11/16*1rem)]
+     * appearance-none rounded-8
+     * aria-disabled:pointer-events-none
+     */
+    width: "full",
+    appearance: "none",
+    pl: 4,
+    pr: 10,
+    py: "calc(11 / 16 * 1rem)",
+    rounded: 8,
+    pointerEvents: { base: "inherit", _disabled: "none" },
+    /**
+     * bg-white text-oln-16N-100 text-solid-gray-800
+     * aria-disabled:text-solid-gray-420
+     * aria-disabled:forced-colors:text-[GrayText]
+     */
+    bg: { base: "white", _disabled: "solid-gray.50" },
+    color: { base: "solid-gray.800", _disabled: "solid-gray.420" },
+    textStyle: "oln-16N-100",
+    /**
+     * border border-solid-gray-600 hover:border-black
+     * aria-disabled:border-solid-gray-300 aria-disabled:bg-solid-gray-50
+     * aria-disabled:forced-colors:border-[GrayText]
+     */
+    borderWidth: "1px",
+    borderColor: {
+      base: "solid-gray.900",
+      _disabled: "solid-gray.300"
+    },
+    /**
+     * remove button style
+     */
+    textAlign: "start",
+    /**
+     * 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)"
+    }
+  },
+  variants: {
+    size: {
+      /**
+       * data-[size=sm]:h-10 data-[size=md]:h-12 data-[size=lg]:h-14
+       */
+      sm: {
+        height: 10
+      },
+      md: {
+        height: 12
+      },
+      lg: {
+        height: 14
+      }
+    },
+    invalid: {
+      /**
+       * aria-[invalid=true]:border-error-1aria-[invalid=true]:hover:border-red-1000
+       */
+      true: {
+        borderColor: { base: "error.1", _hover: "red.1000" }
+      }
+    }
+  }
+});
+
+// src/recipes/support-text.ts
+var import_dev14 = require("@pandacss/dev");
+var support_text_default = (0, import_dev14.defineRecipe)({
+  className: "support-text",
+  base: {
+    /**
+     * text-std-16N-170 text-solid-gray-700
+     */
+    textStyle: "dns-16N-170",
+    color: "solid-gray.700"
+  }
+});
+
+// src/recipes/textarea.ts
+var import_dev15 = require("@pandacss/dev");
+var textarea_default = (0, import_dev15.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: {
+    /**
+     * rounded-8 max-w-full p-4 aria-disabled:pointer-events-none
+     */
+    rounded: 8,
+    p: 4,
+    /**
+     * text-std-16N-170 bg-white text-solid-gray-800
+     * aria-disabled:bg-solid-gray-50 aria-disabled:text-solid-gray-420
+     * aria-disabled:forced-colors:text-[GrayText]
+     */
+    textStyle: "std-16N-170",
+    bg: { base: "white", _disabled: "solid-gray.50" },
+    color: {
+      base: "solid-gray.800",
+      _disabled: { base: "solid-gray.420", _highContrast: "GrayText" }
+    },
+    /**
+     * border border-solid-gray-600 hover:border-black
+     * aria-disabled:border-solid-gray-300 aria-disabled:forced-colors:border-[GrayText]
+     */
+    borderWidth: "1px",
+    borderColor: {
+      base: "solid-gray.600",
+      _hover: "black",
+      _disabled: { base: "solid-gray.300", _hover: "GrayText" }
+    },
+    /**
+     * 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)"
+    }
+  },
+  variants: {
+    invalid: {
+      true: {
+        /**
+         * aria-[invalid=true]:border-error-1 aria-[invalid=true]:hover:border-red-1000
+         */
+        borderColor: { base: "error.1", _hover: "red.1000" }
+      }
+    }
+  },
+  defaultVariants: {
+    invalid: false
+  }
+});
+
+// src/recipes/input-text.ts
+var inputText = (0, import_dev16.defineSlotRecipe)({
+  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: import_field.anatomy.keys(),
+  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 }
+      }
+    },
+    invalid: {
+      true: {
+        input: { ...input_default.variants?.invalid?.true },
+        select: { ...select_box_default.variants?.invalid?.true },
+        textarea: { ...textarea_default.variants?.invalid?.true }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "lg",
+    invalid: false
+  }
+});
+var input_text_default = inputText;
+
+// src/recipes/legend.ts
+var import_dev17 = require("@pandacss/dev");
+var legend_default = (0, import_dev17.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"
+  },
+  variants: {
+    size: {
+      sm: {
+        /**
+         * data-[size=sm]:text-std-16B-170
+         */
+        textStyle: "std-16B-170"
+      },
+      md: {
+        /**
+         * data-[size=md]:text-std-17B-170
+         */
+        textStyle: "std-17B-170"
+      },
+      lg: {
+        /**
+         * data-[size=lg]:text-std-18B-160
+         */
+        textStyle: "std-18B-160"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+// src/recipes/list.ts
+var import_dev18 = require("@pandacss/dev");
+var list_default = (0, import_dev18.defineRecipe)({
+  className: "list",
+  base: {
+    /**
+     * py-1
+     */
+    py: 1
+  }
+});
+
+// src/recipes/menu.ts
+var import_dev20 = require("@pandacss/dev");
+var import_menu = require("@ark-ui/anatomy/menu");
+
+// src/recipes/menu-item.ts
+var import_dev19 = require("@pandacss/dev");
+var menu_item_default = (0, import_dev19.defineRecipe)({
+  className: "menu-item",
+  base: {
+    /**
+     * flex relative items-center bg-white hover:bg-solid-gray-50 text-nowrap
+     * text-oln-16N-100 text-solid-gray-800
+     * ${isCurrent ? '!text-blue-1000 !bg-blue-100 font-bold' : ''}
+     */
+    display: "flex",
+    position: "relative",
+    alignItems: "center",
+    textStyle: "dns-16N-130",
+    bg: {
+      base: "transparent",
+      _hover: "solid-gray.50",
+      _selected: {
+        base: "keyColor.100",
+        _hover: "keyColor.100"
+      },
+      _checked: {
+        base: "keyColor.100",
+        _hover: "keyColor.100"
+      },
+      _open: {
+        base: "keyColor.50",
+        _hover: "keyColor.50"
+      }
+    },
+    color: {
+      base: "solid-gray.800",
+      _selected: "keyColor.1000",
+      _checked: "keyColor.1000",
+      _open: "keyColor.1000"
+    },
+    fontWeight: { base: "normal", _selected: "bold", _checked: "bold" },
+    /**
+     * hover:underline hover:underline-offset-[calc(3/16*1rem)]
+     */
+    _hover: {
+      textDecoration: "underline",
+      textUnderlineOffset: "calc(3 / 16 * 1rem)"
+    },
+    /**
+     * py-3 pl-3 pr-6 gap-x-2
+     */
+    py: 3,
+    pl: 3,
+    pr: 6,
+    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:ring-[calc(6/16*1rem)] focus-visible:ring-inset
+     * focus-visible:ring-yellow-300
+     */
+    _focusVisible: {
+      // rounded: 4,
+      outlineStyle: "solid",
+      outlineWidth: "4px",
+      outlineColor: "black",
+      outlineOffset: "calc(2 / 16 * 1rem)",
+      focusRing: "calc(6 / 16 * 1rem)"
+    }
+  },
+  variants: {
+    variant: {
+      standard: {
+        rounded: 4
+      },
+      boxed: {
+        rounded: {
+          base: 0,
+          _focusVisible: 4
+        }
+      }
+    },
+    isCondensed: {
+      true: {
+        /**
+         * ${isCondensed ? 'py-1.5 pl-1.5 pr-4 gap-x-1.5'}
+         */
+        py: 1.5,
+        pl: 1.5,
+        pr: 4,
+        columnGap: 1.5
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "standard",
+    isCondensed: false
+  }
+});
+
+// src/recipes/menu.ts
+var itemStyle = {
+  ...menu_item_default.base
+};
+var menu_default = (0, import_dev20.defineSlotRecipe)({
+  className: "menu",
+  slots: import_menu.anatomy.keys(),
+  base: {
+    content: {
+      minWidth: "fit-content",
+      width: "auto",
+      maxHeight: "calc((44 * 6.5 + 16) / 16 * 1rem)",
+      py: 2,
+      borderWidth: "1px",
+      borderColor: "solid-gray.420",
+      bg: "white",
+      rounded: "lg",
+      boxShadow: 1
+      /**
+      * min-w-fit w-auto py-2 border border-solid-grey-420 bg-white shadow-1 rounded-lg
+       has-[>:nth-child(7)]:rounded-r-none
+       ${isCondensed ? 'max-h-[calc((32*6.5+16)/16*1rem)]' : 'max-h-[calc((44*6.5+16)/16*1rem)]'}
+      */
+    },
+    itemGroupLabel: {
+      ...itemStyle,
+      fontWeight: "bold"
+    },
+    triggerItem: {
+      ...itemStyle
+    },
+    item: {
+      ...itemStyle,
+      textDecoration: {
+        base: "none",
+        _hover: "underline"
+      },
+      textUnderlineOffset: "calc(3 / 16 * 1rem)",
+      _checked: {
+        bg: "keyColor.100",
+        color: "keyColor.1000",
+        fontWeight: "bold"
+      },
+      _focusVisible: {
+        outlineStyle: "solid",
+        outlineWidth: "4px",
+        outlineColor: "black",
+        outlineOffset: "calc(2 / 16 * 1rem)",
+        focusRing: "calc(2 / 16 * 1rem)",
+        zIndex: 1
+      }
+      /**
+      * flex relative items-center bg-white text-nowrap text-oln-16N-1 text-solid-grey-800
+           ${isCondensed ? 'py-1.5 pl-1.5 pr-4 gap-x-1.5' : 'py-3 pl-3 pr-6 gap-x-2'}
+           ${isCurrent && '!text-blue-1000 !bg-blue-100 font-bold'}
+           hover:underline hover:underline-offset-[calc(3/16*1rem)] hover:bg-solid-grey-50
+           focus-visible:outline focus-visible:outline-4 focus-visible:outline-black focus-visible:-outline-offset-4 focus-visible:bg-yellow-300 focus-visible:ring-[calc(6/16*1rem)] focus-visible:ring-inset focus-visible:ring-yellow-300
+           ${className ?? ''}
+      */
+    }
+  },
+  variants: {
+    isCondensed: {
+      true: {
+        content: {
+          maxHeight: "calc((32 * 6.5 + 16) / 16 * 1rem)"
+        },
+        itemGroupLabel: {
+          py: 1.5,
+          pl: 1.5,
+          pr: 4,
+          columnGap: 1.5
+        },
+        item: {
+          py: 1.5,
+          pl: 1.5,
+          pr: 4,
+          columnGap: 1.5
+        },
+        triggerItem: {
+          py: 1.5,
+          pl: 1.5,
+          pr: 4,
+          columnGap: 1.5
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    isCondensed: false
+  }
+});
+
+// src/recipes/menu-list.ts
+var import_dev21 = require("@pandacss/dev");
+var menu_list_default = (0, import_dev21.defineSlotRecipe)({
+  className: "menu-list",
+  slots: menuListAnatomy.keys(),
+  base: {
+    root: {},
+    label: {
+      py: 3,
+      pl: 3,
+      pr: 6,
+      textStyle: "oln-17B-100",
+      textWrap: "nowrap",
+      display: "block",
+      mb: 2
+    },
+    content: {},
+    item: {
+      ...menu_item_default.base
+    },
+    itemGroup: {
+      my: 1
+    },
+    itemGroupLabel: {
+      ...menu_item_default.base,
+      position: "sticky",
+      top: 0,
+      bg: "white"
+    },
+    itemText: {},
+    itemIndicator: {
+      position: "absolute",
+      top: "50%",
+      right: 4,
+      transform: "translateY(-50%)"
+    }
+  },
+  variants: {
+    variant: {
+      standard: {
+        item: {
+          ...menu_item_default.variants?.variant?.standard
+        },
+        itemGroupLabel: {
+          ...menu_item_default.variants?.variant?.standard
+        }
+      },
+      boxed: {
+        item: {
+          ...menu_item_default.variants?.variant?.boxed
+        },
+        itemGroupLabel: {
+          ...menu_item_default.variants?.variant?.boxed
+        }
+      }
+    },
+    isCondensed: {
+      true: {}
+    }
+  },
+  defaultVariants: {
+    variant: "standard",
+    isCondensed: false
+  }
+});
+
+// src/recipes/notification-banner.ts
+var import_dev22 = require("@pandacss/dev");
+var notification_banner_default = (0, import_dev22.defineSlotRecipe)({
+  className: "notification-banner",
+  slots: notificationBannerAnatomy.keys(),
+  base: {
+    root: {
+      /**
+       * [--icon-size:calc(24/16*1rem)] desktop:[--icon-size:calc(36/16*1rem)]
+       */
+      "--icon-size": {
+        base: "calc(24 / 16 * 1rem)",
+        md: "calc(36 / 16 * 1rem)"
+      },
+      "--icon-scale": {
+        base: 24 / 36,
+        md: 1
+      },
+      /**
+       * p-4 desktop:p-6 border-current
+       */
+      p: { base: 4, md: 6 },
+      borderColor: "currentcolor",
+      /**
+       * grid grid-cols-[var(--icon-size)_1fr_minmax(0,auto)]
+       * gap-x-3 desktop:gap-x-6 gap-y-4
+       */
+      display: "grid",
+      gridTemplateColumns: "var(--icon-size) 1fr minmax(0, auto)",
+      columnGap: { base: 3, md: 6 },
+      rowGap: 4
+    },
+    header: {
+      /**
+       * grid grid-cols-subgrid col-start-2 -col-end-1 place-items-start
+        [&>*:last-child]:-col-end-1
+       */
+      display: "grid",
+      gridTemplateColumns: "subgrid",
+      gridColumnStart: 2,
+      gridColumnEnd: -1,
+      placeItems: "start",
+      "& > *:last-child": {
+        gridColumnEnd: -1
+      }
+    },
+    icon: {
+      /**
+       * mt-[calc(2/16*1rem)] desktop:mt-0
+       */
+      mt: { base: "calc(2 / 16 * 1rem)", md: 0 },
+      /**
+       * h-auto max-w-full
+       */
+      height: "auto",
+      maxWidth: "full",
+      /**
+       * icon element
+       * instead of icon component
+       */
+      _before: {
+        content: '""',
+        display: "block",
+        bg: "currentColor",
+        width: "36px",
+        height: "36px",
+        transformOrigin: "left center",
+        transform: "scale(var(--icon-scale))"
+      }
+    },
+    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"
+      },
+      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)"
+      }
+    },
+    heading: {
+      /**
+       * text-solid-gray-900 col-start-1 desktop:mt-0.5
+       * text-std-17B-170 desktop:text-std-20B-160
+       *
+       * @todo
+       * std-20B-160 doesn't exist and replace it to std-20B-150
+       */
+      textStyle: { base: "std-17B-170", md: "std-20B-150" },
+      color: "solid-gray.900",
+      gridColumnStart: 1,
+      mt: { base: "auto", md: 0.5 }
+    },
+    body: {
+      /**
+       * col-start-1 -col-end-1 desktop:col-start-2 text-std-16N-170 text-solid-gray-800
+       */
+      gridColumnStart: { base: 1, md: 2 },
+      gridColumnEnd: -1,
+      textStyle: "std-16N-170",
+      color: "solid-gray.800"
+    }
+  },
+  variants: {
+    type: {
+      success: {
+        root: {
+          /**
+           * text-success-2 [--color-chip-color:currentColor]
+           */
+          color: "success.2",
+          "--color-chip-color": "currentColor"
+        },
+        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')"
+          }
+        }
+      },
+      error: {
+        root: {
+          /**
+           * text-error-1 [--color-chip-color:currentColor]
+           */
+          color: "error.1",
+          "--color-chip-color": "currentColor"
+        },
+        icon: {
+          _before: {
+            clipPath: "path('M24.2525 33H11.7475L3 24.2525V11.7475L11.7475 3H24.2525L33 11.7475V24.2525L24.2525 33Z')"
+          }
+        }
+      },
+      warning: {
+        root: {
+          /**
+           * text-warning-yellow-2 [--color-chip-color:theme(colors.yellow.400)]
+           */
+          color: "warning.yellow.2",
+          "--color-chip-color": "{colors.yellow.400}"
+        },
+        icon: {
+          _before: {
+            clipPath: "path('M0 34.0909H36L18 3L0 34.0909ZM19.6364 29.1818H16.3636V25.9091H19.6364V29.1818ZM19.6364 22.6364H16.3636V16.0909H19.6364V22.6364Z')"
+          }
+        }
+      },
+      info1: {
+        root: {
+          /**
+           * text-blue-900 [--color-chip-color:currentColor]
+           */
+          color: "blue.900",
+          "--color-chip-color": "currentColor"
+        },
+        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 0ZM19.8 27H16.2V16.2H19.8V27ZM19.8 12.6H16.2V9H19.8V12.6Z')"
+          }
+        }
+      },
+      info2: {
+        root: {
+          /**
+           * text-solid-gray-536 [--color-chip-color:currentColor]
+           */
+          color: "solid-gray.536",
+          "--color-chip-color": "currentColor"
+        },
+        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 0ZM19.8 27H16.2V16.2H19.8V27ZM19.8 12.6H16.2V9H19.8V12.6Z')"
+          }
+        }
+      }
+    },
+    bannerStyle: {
+      standard: {
+        root: {
+          /**
+           * border-[3px] rounded-12
+           */
+          borderWidth: "3px",
+          rounded: 12
+        }
+      },
+      "color-chip": {
+        root: {
+          /**
+           * border-2 !pl-6 desktop:!pl-10
+           * shadow-[inset_8px_0_0_0_var(--color-chip-color)]
+           * desktop:shadow-[inset_16px_0_0_0_var(--color-chip-color)]
+           */
+          borderWidth: "2px",
+          pl: { base: 6, md: 10 },
+          shadow: "inset 16px 0 0 0 var(--color-chip-color)"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    type: "info1",
+    bannerStyle: "standard"
+  }
+});
+
+// src/recipes/ordered-list.ts
+var import_dev23 = require("@pandacss/dev");
+var ordered_list_default = (0, import_dev23.defineRecipe)({
+  className: "ordered-list",
+  base: {
+    /**
+     * pl-8 list-[revert]
+     */
+    pl: 8,
+    listStyle: "revert",
+    /**
+     * [&_:where(ol,ul)]:mt-1 [&_:where(ol,ul)]:-mb-1
+     */
+    "&:where(ol,ul)": {
+      mt: 1,
+      mb: -1
+    }
+  }
+});
+
+// src/recipes/radio.ts
+var import_dev24 = require("@pandacss/dev");
+var radio_default = (0, import_dev24.defineSlotRecipe)({
+  className: "radio",
+  slots: ["item", "itemControl", "itemText"],
+  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
+       */
+      /*
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: 0,
+      rounded: "full",
+      */
+      /**
+       * appearance-none size-[calc(5/6*100%)] rounded-full
+       */
+      appearance: "none",
+      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: "keyColor.900",
+          _hover: "keyColor.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(:focus):not([aria-disabled="true"])': {
+        outlineStyle: "solid",
+        outlineWidth: "calc(var(--radio-size) / 12)",
+        outlineColor: "solid-gray.420"
+      },
+      /**
+       * 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: "keyColor.900",
+          _hover: "keyColor.1100",
+          _invalid: {
+            base: "error.1",
+            _hover: "red.1000"
+          },
+          _highContrast: "Highlight"
+        },
+        _disabled: {
+          _before: {
+            base: "solid-gray.300",
+            _highContrast: "GrayText"
+          }
+        }
+      }
+    },
+    itemText: {
+      /**
+       * text-solid-gray-800
+       */
+      color: "solid-gray.800"
+    }
+  },
+  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)"
+        },
+        itemText: {
+          /**
+           * data-[size=md]:pt-1
+           * data-[size=md]:text-dns-16N-130
+           */
+          pt: 1,
+          textStyle: "dns-16N-130"
+        }
+      },
+      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)"
+        },
+        itemText: {
+          /**
+           * data-[size=lg]:pt-2.5
+           * data-[size=lg]:text-dns-17N-130
+           */
+          pt: 2.5,
+          textStyle: "dns-17N-130"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+
+// src/recipes/radio-group.ts
+var import_dev25 = require("@pandacss/dev");
+var import_radio_group = require("@ark-ui/anatomy/radio-group");
+var radio_group_default = (0, import_dev25.defineSlotRecipe)({
+  className: "radio-group",
+  slots: import_radio_group.anatomy.keys(),
+  base: {
+    root: {
+      display: "flex",
+      _vertical: {
+        flexDirection: "column",
+        gap: 0
+      },
+      _horizonal: {
+        flexDirection: "row",
+        gap: 4
+      }
+    },
+    item: {
+      ...radio_default.base?.item
+    },
+    itemControl: {
+      ...radio_default.base?.itemControl
+    },
+    itemText: {
+      ...radio_default.base?.itemText
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        item: {
+          ...radio_default.variants?.size?.sm?.item
+        },
+        itemControl: {
+          ...radio_default.variants?.size?.sm?.itemControl
+        },
+        itemText: {
+          ...radio_default.variants?.size?.sm?.itemText
+        }
+      },
+      md: {
+        item: {
+          ...radio_default.variants?.size?.md?.item
+        },
+        itemControl: {
+          ...radio_default.variants?.size?.md?.itemControl
+        },
+        itemText: {
+          ...radio_default.variants?.size?.md?.itemText
+        }
+      },
+      lg: {
+        item: {
+          ...radio_default.variants?.size?.lg?.item
+        },
+        itemControl: {
+          ...radio_default.variants?.size?.lg?.itemControl
+        },
+        itemText: {
+          ...radio_default.variants?.size?.lg?.itemText
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+
+// src/recipes/requirement-badge.ts
+var import_dev26 = require("@pandacss/dev");
+var requirement_badge_default = (0, import_dev26.defineRecipe)({
+  className: "requirement-badge",
+  base: {
+    /**
+     * text-oln-16N-100 text-red-800
+     */
+    textStyle: "oln-16N-100",
+    color: "red.800"
+  },
+  variants: {
+    isOptional: {
+      true: {
+        /**
+         * data-[is-optional]:text-solid-gray-800
+         */
+        color: "solid-gray.800"
+      }
+    }
+  },
+  defaultVariants: {
+    isOptional: false
+  }
+});
+
+// src/recipes/resource-list.ts
+var import_dev27 = require("@pandacss/dev");
+var resource_list_default = (0, import_dev27.defineSlotRecipe)({
+  className: "resource-list",
+  slots: resourceListAnatomy.keys(),
+  base: {
+    root: {
+      display: "flex",
+      borderColor: "solid-gray.420",
+      bg: {
+        "&:has(input:checked)": "keyColor.50",
+        _selected: "keyColor.50"
+      }
+    },
+    contentsContainer: {
+      display: "flex",
+      flexGrow: 1,
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "start",
+      gap: { base: 4, md: 6 },
+      /**
+       * p-4 md:px-6 md:py-4
+       */
+      py: 4,
+      px: { base: 4, md: 6 },
+      bg: { base: "transparent", _hover: "solid-gray.50" },
+      _focusVisible: {
+        outlineStyle: "solid",
+        outlineWidth: "4px",
+        outlineColor: "black",
+        outlineOffset: "calc(2 / 16 * 1rem)",
+        focusRing: "calc(2 / 16 * 1rem)"
+      }
+    },
+    functionButton: {
+      p: 4,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    frontIcon: {
+      // px: 2,
+    },
+    content: {
+      height: "full",
+      flexGrow: 1,
+      display: "flex",
+      flexDirection: "column"
+    },
+    title: {
+      /**
+       * mb-4 text-std-20B-150 font-bold group-hover:text-blue-1000 group-hover:decoration-[calc(3/16*1rem)] md:mb-4
+       */
+      textStyle: "std-20B-150",
+      width: "fit-content"
+    },
+    label: {
+      zIndex: 1,
+      width: "fit-content",
+      textStyle: "oln-17N-100",
+      color: "solid-gray.800"
+    },
+    supportText: {
+      color: "solid-gray.800"
+    },
+    subLabel: {
+      zIndex: 1,
+      color: "solid-gray.800"
+    }
+  },
+  variants: {
+    variant: {
+      list: {
+        root: {
+          borderBottomWidth: "1px"
+        }
+      },
+      frame: {
+        root: {
+          rounded: 16,
+          borderWidth: "1px"
+        },
+        contentsContainer: {
+          borderTopLeftRadius: 16,
+          borderBottomLeftRadius: 16,
+          _only: {
+            borderTopRightRadius: 16,
+            borderBottomRightRadius: 16
+          }
+        },
+        functionButton: {
+          borderTopRightRadius: 16,
+          borderBottomRightRadius: 16
+        }
+      }
+    },
+    asLink: {
+      true: {
+        contentsContainer: {
+          position: "relative"
+        },
+        title: {
+          _before: {
+            content: '""',
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "full",
+            height: "full",
+            zIndex: 0,
+            cursor: "inherit"
+          }
+        },
+        supportText: {
+          textDecoration: { base: "none", _groupHover: "underline" }
+        }
+      }
+    }
+  }
+});
+
+// src/recipes/select.ts
+var import_dev28 = require("@pandacss/dev");
+var import_select = require("@ark-ui/anatomy/select");
+var select_default = (0, import_dev28.defineSlotRecipe)({
+  className: "select",
+  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",
+  slots: import_select.anatomy.keys(),
+  base: {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 1.5
+    },
+    label: {
+      ...label_default.base
+    },
+    control: {
+      /**
+       * relative min-w-80 max-w-full
+       */
+      position: "relative",
+      minWidth: "80px",
+      maxWidth: "full"
+    },
+    trigger: {
+      ...select_box_default.base,
+      /**
+       * adapt to clearTrigger
+       */
+      pr: 20
+    },
+    indicator: {
+      /**
+       * pointer-events-none absolute right-4 top-1/2 -translate-y-1/2
+       */
+      pointerEvents: "none",
+      position: "absolute",
+      top: "50%",
+      transform: "translateY(-50%)",
+      right: 4,
+      /**
+       * ${props['aria-disabled'] ? 'text-solid-gray-420 forced-colors:text-[GrayText]' : 'text-solid-gray-900 forced-colors:text-[CanvasText]'}
+       */
+      color: {
+        base: { base: "solid-gray.900", _highContrast: "CanvasText" },
+        _disabled: { base: "solid-gray.420", _highContrast: "GrayText" }
+      }
+    },
+    clearTrigger: {
+      position: "absolute",
+      top: "50%",
+      right: 12,
+      transform: "translateY(-50%)"
+    },
+    content: {
+      ...menu_default.base?.content
+    },
+    itemGroupLabel: {
+      textStyle: "oln-16N-1",
+      fontWeight: "bold",
+      py: 3,
+      pl: 3,
+      pr: 6
+    },
+    item: {
+      ...menu_default.base?.item
+    },
+    itemIndicator: {
+      pointerEvents: "none",
+      position: "absolute",
+      right: 4,
+      top: "50%",
+      transform: "translateY(-50%)"
+    }
+  },
+  variants: {
+    size: {
+      lg: {
+        trigger: {
+          ...select_box_default.variants?.size?.lg
+        },
+        label: { ...label_default.variants?.size?.lg }
+      },
+      md: {
+        trigger: {
+          ...select_box_default.variants?.size?.md
+        },
+        label: { ...label_default.variants?.size?.md }
+      },
+      sm: {
+        trigger: {
+          ...select_box_default.variants?.size?.sm
+        },
+        label: { ...label_default.variants?.size?.sm }
+      }
+    },
+    invalid: {
+      true: {
+        trigger: {
+          ...select_box_default.variants?.invalid?.true
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "lg",
+    invalid: false
+  }
+});
+
+// src/recipes/table.ts
+var import_dev29 = require("@pandacss/dev");
+var table_default = (0, import_dev29.defineSlotRecipe)({
+  className: "table",
+  slots: [
+    "root",
+    "head",
+    "body",
+    "foot",
+    "row",
+    "header",
+    "cell",
+    "colgroup",
+    "col",
+    "caption"
+  ],
+  base: {
+    root: {
+      /**
+       * w-full text-std-16N-170
+       */
+      width: "full"
+    },
+    head: {
+      "& tr": {
+        /**
+         * border-black bg-solid-gray-50
+         */
+        borderColor: "black",
+        bg: "solid-gray.50"
+      }
+    },
+    body: {
+      "& tr": {
+        /**
+         * border-solid-gray-420
+         */
+        borderColor: "solid-gray.420"
+        /**
+         * [&:has(input:checked)]:bg-blue-100
+         */
+        /*
+        "&:has(input:checked)": {
+          bg: "keyColor.100",
+        },
+        */
+      }
+    },
+    foot: {},
+    row: {
+      /**
+       * border-b
+       */
+      borderBottomWidth: "1px",
+      "tbody > &:has(input:checked)": { bg: "keyColor.100" }
+    },
+    header: {
+      /**
+       * px-4 text-start align-top
+       */
+      px: 4,
+      verticalAlign: "top",
+      textAlign: "start"
+    },
+    cell: {
+      /**
+       * px-4 align-top
+       */
+      px: 4,
+      verticalAlign: "top"
+    },
+    caption: {
+      mb: 4,
+      textStyle: "oln-17B-100"
+    }
+  },
+  variants: {
+    dense: {
+      false: {
+        root: {
+          textStyle: "std-16N-170"
+        },
+        header: {
+          /**
+           * py-5
+           */
+          py: 5
+        },
+        cell: {
+          /**
+           * py-5
+           */
+          py: 5
+        }
+      },
+      true: {
+        root: {
+          textStyle: "std-16N-120"
+        },
+        header: {
+          /**
+           * py-2.5
+           */
+          py: 2.5
+        },
+        cell: {
+          /**
+           * py-2.5
+           */
+          py: 2.5
+        }
+      }
+    },
+    striped: {
+      true: {
+        body: {
+          "& tr": {
+            _even: {
+              "&:not(:has(input:checked))": { bg: "{colors.keyColor.50}/25" }
+            }
+          }
+        }
+      }
+    },
+    hovered: {
+      true: {
+        body: {
+          "& tr": {
+            _hover: {
+              bg: "keyColor.50"
+            }
+          }
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    dense: false,
+    striped: false,
+    hovered: false
+  }
+});
+
+// src/recipes/tabs.ts
+var import_dev30 = require("@pandacss/dev");
+var import_tabs = require("@ark-ui/anatomy/tabs");
+var tabs_default = (0, import_dev30.defineSlotRecipe)({
+  className: "tabs",
+  slots: import_tabs.anatomy.keys(),
+  base: {
+    root: {
+      p: 1.5,
+      mx: -1.5
+    },
+    list: {
+      /**
+       * flex w-full min-w-max items-end whitespace-nowrap
+       * border-b border-solid-gray-420
+       */
+      display: "flex",
+      width: "full",
+      alignItems: "end",
+      whiteSpace: "nowrap",
+      borderBottomWidth: "1px",
+      borderColor: "solid-gray.420",
+      overflowX: "auto"
+    },
+    trigger: {
+      /**
+       * relative z-0 inline-flex gap-2 justify-center items-center
+       * text-oln-14B-100 md:text-oln-16B-100
+       */
+      position: "relative",
+      zIndex: 0,
+      display: "inline-flex",
+      gap: 2,
+      justifyContent: "center",
+      alignItems: "center",
+      textStyle: { base: "oln-14B-100", md: "oln-16B-100" },
+      /**
+       * px-4 py-6 group md:px-8 md:py-6
+       * hover:bg-solid-gray-50 focus-visible:bg-yellow-300
+       * aria-[current=page]:bg-white
+       */
+      px: { base: 4, md: 8 },
+      py: 6,
+      bg: {
+        base: "transparent",
+        _hover: "solid-gray.50",
+        _focusVisible: { base: "yellow.300", _hover: "yellow.300" },
+        _selected: {
+          base: "white",
+          _hover: "white",
+          _focusVisible: "yellow.300"
+        }
+      },
+      /**
+       * focus-visible:z-10 focus-visible:rounded-4
+       * focus-visible:outline focus-visible:outline-4
+       * focus-visible:outline-offset-[calc(2/16*1rem)] focus-visible:outline-black
+       * focus-visible:ring-[calc(2/16*1rem)] focus-visible:ring-yellow-300
+       */
+      _focusVisible: {
+        zIndex: 10,
+        rounded: 4,
+        outlineStyle: "solid",
+        outlineWidth: "4px",
+        outlineColor: "black",
+        outlineOffset: "calc(2 / 16 * 1rem)",
+        focusRing: "calc(2 / 16 * 1rem)"
+      },
+      _selected: {
+        /**
+         * relative text-blue-900
+         * after:absolute after:bottom-0 after:left-0 after:w-full after:border-b-4
+         * after:border-current
+         * aria-[current=page]:cursor-default
+         */
+        color: "keyColor.900",
+        cursor: "default",
+        _after: {
+          content: '""',
+          position: "absolute",
+          bottom: 0,
+          left: 0,
+          width: "full",
+          borderBottomWidth: "4px",
+          borderBlockColor: "currentcolor"
+        }
+      }
+    }
+  }
+});
+
+// src/recipes/tree-view.ts
+var import_dev31 = require("@pandacss/dev");
+var import_tree_view = require("@ark-ui/anatomy/tree-view");
+var tree_view_default = (0, import_dev31.defineSlotRecipe)({
+  className: "tree-view",
+  slots: import_tree_view.anatomy.keys(),
+  base: {
+    root: {},
+    label: {
+      py: 3,
+      pl: 3,
+      pr: 6,
+      textStyle: "oln-17B-100",
+      textWrap: "nowrap",
+      display: "block"
+    },
+    tree: {},
+    item: {
+      ...menu_item_default.base
+    },
+    itemIndicator: {
+      transition: "transform",
+      transform: { base: "rotate(0deg)", _open: "rotate(90deg)" }
+    },
+    itemText: {
+      flexGrow: 1
+    },
+    branch: {},
+    branchControl: { ...menu_item_default.base },
+    branchTrigger: {},
+    branchContent: {
+      my: 1,
+      pl: 8
+    },
+    branchIndicator: {
+      position: "absolute",
+      right: 4,
+      transition: "transform",
+      transform: { base: "rotate(0deg)", _open: "rotate(90deg)" }
+    },
+    branchText: {
+      flexGrow: 1
+    }
+  },
+  variants: {
+    variant: {
+      standard: {
+        item: {
+          ...menu_item_default.variants?.variant?.standard
+        },
+        branchControl: {
+          ...menu_item_default.variants?.variant?.standard
+        }
+      },
+      boxed: {
+        item: {
+          ...menu_item_default.variants?.variant?.boxed
+        },
+        branchControl: {
+          ...menu_item_default.variants?.variant?.boxed
+        }
+      }
+    },
+    isCondensed: {
+      true: {
+        label: {
+          py: 1.5,
+          pl: 1.5,
+          pr: 4
+        },
+        item: {
+          ...menu_item_default.variants?.isCondensed?.true
+        },
+        branchControl: {
+          ...menu_item_default.variants?.isCondensed?.true
+        }
+      },
+      false: {
+        item: {
+          ...menu_item_default.variants?.isCondensed?.false
+        },
+        branchControl: {
+          ...menu_item_default.variants?.isCondensed?.false
+        }
+      }
+    }
+  }
+});
+
+// src/recipes/unordered-list.ts
+var import_dev32 = require("@pandacss/dev");
+var unordered_list_default = (0, import_dev32.defineRecipe)({
+  className: "unordered-list",
+  base: {
+    /**
+     * pl-8 list-[revert]
+     */
+    pl: 8,
+    listStyle: "revert",
+    /**
+     * [&_:where(ol,ul)]:mt-1 [&_:where(ol,ul)]:-mb-1
+     */
+    "&:where(ol,ul)": {
+      mt: 1,
+      mb: -1
+    }
+  }
+});
+
+// src/recipes/utility-link.ts
+var import_dev33 = require("@pandacss/dev");
+var utility_link_default = (0, import_dev33.defineRecipe)({
+  className: "utility-link",
+  description: "\u30E6\u30FC\u30C6\u30A3\u30EA\u30C6\u30A3\u30EA\u30F3\u30AF\u306F\u3075\u3064\u3046\u306E\u6A2A\u4E26\u3073\u30EA\u30F3\u30AF\u30EA\u30B9\u30C8\u306B\u8FD1\u3044\u304C\u3001\u305D\u308C\u3088\u308A\u3082\u30B3\u30F3\u30D1\u30AF\u30C8\u306B\u4F5C\u3089\u308C\u3066\u3044\u307E\u3059\u3002",
+  base: {
+    /**
+     * !text-solid-gray-800 text-dns-16N-130
+     * focus-visible:bg-yellow-300 focus-visible:text-blue-1000
+     */
+    textStyle: "dns-16N-130",
+    color: {
+      base: "solid-gray.800",
+      _focusVisible: "keyColor.1000"
+    },
+    bg: { base: "transparent", _focusVisible: "yellow.300" },
+    /**
+     * underline underline-offset-[calc(3/16*1rem)]
+     * hover:decoration-[calc(3/16*1rem)]
+     */
+    textDecoration: "underline",
+    textDecorationThickness: {
+      base: "1px",
+      _hover: "calc(3 / 16 * 1rem)"
+    },
+    textUnderlineOffset: "calc(3 / 16 * 1rem)",
+    /**
+     * focus-visible:rounded-4
+     * 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
+     */
+    _focusVisible: {
+      rounded: 4,
+      outlineStyle: "solid",
+      outlineWidth: "4px",
+      outlineColor: "black",
+      outlineOffset: "calc(2 / 16 * 1rem)",
+      focusRing: "calc(2 / 16 * 1rem)"
+    },
+    /**
+     * with icon
+     */
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 1,
+    "& svg": {
+      width: "1em",
+      height: "1em"
+    }
+  }
+});
+
+// src/recipes/index.ts
+var recipes = {
+  accordion: accordion_default,
+  breadcrumb: breadcrumb_default,
+  button: button_default,
+  checkbox: checkbox_default,
+  drawer: drawer_default,
+  disclosure: disclosure_default,
+  digitalGoDivider: divider_default,
+  errorText: error_text_default,
+  hamburgerMenuButton: hamburger_menu_button_default,
+  input: input_default,
+  inputText: input_text_default,
+  label: label_default,
+  legend: legend_default,
+  link: link_default,
+  list: list_default,
+  menu: menu_default,
+  menuItem: menu_item_default,
+  menuList: menu_list_default,
+  notificationBanner: notification_banner_default,
+  orderedList: ordered_list_default,
+  radio: radio_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,
+  textarea: textarea_default,
+  treeView: tree_view_default,
+  unorderedList: unordered_list_default,
+  utilityLink: utility_link_default
+};
+var recipes_default = recipes;
+
+// src/index.ts
+var base = {
+  name: "digital-go-pandacss-preset",
+  presets: [import_digital_go_pandacss_plugin.default],
+  theme: {
+    recipes: recipes_default
+  }
+};
+var index_default = (0, import_dev34.definePreset)(base);
+var createPreset = (keyColor) => (0, import_dev34.definePreset)({
+  ...base,
+  theme: {
+    ...base.theme,
+    extend: {
+      semanticTokens: {
+        colors: {
+          keyColor: (0, import_digital_go_pandacss_utils.createKeyColor)(keyColor ?? "blue")
+        }
+      }
+    }
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createPreset
+});