amotify 0.1.32 → 0.1.34

package/dist/fn/Input/List.js

@@ -1,450 +1 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../../chunk-JJ3PEWPN.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  useState
-} from "react";
-import {
-  $$,
-  $$fromRoot
-} from "../../@utils/_";
-import Box from "../../atoms/Box";
-import Flex from "../../atoms/Flex";
-import FAI from "../../atoms/FAI";
-import Button from "../Button";
-import {
-  BoxWrapper,
-  SubmitForm,
-  CommonEffects,
-  DefaultStyles,
-  Wrapper
-} from "./core";
-import Hidden from "./Hidden";
-import { InputListClasses } from "../../@styles/componentClasses/_";
-function DefaultValidation(props) {
-  let { value, params } = props;
-  let {
-    type,
-    required,
-    minSelect = 0
-  } = params;
-  let notice = [];
-  if (required) {
-    if (!value.length) {
-      if (type == "radio") {
-        notice.push({ type: "invalid", label: "\u9078\u629E\u3055\u308C\u3066\u3044\u307E\u305B\u3093" });
-      }
-    }
-  }
-  if (minSelect) {
-    if (value.length < minSelect) {
-      notice.push({ type: "invalid", label: `${minSelect}\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044` });
-    }
-  }
-  return {
-    ok: !notice.filter(({ type: type2 }) => type2 == "invalid").length,
-    notice
-  };
-}
-const ListInput = (props) => {
-  let { value, options = [] } = props;
-  let Values = $$.is.exist(value) ? $$.flatArray(value) : [];
-  let DefaultOptions = options.map((option) => {
-    let { value: value2, label } = option;
-    return __spreadProps(__spreadValues({}, option), {
-      value: JSON.stringify(value2),
-      label
-    });
-  });
-  let DefaultValues = [];
-  Values.forEach((value2) => {
-    let Val = JSON.stringify(value2);
-    let Index = DefaultOptions.findIndex((option) => option.value == Val);
-    if (Index == -1)
-      return;
-    DefaultValues.push(Val);
-  });
-  return /* @__PURE__ */ jsx(
-    Comps.Core,
-    __spreadProps(__spreadValues({}, props), {
-      value: DefaultValues,
-      options: DefaultOptions
-    })
-  );
-};
-const Comps = {
-  Core: (params) => {
-    let _a = params, {
-      type,
-      tone,
-      required,
-      componentID = "",
-      form,
-      override,
-      freeCSS,
-      icon,
-      iconType,
-      enableFormSubmit,
-      defaultActiveStyling,
-      checkValidationAtFirst,
-      onValidate,
-      onUpdateValue,
-      onUpdateValidValue,
-      value,
-      options,
-      leftIndicator,
-      rightIndicator,
-      className,
-      cellStyles,
-      cellClassName,
-      cellCheckedStyles,
-      cellCheckedClassName
-    } = _a, others = __objRest(_a, [
-      "type",
-      "tone",
-      "required",
-      "componentID",
-      "form",
-      "override",
-      "freeCSS",
-      "icon",
-      "iconType",
-      "enableFormSubmit",
-      "defaultActiveStyling",
-      "checkValidationAtFirst",
-      "onValidate",
-      "onUpdateValue",
-      "onUpdateValidValue",
-      "value",
-      "options",
-      "leftIndicator",
-      "rightIndicator",
-      "className",
-      "cellStyles",
-      "cellClassName",
-      "cellCheckedStyles",
-      "cellCheckedClassName"
-    ]);
-    let Default_Status = {
-      componentID,
-      dataValue: value,
-      eventType: "init",
-      eventID: $$.uuid.gen()
-    };
-    let [val_status, set_status] = useState(Default_Status);
-    let [val_validate, set_validate] = useState({
-      ok: false,
-      notice: []
-    });
-    CommonEffects({
-      type: "list",
-      params,
-      val_status,
-      set_status,
-      val_validate,
-      set_validate,
-      onUpdateValue,
-      onUpdateValidValue,
-      DefaultValidation
-    });
-    return /* @__PURE__ */ jsxs(
-      BoxWrapper,
-      {
-        val_status,
-        set_status,
-        val_validate,
-        params,
-        children: [
-          /* @__PURE__ */ jsx(
-            Hidden,
-            __spreadProps(__spreadValues({
-              "data-value": JSON.stringify(val_status.dataValue),
-              form,
-              "data-input-type": type,
-              "data-validation": val_validate.ok
-            }, others), {
-              componentID: val_status.componentID
-            })
-          ),
-          /* @__PURE__ */ jsx(
-            Comps.List,
-            {
-              params,
-              val_status,
-              set_status
-            }
-          )
-        ]
-      }
-    );
-  },
-  List: (props) => {
-    let {
-      params,
-      val_status,
-      set_status
-    } = props;
-    let {
-      componentID,
-      type,
-      tone,
-      icon = true,
-      options,
-      name,
-      form,
-      tabIndex,
-      hideInput,
-      disabled: DefaultDisabled,
-      className: ListClassName,
-      cellStyles: DefaultCellStyles,
-      cellClassName: DefaultCellClassName = "",
-      cellCheckedStyles: DefaultCellCheckedStyles,
-      cellCheckedClassName: DefaultCellCheckedClassName = "",
-      enableFormSubmit,
-      defaultActiveStyling = true
-    } = params;
-    let {
-      dataValue
-    } = val_status;
-    let IconBox = icon ? /* @__PURE__ */ jsx(
-      Box,
-      {
-        flexSizing: "none",
-        children: params.iconType == "radio" ? /* @__PURE__ */ jsx(Comps.RadioIcon, {}) : params.iconType == "checkbox" ? /* @__PURE__ */ jsx(Comps.CheckboxIcon, {}) : null
-      }
-    ) : null;
-    let Cells = options.map((option, index) => {
-      let _a = option, {
-        value,
-        label,
-        disabled = DefaultDisabled,
-        className = "",
-        checkedStyles,
-        checkedClassName = ""
-      } = _a, styles = __objRest(_a, [
-        "value",
-        "label",
-        "disabled",
-        "className",
-        "checkedStyles",
-        "checkedClassName"
-      ]);
-      let CellID = $$.uuid.gen();
-      let Checked = dataValue.findIndex((v) => v === value) != -1;
-      let Styles = __spreadValues(__spreadValues({}, DefaultCellStyles), styles);
-      let ClassName = [
-        InputListClasses("Label"),
-        InputListClasses("defaultActiveStyling_" + !!defaultActiveStyling),
-        DefaultCellClassName,
-        className
-      ];
-      if (Checked) {
-        Styles = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, Styles), DefaultCellCheckedStyles), checkedStyles), {
-          freeCSS: __spreadValues(__spreadValues(__spreadValues({}, Styles.freeCSS), DefaultCellCheckedStyles == null ? void 0 : DefaultCellCheckedStyles.freeCSS), checkedStyles == null ? void 0 : checkedStyles.freeCSS)
-        });
-        ClassName = [
-          ...ClassName,
-          DefaultCellCheckedClassName,
-          checkedClassName
-        ];
-      }
-      return [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: type == "radio" ? "radio" : "checkbox",
-            className: [
-              InputListClasses("Input"),
-              InputListClasses("defaultActiveStyling_" + !!defaultActiveStyling)
-            ].join(" "),
-            name: "RadioCheckbox-" + name,
-            "data-list-index": componentID + "-" + index,
-            id: CellID,
-            value: String(value),
-            "data-form-name": form,
-            disabled,
-            checked: Checked,
-            onFocus: (event) => {
-              if (disabled)
-                return;
-              if (type != "radio")
-                return;
-              if (val_status.dataValue.length)
-                return;
-              let { value: value2, checked } = event.target;
-              let nextValue = [value2];
-              set_status(__spreadProps(__spreadValues({}, val_status), {
-                dataValue: nextValue,
-                eventType: "update",
-                eventID: $$.uuid.gen()
-              }));
-            },
-            onChange: (event) => {
-              if (disabled)
-                return;
-              let { value: value2, checked } = event.target;
-              let nextValue = [];
-              if (type == "radio") {
-                nextValue = [value2];
-              } else if (type == "checkbox" || type == "checker") {
-                if (checked) {
-                  nextValue = [...val_status.dataValue, value2];
-                } else {
-                  let prevValue = [...val_status.dataValue];
-                  prevValue.splice(val_status.dataValue.findIndex((v) => v == value2), 1);
-                  nextValue = prevValue;
-                }
-              }
-              set_status(__spreadProps(__spreadValues({}, val_status), {
-                dataValue: nextValue,
-                eventType: "update",
-                eventID: $$.uuid.gen()
-              }));
-            },
-            onKeyDown: (event) => {
-              let { key, shiftKey } = event;
-              if (type == "checkbox" || type == "checker") {
-                if (key == "Tab") {
-                  if (shiftKey) {
-                  } else {
-                  }
-                } else if (key.match(/Arrow/)) {
-                  event.preventDefault();
-                  let dir = ["ArrowLeft", "ArrowUp"].includes(key) ? -1 : 1;
-                  let nextIndex = index + dir;
-                  if (nextIndex < 0) {
-                    nextIndex = options.length - 1;
-                  } else if (nextIndex >= options.length) {
-                    nextIndex = 0;
-                  }
-                  $$fromRoot(`input[data-list-index="${componentID}-${nextIndex}"]`).focus();
-                }
-              }
-              if (enableFormSubmit)
-                SubmitForm(event);
-            },
-            tabIndex
-          },
-          "List-" + JSON.stringify(value)
-        ),
-        /* @__PURE__ */ jsxs(
-          Button.Label.Plain,
-          __spreadProps(__spreadValues({
-            htmlFor: CellID,
-            className: ClassName.join(" "),
-            tabIndex: -1,
-            display: "flex",
-            ssEffectsOnActive: false,
-            verticalAlign: "center",
-            gap: "1/3",
-            flexWrap: false
-          }, Styles), {
-            children: [
-              IconBox,
-              $$.is.string(label) ? /* @__PURE__ */ jsx(Box, { children: label }) : label
-            ]
-          }),
-          "ListTrigger-" + JSON.stringify(value)
-        )
-      ];
-    });
-    return /* @__PURE__ */ jsx(
-      Flex,
-      {
-        flexSizing: "auto",
-        freeCSS: __spreadValues({}, params.freeCSS),
-        className: [
-          ListClassName,
-          InputListClasses("CellBase"),
-          InputListClasses("HideInput_" + hideInput),
-          InputListClasses("IconIndicator_" + !!icon),
-          InputListClasses("Tone_" + tone)
-        ].join(" "),
-        children: Cells
-      }
-    );
-  },
-  RadioIcon: () => /* @__PURE__ */ jsx(
-    Box,
-    {
-      className: InputListClasses("Icon"),
-      backgroundColor: "1.layer.base",
-      border: true,
-      transition: "middle",
-      position: "relative",
-      borderRadius: "sphere",
-      flexCenter: true
-    }
-  ),
-  CheckboxIcon: () => /* @__PURE__ */ jsx(
-    Box,
-    {
-      className: [
-        InputListClasses("Icon"),
-        InputListClasses("CheckboxIcon")
-      ].join(" "),
-      borderRadius: "3.tone.tertiary",
-      backgroundColor: "1.layer.base",
-      border: true,
-      transition: "middle",
-      fontColor: "white",
-      position: "relative",
-      flexCenter: true,
-      children: /* @__PURE__ */ jsx(
-        FAI.Check,
-        {
-          className: InputListClasses("I"),
-          transition: "middle",
-          opacity: "trans",
-          freeCSS: {
-            zIndex: 8
-          }
-        }
-      )
-    }
-  )
-};
-const Plain = (rawParams) => {
-  rawParams = __spreadValues({}, rawParams);
-  let params = DefaultStyles.ListCell(rawParams);
-  return /* @__PURE__ */ jsx(
-    Wrapper,
-    {
-      componentID: rawParams.componentID,
-      children: ListInput,
-      params
-    }
-  );
-};
-const Radio = (params) => /* @__PURE__ */ jsx(
-  Plain,
-  __spreadProps(__spreadValues({
-    iconType: "radio",
-    tone: params.tone
-  }, params), {
-    type: "radio"
-  })
-);
-const Checkbox = (params) => /* @__PURE__ */ jsx(
-  Plain,
-  __spreadProps(__spreadValues({
-    iconType: "checkbox",
-    tone: params.tone
-  }, params), {
-    type: "checkbox"
-  })
-);
-const List = {
-  Plain,
-  Radio,
-  Checkbox
-};
-export {
-  Checkbox,
-  List,
-  Radio,
-  List as default
-};
+import{b as t,c,d as B}from"../../chunk-VY3566IV.js";import{jsx as l,jsxs as te}from"react/jsx-runtime";import{useState as X}from"react";import{$$ as b,$$fromRoot as ne}from"../../@utils/_";import D from"../../atoms/Box";import ie from"../../atoms/Flex";import oe from"../../atoms/FAI";import se from"../Button";import{BoxWrapper as re,SubmitForm as ce,CommonEffects as ue,DefaultStyles as de,Wrapper as pe}from"./core";import fe from"./Hidden";import{InputListClasses as s}from"../../@styles/componentClasses/_";function me(e){let{value:n,params:i}=e,{type:I,required:u,minSelect:a=0}=i,o=[];return u&&(n.length||I=="radio"&&o.push({type:"invalid",label:"\u9078\u629E\u3055\u308C\u3066\u3044\u307E\u305B\u3093"})),a&&n.length<a&&o.push({type:"invalid",label:`${a}\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044`}),{ok:!o.filter(({type:r})=>r=="invalid").length,notice:o}}const ye=e=>{let{value:n,options:i=[]}=e,I=b.is.exist(n)?b.flatArray(n):[],u=i.map(o=>{let{value:r,label:h}=o;return c(t({},o),{value:JSON.stringify(r),label:h})}),a=[];return I.forEach(o=>{let r=JSON.stringify(o);u.findIndex(k=>k.value==r)!=-1&&a.push(r)}),l(P.Core,c(t({},e),{value:a,options:u}))},P={Core:e=>{let N=e,{type:n,tone:i,required:I,componentID:u="",form:a,override:o,freeCSS:r,icon:h,iconType:k,enableFormSubmit:$,defaultActiveStyling:J,checkValidationAtFirst:W,onValidate:j,onUpdateValue:R,onUpdateValidValue:_,value:A,options:v,leftIndicator:z,rightIndicator:U,className:F,cellStyles:q,cellClassName:w,cellCheckedStyles:H,cellCheckedClassName:K}=N,T=B(N,["type","tone","required","componentID","form","override","freeCSS","icon","iconType","enableFormSubmit","defaultActiveStyling","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","leftIndicator","rightIndicator","className","cellStyles","cellClassName","cellCheckedStyles","cellCheckedClassName"]),S={componentID:u,dataValue:A,eventType:"init",eventID:b.uuid.gen()},[d,C]=X(S),[x,g]=X({ok:!1,notice:[]});return ue({type:"list",params:e,val_status:d,set_status:C,val_validate:x,set_validate:g,onUpdateValue:R,onUpdateValidValue:_,DefaultValidation:me}),te(re,{val_status:d,set_status:C,val_validate:x,params:e,children:[l(fe,c(t({"data-value":JSON.stringify(d.dataValue),form:a,"data-input-type":n,"data-validation":x.ok},T),{componentID:d.componentID})),l(P.List,{params:e,val_status:d,set_status:C})]})},List:e=>{let{params:n,val_status:i,set_status:I}=e,{componentID:u,type:a,tone:o,icon:r=!0,options:h,name:k,form:$,tabIndex:J,hideInput:W,disabled:j,className:R,cellStyles:_,cellClassName:A="",cellCheckedStyles:v,cellCheckedClassName:z="",enableFormSubmit:U,defaultActiveStyling:F=!0}=n,{dataValue:q}=i,w=r?l(D,{flexSizing:"none",children:n.iconType=="radio"?l(P.RadioIcon,{}):n.iconType=="checkbox"?l(P.CheckboxIcon,{}):null}):null,H=h.map((K,T)=>{let Q=K,{value:S,label:d,disabled:C=j,className:x="",checkedStyles:g,checkedClassName:N=""}=Q,ae=B(Q,["value","label","disabled","className","checkedStyles","checkedClassName"]),G=b.uuid.gen(),M=q.findIndex(p=>p===S)!=-1,L=t(t({},_),ae),O=[s("Label"),s("defaultActiveStyling_"+!!F),A,x];return M&&(L=c(t(t(t({},L),v),g),{freeCSS:t(t(t({},L.freeCSS),v==null?void 0:v.freeCSS),g==null?void 0:g.freeCSS)}),O=[...O,z,N]),[l("input",{type:a=="radio"?"radio":"checkbox",className:[s("Input"),s("defaultActiveStyling_"+!!F)].join(" "),name:"RadioCheckbox-"+k,"data-list-index":u+"-"+T,id:G,value:String(S),"data-form-name":$,disabled:C,checked:M,onFocus:p=>{if(C||a!="radio"||i.dataValue.length)return;let{value:f,checked:V}=p.target,m=[f];I(c(t({},i),{dataValue:m,eventType:"update",eventID:b.uuid.gen()}))},onChange:p=>{if(C)return;let{value:f,checked:V}=p.target,m=[];if(a=="radio")m=[f];else if(a=="checkbox"||a=="checker")if(V)m=[...i.dataValue,f];else{let y=[...i.dataValue];y.splice(i.dataValue.findIndex(le=>le==f),1),m=y}I(c(t({},i),{dataValue:m,eventType:"update",eventID:b.uuid.gen()}))},onKeyDown:p=>{let{key:f,shiftKey:V}=p;if((a=="checkbox"||a=="checker")&&f!="Tab"){if(f.match(/Arrow/)){p.preventDefault();let m=["ArrowLeft","ArrowUp"].includes(f)?-1:1,y=T+m;y<0?y=h.length-1:y>=h.length&&(y=0),ne(`input[data-list-index="${u}-${y}"]`).focus()}}U&&ce(p)},tabIndex:J},"List-"+JSON.stringify(S)),te(se.Label.Plain,c(t({htmlFor:G,className:O.join(" "),tabIndex:-1,display:"flex",ssEffectsOnActive:!1,verticalAlign:"center",gap:"1/3",flexWrap:!1},L),{children:[w,b.is.string(d)?l(D,{children:d}):d]}),"ListTrigger-"+JSON.stringify(S))]});return l(ie,{flexSizing:"auto",freeCSS:t({},n.freeCSS),className:[R,s("CellBase"),s("HideInput_"+W),s("IconIndicator_"+!!r),s("Tone_"+o)].join(" "),children:H})},RadioIcon:()=>l(D,{className:s("Icon"),backgroundColor:"1.layer.base",border:!0,transition:"middle",position:"relative",borderRadius:"sphere",flexCenter:!0}),CheckboxIcon:()=>l(D,{className:[s("Icon"),s("CheckboxIcon")].join(" "),borderRadius:"3.tone.tertiary",backgroundColor:"1.layer.base",border:!0,transition:"middle",fontColor:"white",position:"relative",flexCenter:!0,children:l(oe.Check,{className:s("I"),transition:"middle",opacity:"trans",freeCSS:{zIndex:8}})})},E=e=>{e=t({},e);let n=de.ListCell(e);return l(pe,{componentID:e.componentID,children:ye,params:n})},Y=e=>l(E,c(t({iconType:"radio",tone:e.tone},e),{type:"radio"})),Z=e=>l(E,c(t({iconType:"checkbox",tone:e.tone},e),{type:"checkbox"})),ee={Plain:E,Radio:Y,Checkbox:Z};export{Z as Checkbox,ee as List,Y as Radio,ee as default};

package/dist/fn/Input/Parts.js

@@ -1,121 +1 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../../chunk-JJ3PEWPN.js";
-import { jsx } from "react/jsx-runtime";
-import Box from "../../atoms/Box";
-import Span from "../../atoms/Span";
-import {
-  DefaultStyles
-} from "./core";
-import { InputClasses } from "../../@styles/componentClasses/_";
-const Parts = {
-  RequiredSign: (params) => {
-    return /* @__PURE__ */ jsx(
-      Span,
-      __spreadValues({
-        fontColor: "white",
-        fontSize: "0.xs",
-        padding: ["1/4", "1/3"],
-        backgroundColor: "nega",
-        borderRadius: "3.tone.tertiary",
-        children: "\u5FC5\u9808"
-      }, params)
-    );
-  },
-  RequiredShortSign: (params) => {
-    return /* @__PURE__ */ jsx(
-      Span,
-      __spreadValues({
-        fontColor: "nega",
-        padding: ["1/4", "1/3"],
-        borderRadius: "3.tone.tertiary",
-        children: "*"
-      }, params)
-    );
-  },
-  OmitSign: (params) => {
-    return /* @__PURE__ */ jsx(
-      Span,
-      __spreadValues({
-        fontColor: "white",
-        fontSize: "0.xs",
-        padding: ["1/4", "1/3"],
-        borderRadius: "3.tone.tertiary",
-        backgroundColor: "6.layer.darkest",
-        children: "\u7701\u7565\u53EF"
-      }, params)
-    );
-  },
-  LeftIndicator: (params) => {
-    let _a = params, {
-      tone
-    } = _a, others = __objRest(_a, [
-      "tone"
-    ]);
-    return /* @__PURE__ */ jsx(
-      Box,
-      __spreadValues(__spreadProps(__spreadValues({}, DefaultStyles.Indicator(tone)), {
-        borderTopRightRadius: "2/3",
-        borderBottomRightRadius: "2/3"
-      }), others)
-    );
-  },
-  RightIndicator: (params) => {
-    let _a = params, {
-      tone
-    } = _a, others = __objRest(_a, [
-      "tone"
-    ]);
-    return /* @__PURE__ */ jsx(
-      Box,
-      __spreadValues(__spreadProps(__spreadValues({}, DefaultStyles.Indicator(tone)), {
-        borderTopLeftRadius: "2/3",
-        borderBottomLeftRadius: "2/3"
-      }), others)
-    );
-  },
-  RightIcon: (params) => {
-    let _a = params, {
-      tone = "border"
-    } = _a, others = __objRest(_a, [
-      "tone"
-    ]);
-    return /* @__PURE__ */ jsx(
-      Box,
-      __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, DefaultStyles.IndicatorIcon), {
-        right: "3/4",
-        className: InputClasses("IndicatorIcon")
-      }), others), {
-        freeCSS: __spreadValues({
-          zIndex: 6,
-          pointerEvents: "none"
-        }, others.freeCSS)
-      })
-    );
-  },
-  LeftIcon: (params) => {
-    let _a = params, {
-      tone = "border"
-    } = _a, others = __objRest(_a, [
-      "tone"
-    ]);
-    return /* @__PURE__ */ jsx(
-      Box,
-      __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, DefaultStyles.IndicatorIcon), {
-        left: "3/4",
-        className: InputClasses("IndicatorIcon")
-      }), others), {
-        freeCSS: __spreadValues({
-          zIndex: 6,
-          pointerEvents: "none"
-        }, others.freeCSS)
-      })
-    );
-  }
-};
-export {
-  Parts,
-  Parts as default
-};
+import{b as t,c as n,d}from"../../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import p from"../../atoms/Box";import s from"../../atoms/Span";import{DefaultStyles as c}from"./core";import{InputClasses as u}from"../../@styles/componentClasses/_";const I={RequiredSign:e=>a(s,t({fontColor:"white",fontSize:"0.xs",padding:["1/4","1/3"],backgroundColor:"nega",borderRadius:"3.tone.tertiary",children:"\u5FC5\u9808"},e)),RequiredShortSign:e=>a(s,t({fontColor:"nega",padding:["1/4","1/3"],borderRadius:"3.tone.tertiary",children:"*"},e)),OmitSign:e=>a(s,t({fontColor:"white",fontSize:"0.xs",padding:["1/4","1/3"],borderRadius:"3.tone.tertiary",backgroundColor:"6.layer.darkest",children:"\u7701\u7565\u53EF"},e)),LeftIndicator:e=>{let r=e,{tone:i}=r,o=d(r,["tone"]);return a(p,t(n(t({},c.Indicator(i)),{borderTopRightRadius:"2/3",borderBottomRightRadius:"2/3"}),o))},RightIndicator:e=>{let r=e,{tone:i}=r,o=d(r,["tone"]);return a(p,t(n(t({},c.Indicator(i)),{borderTopLeftRadius:"2/3",borderBottomLeftRadius:"2/3"}),o))},RightIcon:e=>{let r=e,{tone:i="border"}=r,o=d(r,["tone"]);return a(p,n(t(n(t({},c.IndicatorIcon),{right:"3/4",className:u("IndicatorIcon")}),o),{freeCSS:t({zIndex:6,pointerEvents:"none"},o.freeCSS)}))},LeftIcon:e=>{let r=e,{tone:i="border"}=r,o=d(r,["tone"]);return a(p,n(t(n(t({},c.IndicatorIcon),{left:"3/4",className:u("IndicatorIcon")}),o),{freeCSS:t({zIndex:6,pointerEvents:"none"},o.freeCSS)}))}};export{I as Parts,I as default};

package/dist/fn/Input/Plain.js

@@ -1,12 +1 @@
-import {
-  __spreadValues
-} from "../../chunk-JJ3PEWPN.js";
-import { jsx } from "react/jsx-runtime";
-import {
-  GenerateClassName
-} from "../../@utils/_";
-const _Plain = (params) => /* @__PURE__ */ jsx("input", __spreadValues({}, GenerateClassName(params)));
-export {
-  _Plain,
-  _Plain as default
-};
+import{b as t}from"../../chunk-VY3566IV.js";import{jsx as n}from"react/jsx-runtime";import{GenerateClassName as p}from"../../@utils/_";const a=e=>n("input",t({},p(e)));export{a as _Plain,a as default};