amotify 0.1.31 → 0.1.32

package/dist/fn/Input/List.js

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

package/dist/fn/Input/Parts.js

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

package/dist/fn/Input/Plain.js

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