amotify 0.1.30 → 0.1.32

package/dist/fn/Input/RichSelect.js

@@ -1 +1,279 @@
-import{b as t,c as a,d as O}from"../../chunk-VY3566IV.js";import{jsx as n}from"react/jsx-runtime";import{useState as R}from"react";import{$$ as s}from"../../@utils/_";import M from"../../atoms/Box";import P from"../../atoms/FAI";import $ from"../../mols/Column";import j from"../Button";import _ from"../Tooltips";import{Wrapper as K,BoxWrapper as z,CommonEffects as G,DefaultStyles as Q}from"./core";import X from"./Parts";import{InputRichSelectClasses as Y,InputClasses as Z}from"../../@styles/componentClasses/_";function w(e){let{value:l,params:r}=e,{required:o,options:i}=r,p=[];return o&&(!i.length||i.length&&s.is.nullish(JSON.parse(l)))&&p.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"}),{ok:!p.filter(({type:d})=>d=="invalid").length,notice:p}}const ee=e=>{let E=e,{tone:l,required:r,form:o,className:i,enableFormSubmit:p,enableUnSelected:d,checkValidationAtFirst:b,onChange:I,onKeyDown:V,onValidate:C,onUpdateValue:f,onUpdateValidValue:h,value:y="",options:x,placeholder:k,leftIndicator:le,rightIndicator:ne,leftIcon:oe,rightIcon:ae,componentID:ie,status_id:ue,cellStyles:A,sheetStyles:m,gravityPoint:F}=E,L=O(E,["tone","required","form","className","enableFormSubmit","enableUnSelected","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","value","options","placeholder","leftIndicator","rightIndicator","leftIcon","rightIcon","componentID","status_id","cellStyles","sheetStyles","gravityPoint"]),H={componentID:e.componentID||"",dataValue:y,eventType:"init",eventID:s.uuid.gen()},[D]=R(s.uuid.gen()),[u,S]=R(H),[v,J]=R({ok:!1,notice:[]});G({type:"richSelect",params:e,val_status:u,set_status:S,ExtraOverrideParams:{dataValue:y,formatValue:y},val_validate:v,set_validate:J,DefaultValidation:w,onUpdateValue:f,onUpdateValidValue:h});let T=n(M,{fontColor:"4.thin",textAlign:"left",children:k||"\u9078\u629E"});if(u.dataValue){let c=x.find(g=>g.type=="button"&&g.value==u.dataValue);c&&(T=c.selectedLabel||c.label)}return n(z,{val_status:u,set_status:S,val_validate:v,params:e,children:n("button",a(t({},L),{"data-form":o,"data-validation":v.ok,"data-component-id":u.componentID,"data-value":u.dataValue,"data-input-type":"richSelect",className:[i,Y("SelectLegend"),Z("InputCover")].join(" "),onClick:c=>{_.open({tipsID:D,parent:c.currentTarget,gravityPoint:F||13,close_option:{parentBlur:!1},content:()=>{let g=x.map(U=>{let{type:W,value:q,label:B}=U;return W=="button"?n(j.Button.Clear.R,a(t({color:"cloud",borderRadius:0,fontColor:"2.normal",textAlign:"left",padding:0,onClick:()=>{S(a(t({},u),{dataValue:q,eventType:"update",eventID:s.uuid.gen()})),_.close(D)}},A),{children:B})):B});return n($,a(t({ssCardBox:!0,padding:[1,0],gap:0,overflow:"auto"},m),{freeCSS:t({minWidth:12*20,maxHeight:"90vh"},m==null?void 0:m.freeCSS),children:g}))}})},children:T}))})},te=e=>{let{value:l=null,placeholder:r,options:o=[]}=e,i=0,p=JSON.stringify(l),d=o.map(I=>{let{type:V,value:C}=I,f=JSON.stringify(C),h=f==p;return i|=Number(h),a(t({},I),{type:V||"button",value:f})});i||(l=null);let b=JSON.stringify(l);return n(ee,a(t({},e),{value:b,options:d}))},N=e=>{var r,o;e=t({},e),s.is.nullish(e.rightIcon)&&(e.rightIcon=n(X.RightIcon,a(t({flexType:"col"},e.rightIconStyles),{children:n(P.AngleDown,{})}))),e.rightIcon&&(e.paddingRight=(r=e.paddingRight)!=null?r:3),e.leftIcon&&(e.paddingLeft=(o=e.paddingLeft)!=null?o:3);let l=Q.Boxish(e);return delete l.rightIconStyles,n(K,{componentID:e.componentID,children:te,params:l})};export{N as RichSelect,N as default};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  useState
+} from "react";
+import {
+  $$
+} from "../../@utils/_";
+import Box from "../../atoms/Box";
+import FAI from "../../atoms/FAI";
+import Column from "../../mols/Column";
+import Button from "../Button";
+import Tooltips from "../Tooltips";
+import {
+  Wrapper,
+  BoxWrapper,
+  CommonEffects,
+  DefaultStyles
+} from "./core";
+import Parts from "./Parts";
+import {
+  InputRichSelectClasses,
+  InputClasses
+} from "../../@styles/componentClasses/_";
+function DefaultValidation(props) {
+  let {
+    value,
+    params
+  } = props;
+  let {
+    required,
+    options
+  } = params;
+  let notice = [];
+  if (required) {
+    if (!options.length || options.length && $$.is.nullish(JSON.parse(value))) {
+      notice.push({ type: "invalid", label: "\u5FC5\u9808\u9805\u76EE\u3067\u3059" });
+    }
+  }
+  return {
+    ok: !notice.filter(({ type }) => type == "invalid").length,
+    notice
+  };
+}
+const Core = (params) => {
+  let _a = params, {
+    tone,
+    required,
+    form,
+    className,
+    enableFormSubmit,
+    enableUnSelected,
+    checkValidationAtFirst,
+    onChange,
+    onKeyDown,
+    onValidate,
+    onUpdateValue,
+    onUpdateValidValue,
+    value = "",
+    options,
+    placeholder,
+    leftIndicator,
+    rightIndicator,
+    leftIcon,
+    rightIcon,
+    componentID,
+    status_id,
+    cellStyles,
+    sheetStyles,
+    gravityPoint
+  } = _a, others = __objRest(_a, [
+    "tone",
+    "required",
+    "form",
+    "className",
+    "enableFormSubmit",
+    "enableUnSelected",
+    "checkValidationAtFirst",
+    "onChange",
+    "onKeyDown",
+    "onValidate",
+    "onUpdateValue",
+    "onUpdateValidValue",
+    "value",
+    "options",
+    "placeholder",
+    "leftIndicator",
+    "rightIndicator",
+    "leftIcon",
+    "rightIcon",
+    "componentID",
+    "status_id",
+    "cellStyles",
+    "sheetStyles",
+    "gravityPoint"
+  ]);
+  let Default_Status = {
+    componentID: params.componentID || "",
+    dataValue: value,
+    eventType: "init",
+    eventID: $$.uuid.gen()
+  };
+  let [val_tipID] = useState($$.uuid.gen());
+  let [val_status, set_status] = useState(Default_Status);
+  let [val_validate, set_validate] = useState({
+    ok: false,
+    notice: []
+  });
+  CommonEffects({
+    type: "richSelect",
+    params,
+    val_status,
+    set_status,
+    ExtraOverrideParams: {
+      dataValue: value,
+      formatValue: value
+    },
+    val_validate,
+    set_validate,
+    DefaultValidation,
+    onUpdateValue,
+    onUpdateValidValue
+  });
+  let SelectedElement = /* @__PURE__ */ jsx(Box, { fontColor: "4.thin", textAlign: "left", children: placeholder || "\u9078\u629E" });
+  if (val_status.dataValue) {
+    let Selected = options.find((option) => option.type == "button" && option.value == val_status.dataValue);
+    if (Selected) {
+      SelectedElement = Selected.selectedLabel || Selected.label;
+    }
+  }
+  return /* @__PURE__ */ jsx(
+    BoxWrapper,
+    {
+      val_status,
+      set_status,
+      val_validate,
+      params,
+      children: /* @__PURE__ */ jsx(
+        "button",
+        __spreadProps(__spreadValues({}, others), {
+          "data-form": form,
+          "data-validation": val_validate.ok,
+          "data-component-id": val_status.componentID,
+          "data-value": val_status.dataValue,
+          "data-input-type": "richSelect",
+          className: [
+            className,
+            InputRichSelectClasses("SelectLegend"),
+            InputClasses("InputCover")
+          ].join(" "),
+          onClick: (e) => {
+            Tooltips.open({
+              tipsID: val_tipID,
+              parent: e.currentTarget,
+              gravityPoint: gravityPoint || 13,
+              close_option: {
+                parentBlur: false
+              },
+              content: () => {
+                let Options = options.map((option) => {
+                  let {
+                    type,
+                    value: value2,
+                    label
+                  } = option;
+                  if (type == "button") {
+                    return /* @__PURE__ */ jsx(
+                      Button.Button.Clear.R,
+                      __spreadProps(__spreadValues({
+                        color: "cloud",
+                        borderRadius: 0,
+                        fontColor: "2.normal",
+                        textAlign: "left",
+                        padding: 0,
+                        onClick: () => {
+                          set_status(__spreadProps(__spreadValues({}, val_status), {
+                            dataValue: value2,
+                            eventType: "update",
+                            eventID: $$.uuid.gen()
+                          }));
+                          Tooltips.close(val_tipID);
+                        }
+                      }, cellStyles), {
+                        children: label
+                      })
+                    );
+                  } else {
+                    return label;
+                  }
+                });
+                return /* @__PURE__ */ jsx(
+                  Column,
+                  __spreadProps(__spreadValues({
+                    ssCardBox: true,
+                    padding: [1, 0],
+                    gap: 0,
+                    overflow: "auto"
+                  }, sheetStyles), {
+                    freeCSS: __spreadValues({
+                      minWidth: 12 * 20,
+                      maxHeight: "90vh"
+                    }, sheetStyles == null ? void 0 : sheetStyles.freeCSS),
+                    children: Options
+                  })
+                );
+              }
+            });
+          },
+          children: SelectedElement
+        })
+      )
+    }
+  );
+};
+const RichSelectInput = (params) => {
+  let {
+    value = null,
+    placeholder,
+    options = []
+  } = params;
+  let SelectedExist = 0;
+  let SelectedValue = JSON.stringify(value);
+  let DefaultOptions = options.map((option) => {
+    let { type, value: value2 } = option;
+    let Value = JSON.stringify(value2);
+    let Selected = Value == SelectedValue;
+    SelectedExist |= Number(Selected);
+    return __spreadProps(__spreadValues({}, option), {
+      type: type || "button",
+      value: Value
+    });
+  });
+  if (!SelectedExist)
+    value = null;
+  let DefaultValue = JSON.stringify(value);
+  return /* @__PURE__ */ jsx(
+    Core,
+    __spreadProps(__spreadValues({}, params), {
+      value: DefaultValue,
+      options: DefaultOptions
+    })
+  );
+};
+const RichSelect = (rawParams) => {
+  var _a, _b;
+  rawParams = __spreadValues({}, rawParams);
+  if ($$.is.nullish(rawParams.rightIcon)) {
+    rawParams.rightIcon = /* @__PURE__ */ jsx(
+      Parts.RightIcon,
+      __spreadProps(__spreadValues({
+        flexType: "col"
+      }, rawParams.rightIconStyles), {
+        children: /* @__PURE__ */ jsx(FAI.AngleDown, {})
+      })
+    );
+  }
+  if (rawParams.rightIcon)
+    rawParams.paddingRight = (_a = rawParams.paddingRight) != null ? _a : 3;
+  if (rawParams.leftIcon)
+    rawParams.paddingLeft = (_b = rawParams.paddingLeft) != null ? _b : 3;
+  let params = DefaultStyles.Boxish(rawParams);
+  delete params.rightIconStyles;
+  return /* @__PURE__ */ jsx(
+    Wrapper,
+    {
+      componentID: rawParams.componentID,
+      children: RichSelectInput,
+      params
+    }
+  );
+};
+export {
+  RichSelect,
+  RichSelect as default
+};

package/dist/fn/Input/Search.js

@@ -1 +1,53 @@
-import{b as e}from"../../chunk-VY3566IV.js";import{jsx as t,jsxs as p}from"react/jsx-runtime";import r from"../../atoms/Box";import n from"../../atoms/FAI";import i from"../../mols/Row";import f from"../../mols/Column";import{faAngleUp as l}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as u}from"@fortawesome/free-solid-svg-icons/faAngleDown";import c from"./Chips/_";import d from"./Parts";const m=a=>t(c,e({AddButtonComponent:o=>o.selected.length?null:t(r,{children:"\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),SelectedCellComponent:o=>t(r,{width:1,textAlign:"left",children:p(i.Separate,{children:[o.label,o.defaultRemoveButton]})}),paddingLeft:3,rightIcon:t(d.LeftIcon,{children:p(f,{gap:0,children:[t(n,{icon:l}),t(n,{icon:u,freeCSS:{marginTop:-6}})]})}),limit:1},a));export{m as Search,m as default};
+import {
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Box from "../../atoms/Box";
+import FAI from "../../atoms/FAI";
+import Row from "../../mols/Row";
+import Column from "../../mols/Column";
+import { faAngleUp } from "@fortawesome/free-solid-svg-icons/faAngleUp";
+import { faAngleDown } from "@fortawesome/free-solid-svg-icons/faAngleDown";
+import Chips from "./Chips/_";
+import Parts from "./Parts";
+const Search = (params) => {
+  return /* @__PURE__ */ jsx(
+    Chips,
+    __spreadValues({
+      AddButtonComponent: (props) => {
+        if (props.selected.length)
+          return null;
+        return /* @__PURE__ */ jsx(Box, { children: "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044" });
+      },
+      SelectedCellComponent: (props) => {
+        return /* @__PURE__ */ jsx(
+          Box,
+          {
+            width: 1,
+            textAlign: "left",
+            children: /* @__PURE__ */ jsxs(Row.Separate, { children: [
+              props.label,
+              props.defaultRemoveButton
+            ] })
+          }
+        );
+      },
+      paddingLeft: 3,
+      rightIcon: /* @__PURE__ */ jsx(Parts.LeftIcon, { children: /* @__PURE__ */ jsxs(
+        Column,
+        {
+          gap: 0,
+          children: [
+            /* @__PURE__ */ jsx(FAI, { icon: faAngleUp }),
+            /* @__PURE__ */ jsx(FAI, { icon: faAngleDown, freeCSS: { marginTop: -6 } })
+          ]
+        }
+      ) }),
+      limit: 1
+    }, params)
+  );
+};
+export {
+  Search,
+  Search as default
+};

package/dist/fn/Input/Segmented.js

@@ -1 +1,245 @@
-import{b as o,c as l,d as a}from"../../chunk-VY3566IV.js";import{jsx as t}from"react/jsx-runtime";import{$$ as R}from"../../@utils/_";import{useState as c}from"react";import x from"./List";import{InputSegmentedClasses as u}from"../../@styles/componentClasses/_";const n=e=>{let S=e,{tone:E,appearance:i,value:r,options:f,onUpdateValue:b,onUpdateValidValue:C,freeCSS:p,cellStyles:g,cellClassName:k,cellCheckedClassName:B,cellCheckedStyles:I}=S,m=a(S,["tone","appearance","value","options","onUpdateValue","onUpdateValidValue","freeCSS","cellStyles","cellClassName","cellCheckedClassName","cellCheckedStyles"]),[v]=c(R.uuid.gen()),[s,L]=c(r),[w,h]=c(s);return s!=r&&(L(r),h(r)),t(x.Radio,l(o({defaultActiveStyling:!1,flexWrap:!1,borderRadius:"2.tone.secondary",position:"relative",options:f,value:w,componentID:v,icon:!1},m),{freeCSS:o({whiteSpace:"nowrap"},p),cellStyles:o({flexCenter:!0,ssPushable:!0,boxShadow:"none"},g),cellClassName:[k,u("Label"),u("Tone_"+i)].join(" "),cellCheckedStyles:o({isSemiBoldFont:!0},I),cellCheckedClassName:[B,u("Checked")].join(" "),tone:"custom",onUpdateValue:b,onUpdateValidValue:y=>{C&&C(y),i=="BottomLine"&&h(y.value[0])}}))},d={Auto:e=>(e=o({},e),e=l(o({padding:"1/3",gap:"1/3",ssCardBox:!0},e),{cellStyles:o({borderRadius:"inherit",position:"relative"},e.cellStyles),cellCheckedStyles:o({backgroundColor:"theme",fontColor:"white"},e.cellCheckedStyles)}),t(n,o({appearance:e.tone||"Auto"},e))),Normal:e=>(e=o({},e),e=l(o({border:!0,borderColor:"theme",overflow:"hidden",gap:0,ssLastChildLossBorder:"right",fontColor:"3.blur"},e),{cellStyles:o({borderRadius:0,borderRight:!0,borderColor:"theme"},e.cellStyles),cellCheckedStyles:o({backgroundColor:"theme",fontColor:"white"},e.cellCheckedStyles)}),e.tone="ThemeBorder",t(n,o({appearance:"Border"},e))),Cloud:e=>(e=o({},e),e=l(o({padding:"1/3",gap:"1/3",backgroundColor:"cloud"},e),{cellStyles:o({borderRadius:"inherit",position:"relative"},e.cellStyles),cellCheckedStyles:o({backgroundColor:"theme",fontColor:"white"},e.cellCheckedStyles)}),t(n,o({appearance:e.tone||"Cloud"},e))),Cloud2:e=>(e=o({},e),e.tone="WhiteCloud",t(d.Cloud,l(o({fontColor:"3.blur"},e),{cellCheckedStyles:o({fontColor:"1.clear"},e.cellCheckedStyles)}))),Cloud3:e=>(e=o({},e),e.tone="ThemeCloud",t(d.Cloud,l(o({backgroundColor:"tcOpFew",fontColor:"theme"},e),{cellStyles:o({},e.cellStyles)}))),Border:e=>(e=o({},e),e=l(o({backgroundColor:"1.layer.base",border:"2.normal",overflow:"hidden",gap:0,ssLastChildLossBorder:"right",boxShadow:"0.thin"},e),{cellStyles:o({borderRadius:0,borderRight:"2.normal"},e.cellStyles),cellCheckedStyles:o({backgroundColor:"tcOpFew",fontColor:"theme"},e.cellCheckedStyles)}),t(n,o({appearance:e.tone||"Border"},e))),Border2:e=>(e=o({},e),e=l(o({border:!0,borderColor:"theme",overflow:"hidden",gap:0,ssLastChildLossBorder:"right",boxShadow:"0.thin",fontColor:"3.blur"},e),{cellStyles:o({borderRadius:0,borderRight:!0,borderColor:"theme"},e.cellStyles),cellCheckedStyles:o({backgroundColor:"theme",fontColor:"white"},e.cellCheckedStyles)}),e.tone="ThemeBorder",t(n,o({appearance:"Border"},e))),BottomLine:e=>(e=o({},e),e=l(o({gap:0,fontColor:"3.blur"},e),{cellStyles:o({ssEffectsOnActive:"ripple.theme",borderRadius:0,padding:1},e.cellStyles),cellCheckedStyles:o({fontColor:"theme"},e.cellCheckedStyles)}),t(n,o({appearance:"BottomLine"},e)))};export{d as Segmented,d as default};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  $$
+} from "../../@utils/_";
+import {
+  useState
+} from "react";
+import List from "./List";
+import { InputSegmentedClasses } from "../../@styles/componentClasses/_";
+const Core = (params) => {
+  let _a = params, {
+    tone,
+    appearance,
+    value,
+    options,
+    onUpdateValue,
+    onUpdateValidValue,
+    freeCSS,
+    cellStyles,
+    cellClassName,
+    cellCheckedClassName,
+    cellCheckedStyles
+  } = _a, others = __objRest(_a, [
+    "tone",
+    "appearance",
+    "value",
+    "options",
+    "onUpdateValue",
+    "onUpdateValidValue",
+    "freeCSS",
+    "cellStyles",
+    "cellClassName",
+    "cellCheckedClassName",
+    "cellCheckedStyles"
+  ]);
+  let [val_componentID] = useState($$.uuid.gen());
+  let [val_defValue, set_defValue] = useState(value);
+  let [val_value, set_value] = useState(val_defValue);
+  if (val_defValue != value) {
+    set_defValue(value);
+    set_value(value);
+  }
+  return /* @__PURE__ */ jsx(
+    List.Radio,
+    __spreadProps(__spreadValues({
+      defaultActiveStyling: false,
+      flexWrap: false,
+      borderRadius: "2.tone.secondary",
+      position: "relative",
+      options,
+      value: val_value,
+      componentID: val_componentID,
+      icon: false
+    }, others), {
+      freeCSS: __spreadValues({
+        whiteSpace: "nowrap"
+      }, freeCSS),
+      cellStyles: __spreadValues({
+        flexCenter: true,
+        ssPushable: true,
+        boxShadow: "none"
+      }, cellStyles),
+      cellClassName: [
+        cellClassName,
+        InputSegmentedClasses("Label"),
+        InputSegmentedClasses("Tone_" + appearance)
+      ].join(" "),
+      cellCheckedStyles: __spreadValues({
+        isSemiBoldFont: true
+      }, cellCheckedStyles),
+      cellCheckedClassName: [
+        cellCheckedClassName,
+        InputSegmentedClasses("Checked")
+      ].join(" "),
+      tone: "custom",
+      onUpdateValue,
+      onUpdateValidValue: (args) => {
+        if (onUpdateValidValue)
+          onUpdateValidValue(args);
+        if (appearance == "BottomLine") {
+          set_value(args.value[0]);
+        }
+      }
+    })
+  );
+};
+const Segmented = {
+  Auto: (params) => {
+    params = __spreadValues({}, params);
+    params = __spreadProps(__spreadValues({
+      padding: "1/3",
+      gap: "1/3",
+      ssCardBox: true
+    }, params), {
+      cellStyles: __spreadValues({
+        borderRadius: "inherit",
+        position: "relative"
+      }, params.cellStyles),
+      cellCheckedStyles: __spreadValues({
+        backgroundColor: "theme",
+        fontColor: "white"
+      }, params.cellCheckedStyles)
+    });
+    return /* @__PURE__ */ jsx(Core, __spreadValues({ appearance: params.tone || "Auto" }, params));
+  },
+  Normal: (params) => {
+    params = __spreadValues({}, params);
+    params = __spreadProps(__spreadValues({
+      border: true,
+      borderColor: "theme",
+      overflow: "hidden",
+      gap: 0,
+      ssLastChildLossBorder: "right",
+      fontColor: "3.blur"
+    }, params), {
+      cellStyles: __spreadValues({
+        borderRadius: 0,
+        borderRight: true,
+        borderColor: "theme"
+      }, params.cellStyles),
+      cellCheckedStyles: __spreadValues({
+        backgroundColor: "theme",
+        fontColor: "white"
+      }, params.cellCheckedStyles)
+    });
+    params.tone = "ThemeBorder";
+    return /* @__PURE__ */ jsx(Core, __spreadValues({ appearance: "Border" }, params));
+  },
+  Cloud: (params) => {
+    params = __spreadValues({}, params);
+    params = __spreadProps(__spreadValues({
+      padding: "1/3",
+      gap: "1/3",
+      backgroundColor: "cloud"
+    }, params), {
+      cellStyles: __spreadValues({
+        borderRadius: "inherit",
+        position: "relative"
+      }, params.cellStyles),
+      cellCheckedStyles: __spreadValues({
+        backgroundColor: "theme",
+        fontColor: "white"
+      }, params.cellCheckedStyles)
+    });
+    return /* @__PURE__ */ jsx(Core, __spreadValues({ appearance: params.tone || "Cloud" }, params));
+  },
+  Cloud2: (params) => {
+    params = __spreadValues({}, params);
+    params.tone = "WhiteCloud";
+    return /* @__PURE__ */ jsx(
+      Segmented.Cloud,
+      __spreadProps(__spreadValues({
+        fontColor: "3.blur"
+      }, params), {
+        cellCheckedStyles: __spreadValues({
+          fontColor: "1.clear"
+        }, params.cellCheckedStyles)
+      })
+    );
+  },
+  Cloud3: (params) => {
+    params = __spreadValues({}, params);
+    params.tone = "ThemeCloud";
+    return /* @__PURE__ */ jsx(
+      Segmented.Cloud,
+      __spreadProps(__spreadValues({
+        backgroundColor: "tcOpFew",
+        fontColor: "theme"
+      }, params), {
+        cellStyles: __spreadValues({}, params.cellStyles)
+      })
+    );
+  },
+  Border: (params) => {
+    params = __spreadValues({}, params);
+    params = __spreadProps(__spreadValues({
+      backgroundColor: "1.layer.base",
+      border: "2.normal",
+      overflow: "hidden",
+      gap: 0,
+      ssLastChildLossBorder: "right",
+      boxShadow: "0.thin"
+    }, params), {
+      cellStyles: __spreadValues({
+        borderRadius: 0,
+        borderRight: "2.normal"
+      }, params.cellStyles),
+      cellCheckedStyles: __spreadValues({
+        backgroundColor: "tcOpFew",
+        fontColor: "theme"
+      }, params.cellCheckedStyles)
+    });
+    return /* @__PURE__ */ jsx(Core, __spreadValues({ appearance: params.tone || "Border" }, params));
+  },
+  Border2: (params) => {
+    params = __spreadValues({}, params);
+    params = __spreadProps(__spreadValues({
+      border: true,
+      borderColor: "theme",
+      overflow: "hidden",
+      gap: 0,
+      ssLastChildLossBorder: "right",
+      boxShadow: "0.thin",
+      fontColor: "3.blur"
+    }, params), {
+      cellStyles: __spreadValues({
+        borderRadius: 0,
+        borderRight: true,
+        borderColor: "theme"
+      }, params.cellStyles),
+      cellCheckedStyles: __spreadValues({
+        backgroundColor: "theme",
+        fontColor: "white"
+      }, params.cellCheckedStyles)
+    });
+    params.tone = "ThemeBorder";
+    return /* @__PURE__ */ jsx(Core, __spreadValues({ appearance: "Border" }, params));
+  },
+  BottomLine: (params) => {
+    params = __spreadValues({}, params);
+    params = __spreadProps(__spreadValues({
+      gap: 0,
+      fontColor: "3.blur"
+    }, params), {
+      cellStyles: __spreadValues({
+        ssEffectsOnActive: "ripple.theme",
+        borderRadius: 0,
+        padding: 1
+      }, params.cellStyles),
+      cellCheckedStyles: __spreadValues({
+        fontColor: "theme"
+      }, params.cellCheckedStyles)
+    });
+    return /* @__PURE__ */ jsx(Core, __spreadValues({ appearance: "BottomLine" }, params));
+  }
+};
+export {
+  Segmented,
+  Segmented as default
+};