@rainbow-oh/yee-c 0.2.0 → 0.3.0

package/dist/cjs/Button/button.js

@@ -114,7 +114,7 @@ var Button = (0, import_react.forwardRef)(
     if (type) {
       switch (type) {
         case "default":
-          mergedColor = "primary";
+          mergedColor = "default";
           mergedVariant = "outlined";
           break;
         case "primary":
@@ -122,7 +122,7 @@ var Button = (0, import_react.forwardRef)(
           mergedVariant = "solid";
           break;
         case "dashed":
-          mergedColor = "primary";
+          mergedColor = "default";
           mergedVariant = "dashed";
           break;
         case "link":

package/dist/cjs/Button/style/index.less

@@ -41,18 +41,18 @@
     border: none;
 
     &:not(@{pls}-disabled):hover {
-      background-color: var(--m-btn-hover-color);
+      background-color: var(--m-btn-hover-bg-color);
     }
 
     &:not(@{pls}-disabled):active {
-      background-color: var(--m-btn-active-color);
+      background-color: var(--m-btn-active-bg-color);
     }
   }
 
   &-dashed {
     color: var(--m-btn-color);
     background-color: transparent;
-    border: var(--yee-btn-border-width) dashed var(--m-btn-color);
+    border: var(--yee-btn-border-width) dashed var(--m-btn-border-color);
 
     &:not(@{pls}-disabled):hover {
       color: var(--m-btn-hover-color);
@@ -84,7 +84,19 @@
   &-outlined {
     color: var(--m-btn-color);
     background-color: transparent;
-    border: var(--yee-btn-border-width) solid var(--m-btn-color);
+    border: var(--yee-btn-border-width) solid var(--m-btn-border-color);
+
+    &:not(@{pls}-disabled) {
+      &:hover {
+        color: var(--m-btn-hover-color);
+        border-color: var(--m-btn-border-hover-color);
+      }
+
+      &:active {
+        color: var(--m-btn-active-color);
+        border-color: var(--m-btn-border-active-color);
+      }
+    }
   }
 
   &-ghost {
@@ -134,11 +146,14 @@
   // ---- color ------
   &-default {
     --m-btn-color: var(--yee-text-color);
-    --m-btn-hover-color: var(--yee-text-color-auxiliary);
-    --m-btn-active-color: var(--yee-btn-default-active-color);
+    --m-btn-hover-color: var(--yee-primary-color);
+    --m-btn-border-color: var(--yee-border-color);
+    --m-btn-border-hover-color: var(--yee-primary-color);
     --m-btn-bg-color: var(--yee-btn-default-bg-color);
-    --m-btn-hover-bg-color: var(--yee-btn-default-bg-color);
-    --m-btn-active-bg-color: var(--yee-btn-default-bg-color);
+    --m-btn-hover-bg-color: var(--yee-text-color-auxiliary);
+    --m-btn-border-active-color: var(--yee-primary-color-active);
+    --m-btn-active-color: var(--yee-primary-color-active);
+    --m-btn-active-bg-color: var(--yee-text-color-auxiliary);
   }
 
   &-primary {

package/dist/cjs/Card/demo/collapsible.js

@@ -41,7 +41,8 @@ var collapsible_default = () => {
       title: "Card title",
       expanded: false,
       extra: /* @__PURE__ */ import_react.default.createElement("a", { href: "#" }, "More"),
-      style: { width: 300 }
+      style: { width: 300 },
+      bordered: true
     },
     /* @__PURE__ */ import_react.default.createElement("p", null, "Card content"),
     /* @__PURE__ */ import_react.default.createElement("p", null, "Card content"),

package/dist/cjs/Carousel/demo/arrows.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(arrows_exports);
 var import_yee_c = require("../..");
 var import_react = __toESM(require("react"));
 var arrows_default = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Carousel, { style: { width: "500px", height: "300px" }, arrows: "always" }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Carousel, { style: { width: "100%", height: "300px" }, arrows: "always" }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       style: {

package/dist/cjs/Carousel/demo/autoplay.js

@@ -38,7 +38,7 @@ var autoplay_default = () => {
   return /* @__PURE__ */ import_react.default.createElement(
     import_yee_c.Carousel,
     {
-      style: { width: "500px", height: "300px" },
+      style: { width: "100%", height: "300px" },
       autoplay: true,
       autoplaySpeed: 1e3
     },

package/dist/cjs/Carousel/demo/effect.js

@@ -38,7 +38,7 @@ var effect_default = () => {
   return /* @__PURE__ */ import_react.default.createElement(
     import_yee_c.Carousel,
     {
-      style: { width: "500px", height: "300px" },
+      style: { width: "100%", height: "300px" },
       effect: "fade",
       autoplay: true,
       autoplaySpeed: 2e3

package/dist/cjs/Carousel/demo/position.js

@@ -38,7 +38,7 @@ var position_default = () => {
   return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
     import_yee_c.Carousel,
     {
-      style: { width: "500px", height: "300px", marginBottom: "20px" },
+      style: { width: "100%", height: "300px", marginBottom: "20px" },
       dotPosition: "top",
       dots: true
     },

package/dist/cjs/Config-Provider/interface.d.ts

@@ -38,6 +38,7 @@ import { RadioGroupProps, RadioProps } from '../Radio';
 import { RangePickerProps } from '../RangePicker';
 import { RateProps } from '../Rate';
 import { SearchProps } from '../Search';
+import { SegmentedProps } from '../Segmented';
 import { SelectProps } from '../Select';
 import { SkeletonProps } from '../Skeleton';
 import { SliderProps } from '../Slider';
@@ -53,6 +54,7 @@ import { TextAreaProps } from '../TextArea';
 import { SpinProps } from '../Spin';
 import { TimelineProps } from '../Timeline';
 import { TooltipProps } from '../Tooltip';
+import { TourProps } from '../Tour';
 import { TransferProps } from '../Transfer';
 import { TreeProps } from '../Tree';
 import { TreeSelectProps } from '../TreeSelect';
@@ -105,6 +107,7 @@ export type GlobalCtxType = {
     rate?: RateProps;
     search?: SearchProps;
     select?: SelectProps;
+    segmented?: SegmentedProps;
     skeleton?: SkeletonProps;
     slider?: SliderProps;
     space?: SpaceProps;
@@ -121,6 +124,7 @@ export type GlobalCtxType = {
     timeline?: TimelineProps;
     highlight?: HighlightProps;
     tooltip?: TooltipProps;
+    tour?: TourProps;
     transfer?: TransferProps;
     tree?: TreeProps<unknown>;
     treeselect?: TreeSelectProps;

package/dist/cjs/Form/Field.js

@@ -81,6 +81,10 @@ function stringifyPath(path) {
 }
 var Field = (props) => {
   const {
+    style,
+    className,
+    styles,
+    classNames,
     children,
     name,
     rules,
@@ -178,25 +182,43 @@ var Field = (props) => {
   return /* @__PURE__ */ import_react2.default.createElement(
     "div",
     {
-      className: (0, import_clsx.default)(`${prefixCls}-item`, `${prefixCls}-item-${layout}`, {
-        [`${prefixCls}-item-${validate == null ? void 0 : validate.status}`]: validate && validate.status
-      })
+      className: (0, import_clsx.default)(
+        `${prefixCls}-item`,
+        `${prefixCls}-item-${layout}`,
+        {
+          [`${prefixCls}-item-${validate == null ? void 0 : validate.status}`]: validate && validate.status
+        },
+        className
+      ),
+      style
     },
     /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-item-row`) }, label || tooltipConfig ? /* @__PURE__ */ import_react2.default.createElement(
       "label",
       {
         htmlFor: normalizedName,
-        className: (0, import_clsx.default)(`${prefixCls}-item-label`, {
-          [`${prefixCls}-item-required`]: isRequired()
-        })
+        className: (0, import_clsx.default)(
+          `${prefixCls}-item-label`,
+          {
+            [`${prefixCls}-item-required`]: isRequired()
+          },
+          classNames == null ? void 0 : classNames.label
+        ),
+        style: styles == null ? void 0 : styles.label
       },
       label,
       isRequired() ? /* @__PURE__ */ import_react2.default.createElement("span", { className: `${prefixCls}-item-required-mark` }, "*") : null,
       tooltipConfig ? /* @__PURE__ */ import_react2.default.createElement(import_Tooltip.default, __spreadValues({}, tooltipConfig.tooltipProps), /* @__PURE__ */ import_react2.default.createElement("span", { className: `${prefixCls}-item-tooltip-icon` }, tooltipConfig.icon)) : null
-    ) : null, /* @__PURE__ */ import_react2.default.createElement("div", { className: `${prefixCls}-item-control` }, import_react2.default.isValidElement(children) ? import_react2.default.cloneElement(
-      children,
-      getControlled(children)
-    ) : /* @__PURE__ */ import_react2.default.createElement("span", null, children))),
+    ) : null, /* @__PURE__ */ import_react2.default.createElement(
+      "div",
+      {
+        className: (0, import_clsx.default)(`${prefixCls}-item-control`, classNames == null ? void 0 : classNames.control),
+        style: styles == null ? void 0 : styles.control
+      },
+      import_react2.default.isValidElement(children) ? import_react2.default.cloneElement(
+        children,
+        getControlled(children)
+      ) : /* @__PURE__ */ import_react2.default.createElement("span", null, children)
+    )),
     /* @__PURE__ */ import_react2.default.createElement(import_react.AnimatePresence, null, validate && /* @__PURE__ */ import_react2.default.createElement(
       import_react.motion.small,
       {

package/dist/cjs/Form/interface.d.ts

@@ -5,7 +5,7 @@ export type StoreValue = any;
 export type Store = Record<string, StoreValue>;
 export type Name = string;
 export type NamePath = string | string[] | number | (string | number)[];
-export type SemanticDOM = 'label' | 'control';
+export type FieldSemanticDOM = 'label' | 'control';
 export type InternalNamePath = (string | number)[];
 export interface FormProps<Values = any> extends DataAttributeProps {
     /**
@@ -236,6 +236,22 @@ export type FieldConfigurableTooltip = Omit<TooltipProps, 'children'> & {
 };
 export type FieldTooltip = React.ReactNode | FieldConfigurableTooltip;
 export type FieldProps = {
+    /**
+     * custom field root className
+     * */
+    className?: string;
+    /**
+     * custom field root style
+     * */
+    style?: React.CSSProperties;
+    /**
+     * Semantic DOM className
+     * */
+    classNames?: Partial<Record<FieldSemanticDOM, string>>;
+    /**
+     * Semantic DOM style
+     * */
+    styles?: Partial<Record<FieldSemanticDOM, React.CSSProperties>>;
     /**
      * Child nodes
      * */

package/dist/cjs/Menu/style/index.less

@@ -82,7 +82,7 @@
     list-style: none;
 
     &-title {
-      padding: var(--yee-menu-item-group-title-padding, 8px 16px);
+      padding: var(--yee-menu-item-group-title-padding, 4px 12px);
       color: var(
         --yee-menu-item-group-title-color,
         var(--yee-color-text-secondary)
@@ -106,7 +106,7 @@
     margin: var(--yee-menu-item-divider-margin, 4px 0);
     border-top: var(
       --yee-menu-item-divider-border,
-      1px solid var(--yee-color-border)
+      1px solid var(--yee-border-color)
     );
   }
 

package/dist/cjs/Radio/demo/button.js

@@ -59,6 +59,7 @@ var button_default = () => {
       value: value2,
       onChange: (e) => setValue2(e),
       buttonStyle: "solid",
+      gap: 8,
       options: [
         { value: "a", label: "Hangzhou" },
         { value: "b", label: "Shanghai" },

package/dist/cjs/Radio/interface.d.ts

@@ -97,6 +97,10 @@ export interface RadioGroupProps {
      * Whether to toggle checked state
      */
     toggleable?: boolean;
+    /**
+     * Set the interval between radios
+     * */
+    gap?: number;
     /**
      * Callback when value changes
      */

package/dist/cjs/Radio/radio-group.js

@@ -77,6 +77,7 @@ var RadioGroup = import_react.default.forwardRef(
     const _a = props, {
       prefixCls = "yee-radio-group",
       className,
+      style,
       name = uid,
       value,
       defaultValue,
@@ -84,10 +85,12 @@ var RadioGroup = import_react.default.forwardRef(
       buttonStyle,
       disabled,
       size,
+      gap,
       onChange
     } = _a, rest = __objRest(_a, [
       "prefixCls",
       "className",
+      "style",
       "name",
       "value",
       "defaultValue",
@@ -95,6 +98,7 @@ var RadioGroup = import_react.default.forwardRef(
       "buttonStyle",
       "disabled",
       "size",
+      "gap",
       "onChange"
     ]);
     const [mergedValue, setMergedValue] = (0, import_useMergedState.default)("", {
@@ -105,7 +109,8 @@ var RadioGroup = import_react.default.forwardRef(
       prefixCls,
       {
         [`${prefixCls}-${buttonStyle}`]: buttonStyle,
-        [`${prefixCls}-${size}`]: size
+        [`${prefixCls}-${size}`]: size,
+        [`${prefixCls}-with-gap`]: gap
       },
       className
     );
@@ -113,21 +118,30 @@ var RadioGroup = import_react.default.forwardRef(
       setMergedValue(event.target.value);
       onChange == null ? void 0 : onChange(event.target.value, event);
     };
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: cls, ref, role: "radiogroup" }, /* @__PURE__ */ import_react.default.createElement(
-      GroupCtx.Provider,
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
       {
-        value: { name, buttonStyle, onChange: handleChange }
+        className: cls,
+        style: __spreadProps(__spreadValues({}, style), { gap }),
+        ref,
+        role: "radiogroup"
       },
-      options == null ? void 0 : options.map((option, index) => /* @__PURE__ */ import_react.default.createElement(
-        import_radio.default,
-        __spreadProps(__spreadValues(__spreadValues({
-          disabled
-        }, rest), option), {
-          checked: option.value === mergedValue,
-          key: option.value || index
-        })
-      ))
-    ));
+      /* @__PURE__ */ import_react.default.createElement(
+        GroupCtx.Provider,
+        {
+          value: { name, buttonStyle, onChange: handleChange }
+        },
+        options == null ? void 0 : options.map((option, index) => /* @__PURE__ */ import_react.default.createElement(
+          import_radio.default,
+          __spreadProps(__spreadValues(__spreadValues({
+            disabled
+          }, rest), option), {
+            checked: option.value === mergedValue,
+            key: option.value || index
+          })
+        ))
+      )
+    );
   }
 );
 RadioGroup.displayName = "RadioGroup";

package/dist/cjs/Radio/radio.js

@@ -76,6 +76,7 @@ var Radio = import_react.default.forwardRef(
       prefixCls = "yee-radio",
       className,
       classNames,
+      style,
       styles,
       label,
       children,
@@ -89,6 +90,7 @@ var Radio = import_react.default.forwardRef(
       "prefixCls",
       "className",
       "classNames",
+      "style",
       "styles",
       "label",
       "children",
@@ -132,7 +134,7 @@ var Radio = import_react.default.forwardRef(
       },
       className
     );
-    return /* @__PURE__ */ import_react.default.createElement("label", { className: cls, onClick: handleClick }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement("label", { className: cls, style, onClick: handleClick }, /* @__PURE__ */ import_react.default.createElement(
       "span",
       {
         className: (0, import_clsx.default)(prefixCls, {

package/dist/cjs/Radio/style/index.less

@@ -9,9 +9,17 @@
     gap: var(--yee-radio-group-gap);
 
     &-small {
+      @{pls}-button-wrapper {
+        font-size: var(--yee-radio-font-small-size);
+        padding: var(--yee-radio-small-padding);
+      }
     }
 
     &-large {
+      @{pls}-button-wrapper {
+        font-size: var(--yee-radio-font-large-size);
+        padding: var(--yee-radio-large-padding);
+      }
     }
 
     &-solid {
@@ -55,7 +63,7 @@
           bottom: 0;
           border-color: transparent;
           border-style: solid;
-          border-width: var(--yee-radio-cornermark-border-width);
+          border-width: calc(var(--yee-radio-cornermark-border-width) / 3 * 2);
           border-right-color: var(--yee-radio-inner-checked-border-color);
           border-bottom-color: var(--yee-radio-inner-checked-border-color);
           content: '';
@@ -64,10 +72,10 @@
         &::before {
           position: absolute;
           z-index: 1;
-          right: 5px;
-          top: 14px;
-          width: 4px;
-          height: 8px;
+          right: 3px;
+          top: 18px;
+          width: 3px;
+          height: 7px;
           border: 2px solid #fff;
           border-width: 0 2px 2px 0;
           transform: rotate(45deg);
@@ -81,6 +89,12 @@
         margin-left: -1px;
       }
     }
+
+    &-with-gap {
+      @{pls}-button-wrapper {
+        border-radius: var(--yee-radio-button-wrapper-border-radius);
+      }
+    }
   }
 
   &-wrapper {

package/dist/cjs/Segmented/demo/basic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Segmented/demo/basic.js

@@ -0,0 +1,51 @@
+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/Segmented/demo/basic.tsx
+var basic_exports = {};
+__export(basic_exports, {
+  default: () => basic_default
+});
+module.exports = __toCommonJS(basic_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var basic_default = () => {
+  const [value, setValue] = (0, import_react.useState)("daily");
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical" }, /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Segmented,
+    {
+      options: [
+        { label: "Daily", value: "daily" },
+        { label: "Weekly", value: "weekly" },
+        { label: "Monthly", value: "monthly" }
+      ],
+      value,
+      onChange: setValue
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { options: ["List", "Table", "Chart"], defaultValue: "List" }), /* @__PURE__ */ import_react.default.createElement("div", null, "Selected: ", value));
+};

package/dist/cjs/Segmented/demo/block.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Segmented/demo/block.js

@@ -0,0 +1,49 @@
+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/Segmented/demo/block.tsx
+var block_exports = {};
+__export(block_exports, {
+  default: () => block_default
+});
+module.exports = __toCommonJS(block_exports);
+var import_yee_c = require("../..");
+var import_lucide_react = require("lucide-react");
+var import_react = __toESM(require("react"));
+var block_default = () => /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 480 } }, /* @__PURE__ */ import_react.default.createElement(
+  import_yee_c.Segmented,
+  {
+    block: true,
+    defaultValue: "list",
+    options: [
+      { label: "List", value: "list", icon: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.List, { size: 16 }) },
+      { label: "Grid", value: "grid", icon: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.LayoutGrid, { size: 16 }) },
+      { label: "Detail", value: "detail" }
+    ]
+  }
+));

package/dist/cjs/Segmented/demo/disabled.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Segmented/demo/disabled.js

@@ -0,0 +1,47 @@
+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/Segmented/demo/disabled.tsx
+var disabled_exports = {};
+__export(disabled_exports, {
+  default: () => disabled_default
+});
+module.exports = __toCommonJS(disabled_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var disabled_default = () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+  import_yee_c.Segmented,
+  {
+    options: [
+      { label: "A", value: "a" },
+      { label: "B", value: "b", disabled: true },
+      { label: "C", value: "c" }
+    ],
+    defaultValue: "a"
+  }
+), /* @__PURE__ */ import_react.default.createElement("br", null), /* @__PURE__ */ import_react.default.createElement("br", null), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { disabled: true, options: ["A", "B", "C"], defaultValue: "A" }));

package/dist/cjs/Segmented/demo/size.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;