streamlit-toggle-diy 1.1.3__py3-none-any.whl → 1.1.5__py3-none-any.whl

streamlit_toggle_diy/frontend/build/static/js/main.d5e2b6f4.chunk.js

@@ -0,0 +1,2 @@
+(this.webpackJsonpstreamlit_toggle_diy=this.webpackJsonpstreamlit_toggle_diy||[]).push([[0],{38:function(e,t,a){e.exports=a(45)},45:function(e,t,a){"use strict";a.r(t);var o=a(0),n=a.n(o),c=a(13),r=a.n(c),i=a(5),l=a(3),d=a(2),s=a(21),u=a(34),b=a(64),g=a(65),_=a(66),m=a(63),f=Object(s.b)((function(e){var t=e.args,a=t.default_value,c=t.label_start,r=t.label_end,f=t.justify,p=void 0===f?"flex-start":f,v=t.inactive_color,h=void 0===v?"#CEE8FF":v,k=t.active_color,F=void 0===k?"#00668c":k,E=t.track_color,y=void 0===E?"#3D5A80":E,j=t.label_bg_color_start,w=void 0===j?"#FFFFFF":j,x=t.label_bg_color_end,O=void 0===x?"yellow":x,S=t.background_color_near_button_start,C=void 0===S?"#FFFFFF":S,z=t.background_color_near_button_end,R=void 0===z?"#FFFFFF":z,B=t.border_radius,I=void 0===B?"30px":B,$=t.label_start_color,H=void 0===$?"#333333":$,J=t.label_end_color,L=void 0===J?"red":J,M=t.label_font_size,W=void 0===M?"16px":M,A=t.label_font_weight,D=void 0===A?"bold":A,V=t.switch_size,q=void 0===V?"medium":V,G=Object(o.useRef)(null),K=Object(o.useState)({checkStatus:a}),N=Object(d.a)(K,2),P=N[0],Q=N[1],T=Object(u.a)({overrides:{MuiSwitch:{switchBase:{color:h},colorSecondary:{"&$checked":{color:F}},track:{opacity:.1,backgroundColor:y,"$checked$checked + &":{opacity:1,backgroundColor:y}}}}}),U={backgroundColor:w,color:H,padding:"4px 8px",borderRadius:I,display:"inline-block",fontWeight:D,fontSize:W},X={backgroundColor:O,color:L,padding:"4px 8px",borderRadius:I,display:"inline-block",fontWeight:D,fontSize:W},Y={background:C&&R?"linear-gradient(to right, ".concat(C,", ").concat(R,")"):C||R||"#ffffff",padding:"10px",borderRadius:I,display:"flex",alignItems:"center"};return Object(o.useEffect)((function(){s.a.setFrameHeight()})),Object(o.useEffect)((function(){var e=function(){s.a.setFrameHeight()};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),n.a.createElement(m.a,{theme:T},n.a.createElement(b.a,{component:"div",variant:"subtitle1",paragraph:!1,gutterBottom:!1},n.a.createElement("div",{ref:G,style:Y},n.a.createElement(g.a,{container:!0,justifyContent:p,alignItems:"center",spacing:1},c&&n.a.createElement(g.a,{item:!0},n.a.createElement("span",{style:U},c)),n.a.createElement(g.a,{item:!0},n.a.createElement(_.a,{checked:P.checkStatus,onChange:function(e){Q(Object(l.a)(Object(l.a)({},P),{},Object(i.a)({},e.target.name,e.target.checked))),s.a.setComponentValue(e.target.checked)},name:"checkStatus",size:q})),r&&n.a.createElement(g.a,{item:!0},n.a.createElement("span",{style:X},r))))))}));r.a.render(n.a.createElement(n.a.StrictMode,null,n.a.createElement(f,null)),document.getElementById("root"))}},[[38,1,2]]]);
+//# sourceMappingURL=main.d5e2b6f4.chunk.js.map

streamlit_toggle_diy/frontend/build/static/js/main.d5e2b6f4.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["streamlit_toggle.tsx","index.tsx"],"names":["withStreamlitConnection","props","_ref","args","default_value","label_start","label_end","_ref$justify","justify","_ref$inactive_color","inactive_color","_ref$active_color","active_color","_ref$track_color","track_color","_ref$label_bg_color_s","label_bg_color_start","_ref$label_bg_color_e","label_bg_color_end","_ref$background_color","background_color_near_button_start","_ref$background_color2","background_color_near_button_end","_ref$border_radius","border_radius","_ref$label_start_colo","label_start_color","_ref$label_end_color","label_end_color","_ref$label_font_size","label_font_size","_ref$label_font_weigh","label_font_weight","_ref$switch_size","switch_size","containerRef","useRef","_useState","useState","checkStatus","_useState2","_slicedToArray","state","setState","snowflakeTheme","createTheme","overrides","MuiSwitch","switchBase","color","colorSecondary","track","opacity","backgroundColor","labelStartStyle","padding","borderRadius","display","fontWeight","fontSize","labelEndStyle","buttonBackgroundStyle","background","concat","alignItems","useEffect","Streamlit","setFrameHeight","handleResize","window","addEventListener","removeEventListener","React","createElement","ThemeProvider","theme","Typography","component","variant","paragraph","gutterBottom","ref","style","Grid","container","justifyContent","spacing","item","Switch","checked","onChange","event","_objectSpread","_defineProperty","target","name","setComponentValue","size","ReactDOM","render","StrictMode","StreamlitToggleSwitch","document","getElementById"],"mappings":"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","file":"static/js/main.d5e2b6f4.chunk.js","sourcesContent":["import {\n  ComponentProps,\n  Streamlit,\n  withStreamlitConnection,\n} from \"streamlit-component-lib\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { createTheme } from \"@material-ui/core/styles\";\nimport { Typography, Switch, Grid } from \"@material-ui/core\";\nimport { ThemeProvider } from \"@material-ui/styles\";\n\ninterface ToggleSwitchProps {\n  // 原有参数\n  default_value: boolean;\n  label_start?: string;\n  label_end?: string;\n  justify?: \"flex-start\" | \"center\" | \"flex-end\";\n  active_color?: string;\n  inactive_color?: string;\n  track_color?: string;\n  label_bg_color_start?: string;\n  label_bg_color_end?: string;\n  background_color_near_button_start?: string;\n  background_color_near_button_end?: string;\n  border_radius?: string;\n  label_start_color?: string; // 左侧标签文字颜色\n  label_end_color?: string;   // 右侧标签文字颜色\n  label_font_size?: string;   // 标签文字大小\n  label_font_weight?: string; // 标签文字粗细\n  switch_size?: \"small\" | \"medium\"; // Switch 尺寸\n}\n\nconst StreamlitToggle = (props: ComponentProps) => {\n  // 1. 从 props.args 中解构所有参数\n  const {\n    // -- 基础必选 --\n    default_value,\n    // -- 已有可选 --\n    label_start,\n    label_end,\n    justify = \"flex-start\",\n    inactive_color = '#CEE8FF',\n    active_color = \"#00668c\",\n    track_color = \"#3D5A80\",\n    label_bg_color_start = \"#FFFFFF\",\n    label_bg_color_end = \"yellow\",\n    background_color_near_button_start = \"#FFFFFF\",\n    background_color_near_button_end = \"#FFFFFF\",\n    border_radius = \"30px\",\n    label_start_color = \"#333333\",\n    label_end_color = \"red\",\n    label_font_size = \"16px\",\n    label_font_weight = \"bold\",\n    switch_size = \"medium\",\n  } = props.args as ToggleSwitchProps;\n\n  // 2. 引入容器引用，以便 setFrameHeight() 时保证内容高度正确\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // 3. 管理 Switch 状态\n  const [state, setState] = useState({\n    checkStatus: default_value,\n  });\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setState({ ...state, [event.target.name]: event.target.checked });\n    // 将选中状态传回 Python\n    Streamlit.setComponentValue(event.target.checked);\n  };\n\n  // 4. Material-UI 主题：动态覆盖 Switch 的颜色\n  const snowflakeTheme = createTheme({\n    overrides: {\n      MuiSwitch: {\n        switchBase: {\n          color: inactive_color, // 未选中时的按钮颜色\n        },\n        colorSecondary: {\n          \"&$checked\": {\n            color: active_color, // 选中时按钮颜色\n          },\n        },\n        track: {\n          opacity: 0.1,\n          backgroundColor: track_color, // 轨道颜色\n          \"$checked$checked + &\": {\n            opacity: 1,\n            backgroundColor: track_color,\n          },\n        },\n      },\n    },\n  });\n\n  // 5. 样式：标签与背景\n  const labelStartStyle: React.CSSProperties = {\n    backgroundColor: label_bg_color_start,\n    color: label_start_color,\n    padding: \"4px 8px\",\n    borderRadius: border_radius,\n    display: \"inline-block\",\n    fontWeight: label_font_weight,\n    fontSize: label_font_size,\n  };\n\n  const labelEndStyle: React.CSSProperties = {\n    backgroundColor: label_bg_color_end,\n    color: label_end_color,\n    padding: \"4px 8px\",\n    borderRadius: border_radius,\n    display: \"inline-block\",\n    fontWeight: label_font_weight,\n    fontSize: label_font_size,\n  };\n\n  // 背景（左右渐变或单色）\n  const buttonBackgroundStyle: React.CSSProperties = {\n    background:\n      background_color_near_button_start && background_color_near_button_end\n        ? `linear-gradient(to right, ${background_color_near_button_start}, ${background_color_near_button_end})`\n        : background_color_near_button_start ||\n          background_color_near_button_end ||\n          \"#ffffff\",\n    padding: \"10px\",\n    borderRadius: border_radius,\n    display: \"flex\",\n    alignItems: \"center\",\n  };\n\n  // 6. 每次渲染后都尝试让 Streamlit 更新 iframe 高度\n  useEffect(() => {\n    Streamlit.setFrameHeight();\n  });\n\n  // 7. 可选：监听窗口大小变化，以便侧边栏展开/折叠时也刷新\n  useEffect(() => {\n    const handleResize = () => {\n      Streamlit.setFrameHeight();\n    };\n    window.addEventListener(\"resize\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, []);\n\n  // 8. 组件 JSX\n  return (\n    <ThemeProvider theme={snowflakeTheme}>\n      <Typography\n        component=\"div\"\n        variant=\"subtitle1\"\n        paragraph={false}\n        gutterBottom={false}\n      >\n        <div ref={containerRef} style={buttonBackgroundStyle}>\n          <Grid container justifyContent={justify} alignItems=\"center\" spacing={1}>\n            {label_start && (\n              <Grid item>\n                <span style={labelStartStyle}>{label_start}</span>\n              </Grid>\n            )}\n            <Grid item>\n              <Switch\n                checked={state.checkStatus}\n                onChange={handleChange}\n                name=\"checkStatus\"\n                size={switch_size} // 新增：Switch 尺寸\n              />\n            </Grid>\n            {label_end && (\n              <Grid item>\n                <span style={labelEndStyle}>{label_end}</span>\n              </Grid>\n            )}\n          </Grid>\n        </div>\n      </Typography>\n    </ThemeProvider>\n  );\n};\n\nexport default withStreamlitConnection(StreamlitToggle);\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport StreamlitToggleSwitch from \"./streamlit_toggle\"\n\n\nReactDOM.render(\n  <React.StrictMode>\n    <StreamlitToggleSwitch />\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n)\n"],"sourceRoot":""}

streamlit_toggle_diy/frontend/src/streamlit_toggle.tsx

@@ -3,7 +3,7 @@ import {
   Streamlit,
   withStreamlitConnection,
 } from "streamlit-component-lib";
-import React, { useEffect, useRef } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { createTheme } from "@material-ui/core/styles";
 import { Typography, Switch, Grid } from "@material-ui/core";
 import { ThemeProvider } from "@material-ui/styles";
@@ -38,31 +38,26 @@ const StreamlitToggle = (props: ComponentProps) => {
     label_start,
     label_end,
     justify = "flex-start",
-    inactive_color='#CEE8FF',
-    active_color="#00668c",
-    track_color="#3D5A80",
-    label_bg_color_start="#FFFFFF",
-    label_bg_color_end="yellow",
-    background_color_near_button_start="#FFFFFF",
-    background_color_near_button_end="#FFFFFF",
-    border_radius='30px',
-    label_start_color="#333333",
-    label_end_color="red",
-    label_font_size="16px",
-    label_font_weight="bold",
-    switch_size="medium",
+    inactive_color = '#CEE8FF',
+    active_color = "#00668c",
+    track_color = "#3D5A80",
+    label_bg_color_start = "#FFFFFF",
+    label_bg_color_end = "yellow",
+    background_color_near_button_start = "#FFFFFF",
+    background_color_near_button_end = "#FFFFFF",
+    border_radius = "30px",
+    label_start_color = "#333333",
+    label_end_color = "red",
+    label_font_size = "16px",
+    label_font_weight = "bold",
+    switch_size = "medium",
   } = props.args as ToggleSwitchProps;
 
   // 2. 引入容器引用，以便 setFrameHeight() 时保证内容高度正确
   const containerRef = useRef<HTMLDivElement>(null);
 
-  useEffect(() => {
-    // 通知 Streamlit 调整 iframe 高度
-    Streamlit.setFrameHeight();
-  }, []);
-
   // 3. 管理 Switch 状态
-  const [state, setState] = React.useState({
+  const [state, setState] = useState({
     checkStatus: default_value,
   });
 
@@ -131,7 +126,23 @@ const StreamlitToggle = (props: ComponentProps) => {
     alignItems: "center",
   };
 
-  // 6. 组件 JSX
+  // 6. 每次渲染后都尝试让 Streamlit 更新 iframe 高度
+  useEffect(() => {
+    Streamlit.setFrameHeight();
+  });
+
+  // 7. 可选：监听窗口大小变化，以便侧边栏展开/折叠时也刷新
+  useEffect(() => {
+    const handleResize = () => {
+      Streamlit.setFrameHeight();
+    };
+    window.addEventListener("resize", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, []);
+
+  // 8. 组件 JSX
   return (
     <ThemeProvider theme={snowflakeTheme}>
       <Typography

{streamlit_toggle_diy-1.1.3.dist-info → streamlit_toggle_diy-1.1.5.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: streamlit_toggle_diy
-Version: 1.1.3
+Version: 1.1.5
 Summary: A customized Streamlit toggle switch component with customizable labels, colors, and border radius
 Home-page: https://github.com/flowing-water1/streamlit-toggle-switch-diy
 Author: Flow Water
@@ -10,12 +10,10 @@ Description-Content-Type: text/markdown
 License-File: LICENSE
 Requires-Dist: streamlit>=0.63
 
-# streamlit_toggle_switch_diy
+# streamlit-toggle-diy
 
 Creates a toggle switch with color and placement customizations, and you can change the label's color, radius, font size, and more.
 
-
-
 ## Function
 
 - Customize label background color
@@ -28,14 +26,14 @@ Creates a toggle switch with color and placement customizations, and you can cha
 ## Installation
 
 ```shell
-pip install streamlit-toggle-switch-diy
+pip install streamlit-toggle-diy
 ```
 
 ## Usage
 
 ```python
 import streamlit as st
-import streamlit_toggle_switch_diy as tog
+import streamlit-toggle-diy as tog
 
 tog.st_toggle_switch(
     key=None,
@@ -54,7 +52,6 @@ tog.st_toggle_switch(
 )
 ```
 
-
 ## Parameters
 
 
@@ -85,7 +82,6 @@ tog.st_toggle_switch(
 > * If both `background_color_near_button_start` and `background_color_near_button_end` are provided, a gradient behind the switch is created.
 > * If you only provide one color, it will be used as a solid background.
 > * `label_start_color` and `label_end_color` control the text color of labels, while `label_bg_color_start` and `label_bg_color_end` control the background of those labels.
->
 
 ## Operation
 

{streamlit_toggle_diy-1.1.3.dist-info → streamlit_toggle_diy-1.1.5.dist-info}/RECORD

@@ -1,14 +1,18 @@
 streamlit_toggle_diy/__init__.py,sha256=RPo0LyCPihcZW7V9RhqsJrXFM4w0PN53kcmQt643PEY,11071
-streamlit_toggle_diy/frontend/build/asset-manifest.json,sha256=6Ohohv0eSXbiFZBQsSRZl_Eo_uBKqqWzU4G6Eri2FWs,859
+streamlit_toggle_diy/frontend/build/asset-manifest.json,sha256=qfETDzbMQeJ5PRPWpUAh5LueoPLLTCtc1xKjnRWK5yQ,859
 streamlit_toggle_diy/frontend/build/bootstrap.min.css,sha256=hTwg6axJ8dAPmGVJmYTrsQS3JhKWA0skJ-td54UbEOk,197459
-streamlit_toggle_diy/frontend/build/index.html,sha256=BIhpXUjrxMC2l33tpBlXAC2z0hy9k2Dh4QRI6qQDAhE,2085
+streamlit_toggle_diy/frontend/build/index.html,sha256=9tj-facr4nSvlRvdAGRxTOvH7PwRtBWXwCDEaokbiUo,2085
 streamlit_toggle_diy/frontend/build/precache-manifest.208239bd31634c912148876425127f2c.js,sha256=g6l3wTxp-Gx7vsm9HU7MBv8N2sKIZIRwBdQKXe6RODY,564
+streamlit_toggle_diy/frontend/build/precache-manifest.668eb5ddc0ea6880d50beeba97fd93a9.js,sha256=AdOVav0djp7GgDy4yHcj6M7fucJEPEHH34r_Ot-rfAA,564
 streamlit_toggle_diy/frontend/build/precache-manifest.669f85f994ea2c0d193915faa9d91f97.js,sha256=VF6vnplDuDYws7J5o5iGyIuSEjBVqVcmH8f606xJrUI,564
 streamlit_toggle_diy/frontend/build/precache-manifest.b7df6085566f07f8f27b94ee8ed2d302.js,sha256=yZ0E8cubRljI8p1lsAIc-YN-pjVJ2BNRma4cfp188X0,564
-streamlit_toggle_diy/frontend/build/service-worker.js,sha256=6vBxp1L5jl8JuSD5gcMBGukv1xb3TC1xtzAvxMkUfyE,1183
+streamlit_toggle_diy/frontend/build/service-worker.js,sha256=nXBe4IMkSl1FzrjCbt2d9wnUj7vziL5NX7Vca44EP1I,1183
 streamlit_toggle_diy/frontend/build/static/js/2.82cd69ef.chunk.js,sha256=iI-6zSaFjHrVMDs5IcvYU1OVxSf5qJwlHURziuCP4co,668310
 streamlit_toggle_diy/frontend/build/static/js/2.82cd69ef.chunk.js.LICENSE.txt,sha256=H626T6BMSwnq-XFGfmNj9boRuONWUwScDJGw74vRftQ,1969
 streamlit_toggle_diy/frontend/build/static/js/2.82cd69ef.chunk.js.map,sha256=IPAfUQsdk-MV69vDWwKG_Tq8Dqpk0cduCSCB12dUaOE,2233103
+streamlit_toggle_diy/frontend/build/static/js/2.8590d27d.chunk.js,sha256=AAK89WnS5boLbF-xs12UUHug1aEMfXgoz8uFdbK6CsU,668294
+streamlit_toggle_diy/frontend/build/static/js/2.8590d27d.chunk.js.LICENSE.txt,sha256=H626T6BMSwnq-XFGfmNj9boRuONWUwScDJGw74vRftQ,1969
+streamlit_toggle_diy/frontend/build/static/js/2.8590d27d.chunk.js.map,sha256=7RxhMWG-EvwNla5yzKqyIFb0rvadkvVptLee_zEpUIQ,2232267
 streamlit_toggle_diy/frontend/build/static/js/2.9720bf9e.chunk.js,sha256=r76t4pKFSxrC1oZik1WSzsTSOp7zq8IwG5uP0MK8a4w,668294
 streamlit_toggle_diy/frontend/build/static/js/2.9720bf9e.chunk.js.LICENSE.txt,sha256=H626T6BMSwnq-XFGfmNj9boRuONWUwScDJGw74vRftQ,1969
 streamlit_toggle_diy/frontend/build/static/js/2.9720bf9e.chunk.js.map,sha256=eg3P-Yc3hNnGUKLxbInAWkAlnYVVFFlcuKFJo_pO6jc,2233103
@@ -18,6 +22,8 @@ streamlit_toggle_diy/frontend/build/static/js/main.93eb9d37.chunk.js,sha256=qtte
 streamlit_toggle_diy/frontend/build/static/js/main.93eb9d37.chunk.js.map,sha256=pX-qmkWFUOetjQ6xFBMpzMeKg9ahFUeKSDBjY_LzZew,7043
 streamlit_toggle_diy/frontend/build/static/js/main.9f3c3eed.chunk.js,sha256=AOoAHvlJ2UV7b7sGV47sR_2HzrH6Z6kq3htwTNYtQyE,2560
 streamlit_toggle_diy/frontend/build/static/js/main.9f3c3eed.chunk.js.map,sha256=Gt-uI9COnfMQ1Paax2xND0EMJn_T5VZzHEq_DLk9BkM,9422
+streamlit_toggle_diy/frontend/build/static/js/main.d5e2b6f4.chunk.js,sha256=7bFGpc8mO8Z5QwCiQz_5-1dUcjK6YVlFDSirdpYcZBE,2730
+streamlit_toggle_diy/frontend/build/static/js/main.d5e2b6f4.chunk.js.map,sha256=Zc7JS1yPCuAxwcMkmafTFbO1jouk0bHd_lbw_kUEZyc,9948
 streamlit_toggle_diy/frontend/build/static/js/runtime-main.cc20bba3.js,sha256=fPgOCYqsGvWhMaPhVkWzyIXu18b1ZAEHcnlEaehuFxE,1582
 streamlit_toggle_diy/frontend/build/static/js/runtime-main.cc20bba3.js.map,sha256=nD-RhUp2C-J8HxxejdeZMOdN6H6pijIzkaZo_l52vvQ,8301
 streamlit_toggle_diy/frontend/build/static/js/runtime-main.d76c522e.js,sha256=NsBmq9EdX8DFZR9QBem8uQTt0h6WvnZ__cvfU49ghbo,1598
@@ -26,10 +32,10 @@ streamlit_toggle_diy/frontend/public/bootstrap.min.css,sha256=hTwg6axJ8dAPmGVJmY
 streamlit_toggle_diy/frontend/public/index.html,sha256=pd7UG_FaSF9p3dPQLDghzAmcNX2pYgJjxC4y2fzPCCA,894
 streamlit_toggle_diy/frontend/src/index.tsx,sha256=X_k1aZGH_KKCQnhoxvBtBG_r09zqaLbtIXnuCMId3i8,243
 streamlit_toggle_diy/frontend/src/react-app-env.d.ts,sha256=V-2kxMBKHcpFxihXMmiCzpzJSMS1KXPA48O35MP6OZA,40
-streamlit_toggle_diy/frontend/src/streamlit_toggle.tsx,sha256=4wVPf_La5KBGtZwwcSodKv0vyOHsyHYP6DLvp0oIiDs,5115
+streamlit_toggle_diy/frontend/src/streamlit_toggle.tsx,sha256=3ktIY7mrErKbEaBFMOnes-7ihU7OpoGBkY5NgBiLDvk,5490
 streamlit_toggle_diy/frontend/src/style.css,sha256=Dv1altORNXSycHo4hYEtekgCYJQNNJ_FmqvkZCwmwpA,142
-streamlit_toggle_diy-1.1.3.dist-info/LICENSE,sha256=NjPmumOMFSp_Jkk0GC961Ie0-R4mbAV6POCovLzRQJk,1061
-streamlit_toggle_diy-1.1.3.dist-info/METADATA,sha256=8E70ptghB1VkRNf1QLDEsoGSGN7aIN6vsr0y3lk-jQY,6918
-streamlit_toggle_diy-1.1.3.dist-info/WHEEL,sha256=GV9aMThwP_4oNCtvEC2ec3qUYutgWeAzklro_0m4WJQ,91
-streamlit_toggle_diy-1.1.3.dist-info/top_level.txt,sha256=nFI-mEsztmjsHXlvV0MpfzhT-2ovmY270y2Ulm--D3I,21
-streamlit_toggle_diy-1.1.3.dist-info/RECORD,,
+streamlit_toggle_diy-1.1.5.dist-info/LICENSE,sha256=NjPmumOMFSp_Jkk0GC961Ie0-R4mbAV6POCovLzRQJk,1061
+streamlit_toggle_diy-1.1.5.dist-info/METADATA,sha256=t7ugn0ehzexsLKysdf9_WPkY-5VqlByb85bjElbZbko,6888
+streamlit_toggle_diy-1.1.5.dist-info/WHEEL,sha256=GV9aMThwP_4oNCtvEC2ec3qUYutgWeAzklro_0m4WJQ,91
+streamlit_toggle_diy-1.1.5.dist-info/top_level.txt,sha256=nFI-mEsztmjsHXlvV0MpfzhT-2ovmY270y2Ulm--D3I,21
+streamlit_toggle_diy-1.1.5.dist-info/RECORD,,