amotify 0.1.32 → 0.1.34

package/dist/fn/Input/RichSelect.js

@@ -1,279 +1 @@
-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
-};
+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};

package/dist/fn/Input/Search.js

@@ -1,53 +1 @@
-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
-};
+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};

package/dist/fn/Input/Segmented.js

@@ -1,245 +1 @@
-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
-};
+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};