@mekari/pixel3-radio 0.0.0

package/dist/chunk-ISKDJ7UA.mjs

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/modules/radio.props.ts
+var radioProps = {
+  id: {
+    type: String,
+    default: ""
+  },
+  name: {
+    type: String
+  },
+  value: {
+    type: String
+  },
+  modelValue: {
+    type: String
+  },
+  isChecked: {
+    type: Boolean
+  },
+  isDisabled: {
+    type: Boolean
+  },
+  isInvalid: {
+    type: Boolean
+  },
+  isReadonly: {
+    type: Boolean
+  }
+};
+
+export {
+  __name,
+  radioProps
+};

package/dist/chunk-N5I6KEUN.mjs

@@ -0,0 +1,97 @@
+import {
+  __name,
+  radioProps
+} from "./chunk-ISKDJ7UA.mjs";
+
+// src/radio.tsx
+import { isVNode as _isVNode, createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { MpText } from "@mekari/pixel3-text";
+import { radioSlotRecipe, sharedSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !_isVNode(s);
+}
+__name(_isSlot, "_isSlot");
+var MpRadio = defineComponent({
+  name: "MpRadio",
+  props: radioProps,
+  emits: ["click", "change", "update:isChecked", "update:modelValue"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const classes = radioSlotRecipe();
+    const sharedClasses = sharedSlotRecipe();
+    const handleChecked = /* @__PURE__ */ __name(() => {
+      if (props.modelValue) {
+        return props.modelValue === props.value;
+      }
+      return props.isChecked;
+    }, "handleChecked");
+    const onChange = /* @__PURE__ */ __name(() => {
+      if (!props.isDisabled || !props.isReadonly) {
+        emit("change", !props.isChecked, props.value);
+        emit("update:modelValue", props.value);
+        emit("update:isChecked", !props.isChecked);
+      }
+    }, "onChange");
+    const onClick = /* @__PURE__ */ __name((event) => {
+      emit("click", event);
+    }, "onClick");
+    return () => {
+      const children = slots.default && slots.default();
+      const description = slots.description && slots.description();
+      const {
+        id,
+        name,
+        value,
+        isDisabled,
+        isInvalid,
+        isReadonly
+      } = props;
+      return _createVNode("label", {
+        "for": id,
+        "role": "radio",
+        "class": classes.root,
+        "data-pixel-component": "MpRadio",
+        "data-has-description": Boolean(description),
+        "aria-checked": handleChecked(),
+        "aria-disabled": isDisabled,
+        "aria-invalid": isInvalid,
+        "aria-readonly": isReadonly
+      }, [_createVNode("input", {
+        "id": id,
+        "class": sharedClasses.hidden,
+        "type": "radio",
+        "name": name,
+        "value": value,
+        "checked": handleChecked(),
+        "disabled": isDisabled ? true : void 0,
+        "onChange": onChange,
+        "onClick": onClick
+      }, null), _createVNode("div", {
+        "class": classes.control
+      }, [_createVNode("div", {
+        "style": {
+          visibility: handleChecked() ? "visible" : "hidden"
+        }
+      }, null)]), _createVNode("div", {
+        "class": classes.label
+      }, [_createVNode(MpText, {
+        "as": "span",
+        "size": "label",
+        "color": isDisabled ? "gray.400" : "dark"
+      }, _isSlot(children) ? children : {
+        default: () => [children]
+      }), description && _createVNode(MpText, {
+        "color": isDisabled ? "gray.400" : "gray.600"
+      }, _isSlot(description) ? description : {
+        default: () => [description]
+      })])]);
+    };
+  }
+});
+
+export {
+  MpRadio
+};

package/dist/index.d.mts

@@ -0,0 +1,2 @@
+export { MpRadio } from './radio.mjs';
+import 'vue';

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { MpRadio } from './radio.js';
+import 'vue';

package/dist/index.js

@@ -0,0 +1,150 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var src_exports = {};
+__export(src_exports, {
+  MpRadio: () => MpRadio
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/radio.tsx
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_pixel3_text = require("@mekari/pixel3-text");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+
+// src/modules/radio.props.ts
+var radioProps = {
+  id: {
+    type: String,
+    default: ""
+  },
+  name: {
+    type: String
+  },
+  value: {
+    type: String
+  },
+  modelValue: {
+    type: String
+  },
+  isChecked: {
+    type: Boolean
+  },
+  isDisabled: {
+    type: Boolean
+  },
+  isInvalid: {
+    type: Boolean
+  },
+  isReadonly: {
+    type: Boolean
+  }
+};
+
+// src/radio.tsx
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, import_vue.isVNode)(s);
+}
+__name(_isSlot, "_isSlot");
+var MpRadio = (0, import_vue2.defineComponent)({
+  name: "MpRadio",
+  props: radioProps,
+  emits: ["click", "change", "update:isChecked", "update:modelValue"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const classes = (0, import_recipes.radioSlotRecipe)();
+    const sharedClasses = (0, import_recipes.sharedSlotRecipe)();
+    const handleChecked = /* @__PURE__ */ __name(() => {
+      if (props.modelValue) {
+        return props.modelValue === props.value;
+      }
+      return props.isChecked;
+    }, "handleChecked");
+    const onChange = /* @__PURE__ */ __name(() => {
+      if (!props.isDisabled || !props.isReadonly) {
+        emit("change", !props.isChecked, props.value);
+        emit("update:modelValue", props.value);
+        emit("update:isChecked", !props.isChecked);
+      }
+    }, "onChange");
+    const onClick = /* @__PURE__ */ __name((event) => {
+      emit("click", event);
+    }, "onClick");
+    return () => {
+      const children = slots.default && slots.default();
+      const description = slots.description && slots.description();
+      const {
+        id,
+        name,
+        value,
+        isDisabled,
+        isInvalid,
+        isReadonly
+      } = props;
+      return (0, import_vue.createVNode)("label", {
+        "for": id,
+        "role": "radio",
+        "class": classes.root,
+        "data-pixel-component": "MpRadio",
+        "data-has-description": Boolean(description),
+        "aria-checked": handleChecked(),
+        "aria-disabled": isDisabled,
+        "aria-invalid": isInvalid,
+        "aria-readonly": isReadonly
+      }, [(0, import_vue.createVNode)("input", {
+        "id": id,
+        "class": sharedClasses.hidden,
+        "type": "radio",
+        "name": name,
+        "value": value,
+        "checked": handleChecked(),
+        "disabled": isDisabled ? true : void 0,
+        "onChange": onChange,
+        "onClick": onClick
+      }, null), (0, import_vue.createVNode)("div", {
+        "class": classes.control
+      }, [(0, import_vue.createVNode)("div", {
+        "style": {
+          visibility: handleChecked() ? "visible" : "hidden"
+        }
+      }, null)]), (0, import_vue.createVNode)("div", {
+        "class": classes.label
+      }, [(0, import_vue.createVNode)(import_pixel3_text.MpText, {
+        "as": "span",
+        "size": "label",
+        "color": isDisabled ? "gray.400" : "dark"
+      }, _isSlot(children) ? children : {
+        default: () => [children]
+      }), description && (0, import_vue.createVNode)(import_pixel3_text.MpText, {
+        "color": isDisabled ? "gray.400" : "gray.600"
+      }, _isSlot(description) ? description : {
+        default: () => [description]
+      })])]);
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MpRadio
+});

package/dist/index.mjs

@@ -0,0 +1,7 @@
+import {
+  MpRadio
+} from "./chunk-N5I6KEUN.mjs";
+import "./chunk-ISKDJ7UA.mjs";
+export {
+  MpRadio
+};

package/dist/metafile-cjs.json

@@ -0,0 +1 @@
+{"inputs":{"src/modules/radio.props.ts":{"bytes":434,"imports":[],"format":"esm"},"src/radio.tsx":{"bytes":2944,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/radio.props.ts","kind":"import-statement","original":"./modules/radio.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.tsx":{"bytes":119,"imports":[{"path":"src/radio.tsx","kind":"import-statement","original":"./radio"}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.tsx","inputs":{"src/index.tsx":{"bytesInOutput":119},"src/radio.tsx":{"bytesInOutput":3052},"src/modules/radio.props.ts":{"bytesInOutput":325}},"bytes":4571},"dist/radio.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/radio.tsx","inputs":{"src/radio.tsx":{"bytesInOutput":3177},"src/modules/radio.props.ts":{"bytesInOutput":325}},"bytes":4559},"dist/modules/radio.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/radio.props.ts","inputs":{"src/modules/radio.props.ts":{"bytesInOutput":474}},"bytes":1408}}}

package/dist/metafile-esm.json

@@ -0,0 +1 @@
+{"inputs":{"src/modules/radio.props.ts":{"bytes":434,"imports":[],"format":"esm"},"src/radio.tsx":{"bytes":2944,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/radio.props.ts","kind":"import-statement","original":"./modules/radio.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.tsx":{"bytes":119,"imports":[{"path":"src/radio.tsx","kind":"import-statement","original":"./radio"}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-N5I6KEUN.mjs","kind":"import-statement"},{"path":"dist/chunk-ISKDJ7UA.mjs","kind":"import-statement"}],"exports":["MpRadio"],"entryPoint":"src/index.tsx","inputs":{"src/index.tsx":{"bytesInOutput":0}},"bytes":103},"dist/radio.mjs":{"imports":[{"path":"dist/chunk-N5I6KEUN.mjs","kind":"import-statement"},{"path":"dist/chunk-ISKDJ7UA.mjs","kind":"import-statement"}],"exports":["MpRadio"],"entryPoint":"src/radio.tsx","inputs":{},"bytes":103},"dist/chunk-N5I6KEUN.mjs":{"imports":[{"path":"dist/chunk-ISKDJ7UA.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpRadio"],"inputs":{"src/radio.tsx":{"bytesInOutput":2890}},"bytes":2994},"dist/modules/radio.props.mjs":{"imports":[{"path":"dist/chunk-ISKDJ7UA.mjs","kind":"import-statement"}],"exports":["radioProps"],"entryPoint":"src/modules/radio.props.ts","inputs":{},"bytes":79},"dist/chunk-ISKDJ7UA.mjs":{"imports":[],"exports":["__name","radioProps"],"inputs":{"src/modules/radio.props.ts":{"bytesInOutput":325}},"bytes":521}}}

package/dist/modules/radio.props.d.mts

@@ -0,0 +1,29 @@
+declare const radioProps: {
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    value: {
+        type: StringConstructor;
+    };
+    modelValue: {
+        type: StringConstructor;
+    };
+    isChecked: {
+        type: BooleanConstructor;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+    };
+    isReadonly: {
+        type: BooleanConstructor;
+    };
+};
+
+export { radioProps };

package/dist/modules/radio.props.d.ts

@@ -0,0 +1,29 @@
+declare const radioProps: {
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    value: {
+        type: StringConstructor;
+    };
+    modelValue: {
+        type: StringConstructor;
+    };
+    isChecked: {
+        type: BooleanConstructor;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+    };
+    isReadonly: {
+        type: BooleanConstructor;
+    };
+};
+
+export { radioProps };

package/dist/modules/radio.props.js

@@ -0,0 +1,56 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/modules/radio.props.ts
+var radio_props_exports = {};
+__export(radio_props_exports, {
+  radioProps: () => radioProps
+});
+module.exports = __toCommonJS(radio_props_exports);
+var radioProps = {
+  id: {
+    type: String,
+    default: ""
+  },
+  name: {
+    type: String
+  },
+  value: {
+    type: String
+  },
+  modelValue: {
+    type: String
+  },
+  isChecked: {
+    type: Boolean
+  },
+  isDisabled: {
+    type: Boolean
+  },
+  isInvalid: {
+    type: Boolean
+  },
+  isReadonly: {
+    type: Boolean
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  radioProps
+});

package/dist/modules/radio.props.mjs

@@ -0,0 +1,6 @@
+import {
+  radioProps
+} from "../chunk-ISKDJ7UA.mjs";
+export {
+  radioProps
+};

package/dist/radio.d.mts

@@ -0,0 +1,68 @@
+import * as vue from 'vue';
+
+declare const MpRadio: vue.DefineComponent<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    value: {
+        type: StringConstructor;
+    };
+    modelValue: {
+        type: StringConstructor;
+    };
+    isChecked: {
+        type: BooleanConstructor;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+    };
+    isReadonly: {
+        type: BooleanConstructor;
+    };
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "change" | "update:isChecked" | "update:modelValue")[], "click" | "change" | "update:isChecked" | "update:modelValue", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    value: {
+        type: StringConstructor;
+    };
+    modelValue: {
+        type: StringConstructor;
+    };
+    isChecked: {
+        type: BooleanConstructor;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+    };
+    isReadonly: {
+        type: BooleanConstructor;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:isChecked"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    id: string;
+    isChecked: boolean;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    isReadonly: boolean;
+}, {}>;
+
+export { MpRadio };

package/dist/radio.d.ts

@@ -0,0 +1,68 @@
+import * as vue from 'vue';
+
+declare const MpRadio: vue.DefineComponent<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    value: {
+        type: StringConstructor;
+    };
+    modelValue: {
+        type: StringConstructor;
+    };
+    isChecked: {
+        type: BooleanConstructor;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+    };
+    isReadonly: {
+        type: BooleanConstructor;
+    };
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "change" | "update:isChecked" | "update:modelValue")[], "click" | "change" | "update:isChecked" | "update:modelValue", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    value: {
+        type: StringConstructor;
+    };
+    modelValue: {
+        type: StringConstructor;
+    };
+    isChecked: {
+        type: BooleanConstructor;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+    };
+    isInvalid: {
+        type: BooleanConstructor;
+    };
+    isReadonly: {
+        type: BooleanConstructor;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:isChecked"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    id: string;
+    isChecked: boolean;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    isReadonly: boolean;
+}, {}>;
+
+export { MpRadio };

package/dist/radio.js

@@ -0,0 +1,148 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/radio.tsx
+var radio_exports = {};
+__export(radio_exports, {
+  MpRadio: () => MpRadio
+});
+module.exports = __toCommonJS(radio_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_pixel3_text = require("@mekari/pixel3-text");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+
+// src/modules/radio.props.ts
+var radioProps = {
+  id: {
+    type: String,
+    default: ""
+  },
+  name: {
+    type: String
+  },
+  value: {
+    type: String
+  },
+  modelValue: {
+    type: String
+  },
+  isChecked: {
+    type: Boolean
+  },
+  isDisabled: {
+    type: Boolean
+  },
+  isInvalid: {
+    type: Boolean
+  },
+  isReadonly: {
+    type: Boolean
+  }
+};
+
+// src/radio.tsx
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, import_vue.isVNode)(s);
+}
+__name(_isSlot, "_isSlot");
+var MpRadio = (0, import_vue2.defineComponent)({
+  name: "MpRadio",
+  props: radioProps,
+  emits: ["click", "change", "update:isChecked", "update:modelValue"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const classes = (0, import_recipes.radioSlotRecipe)();
+    const sharedClasses = (0, import_recipes.sharedSlotRecipe)();
+    const handleChecked = /* @__PURE__ */ __name(() => {
+      if (props.modelValue) {
+        return props.modelValue === props.value;
+      }
+      return props.isChecked;
+    }, "handleChecked");
+    const onChange = /* @__PURE__ */ __name(() => {
+      if (!props.isDisabled || !props.isReadonly) {
+        emit("change", !props.isChecked, props.value);
+        emit("update:modelValue", props.value);
+        emit("update:isChecked", !props.isChecked);
+      }
+    }, "onChange");
+    const onClick = /* @__PURE__ */ __name((event) => {
+      emit("click", event);
+    }, "onClick");
+    return () => {
+      const children = slots.default && slots.default();
+      const description = slots.description && slots.description();
+      const {
+        id,
+        name,
+        value,
+        isDisabled,
+        isInvalid,
+        isReadonly
+      } = props;
+      return (0, import_vue.createVNode)("label", {
+        "for": id,
+        "role": "radio",
+        "class": classes.root,
+        "data-pixel-component": "MpRadio",
+        "data-has-description": Boolean(description),
+        "aria-checked": handleChecked(),
+        "aria-disabled": isDisabled,
+        "aria-invalid": isInvalid,
+        "aria-readonly": isReadonly
+      }, [(0, import_vue.createVNode)("input", {
+        "id": id,
+        "class": sharedClasses.hidden,
+        "type": "radio",
+        "name": name,
+        "value": value,
+        "checked": handleChecked(),
+        "disabled": isDisabled ? true : void 0,
+        "onChange": onChange,
+        "onClick": onClick
+      }, null), (0, import_vue.createVNode)("div", {
+        "class": classes.control
+      }, [(0, import_vue.createVNode)("div", {
+        "style": {
+          visibility: handleChecked() ? "visible" : "hidden"
+        }
+      }, null)]), (0, import_vue.createVNode)("div", {
+        "class": classes.label
+      }, [(0, import_vue.createVNode)(import_pixel3_text.MpText, {
+        "as": "span",
+        "size": "label",
+        "color": isDisabled ? "gray.400" : "dark"
+      }, _isSlot(children) ? children : {
+        default: () => [children]
+      }), description && (0, import_vue.createVNode)(import_pixel3_text.MpText, {
+        "color": isDisabled ? "gray.400" : "gray.600"
+      }, _isSlot(description) ? description : {
+        default: () => [description]
+      })])]);
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MpRadio
+});

package/dist/radio.mjs

@@ -0,0 +1,7 @@
+import {
+  MpRadio
+} from "./chunk-N5I6KEUN.mjs";
+import "./chunk-ISKDJ7UA.mjs";
+export {
+  MpRadio
+};

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@mekari/pixel3-radio",
+  "description": "Radio component for mekari pixel 3",
+  "version": "0.0.0",
+  "main": "dist/index.js",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@mekari/pixel3-text": "0.0.0",
+    "@mekari/pixel3-styled-system": "0.0.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.7"
+  },
+  "devDependencies": {
+    "vue": "^3.3.7"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "default": "./dist/index.mjs"
+    }
+  },
+  "scripts": {
+    "clean": "rimraf dist .turbo",
+    "build": "tsup && pnpm build:types",
+    "build:fast": "tsup",
+    "build:types": "tsup src --dts-only",
+    "build:external": "tsup src/index.tsx --external",
+    "types:check": "tsc --noEmit",
+    "replace-config": "clean-package",
+    "restore-config": "clean-package restore"
+  }
+}