webadwaita 0.2.0 → 0.2.1

package/dist/web/Checkbox/styles.css

@@ -0,0 +1,99 @@
+
+@layer priority1, priority2, priority3, priority4;
+@layer priority1{
+.x1rfi6cy{padding:12px}
+.xwmi1nh{padding:16px}
+.x14yi81o{padding:24px}
+.x1ck75x5{padding:32px}
+.xudt4gt{padding:4px}
+.x12ldruc{padding:8px}
+}
+@layer priority2{
+.x1bbxysd{border-color:rgba(0, 0, 0, 0.15)}
+.x16xecvt{border-color:rgba(0, 0, 0, 0.25)}
+.x3wdnbj{border-radius:12px}
+.xdwrzdg{border-radius:6px}
+.x4gkjtx{border-radius:9999px}
+.xdamf1x{border-radius:9px}
+.x19u8g8r{gap:12px}
+.x1od9ebw{gap:16px}
+.xc9i02s{gap:24px}
+.xy744dg{gap:32px}
+.x1cuygh6{gap:4px}
+.x15hg9oy{gap:8px}
+.xb3r6kr{overflow:hidden}
+.x83n5x6{padding-block:12px}
+.x1of5wme{padding-inline:12px}
+.x1w4cf6q{padding-inline:16px}
+.xoawizh{padding-inline:24px}
+.x1pe04oy:hover{border-color:rgba(0, 0, 0, 0.8)}
+}
+@layer priority3{
+.x1pha0wt{align-items:baseline}
+.x6s0dn4{align-items:center}
+.xuk3077{align-items:flex-end}
+.x1cy8zhl{align-items:flex-start}
+.x1qjc9v5{align-items:stretch}
+.xqcrz7y{align-self:flex-start}
+.xkh2ocl{align-self:stretch}
+.xhw1y8f{background-color:#3584e4}
+.x1jedtje{background-color:#e01b24}
+.x2pwvcl{background-color:#ffffff}
+.x1wvpxmy{background-color:rgba(0, 0, 0, 0.07)}
+.xjbqb8w{background-color:transparent}
+.x11j0q79{box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}
+.xgtzv0a{color:#ffffff}
+.xk7gp71{color:#ffffff}
+.x117bw84{color:rgba(0, 0, 0, 0.8)}
+.x1h6gzvc{cursor:not-allowed}
+.x1ypdohk{cursor:pointer}
+.x78zum5{display:flex}
+.xdt5ytf{flex-direction:column}
+.x1q0g3np{flex-direction:row}
+.x1iyjqo2{flex-grow:1}
+.x1a02dak{flex-wrap:wrap}
+.x164ifzn{font-family:"Adwaita Sans", "Cantarell", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}
+.x13gn23q{font-size:12px}
+.xqwltnl{font-size:14px}
+.xif65rj{font-size:14px}
+.x1lbyq2x{font-size:16px}
+.xaajq3h{font-weight:600}
+.xq8utqp{font-weight:700}
+.x1xlr1w8{font-weight:700}
+.xl56j7k{justify-content:center}
+.x13a6bvl{justify-content:flex-end}
+.x1nhvcw1{justify-content:flex-start}
+.x1l1ennw{justify-content:space-around}
+.x1qughib{justify-content:space-between}
+.xaw8158{justify-content:space-evenly}
+.x11807lh{line-height:1.3}
+.x1aebrpu{line-height:1.4}
+.x7zvn91{line-height:1.5}
+.xo5v014{line-height:1}
+.xbyyjgo{opacity:.5}
+.x2b8uid{text-align:center}
+.xcj3dzi{transition-duration:120ms}
+.xts7igz{transition-property:background-color,border-color}
+.x1koyr57{transition-property:background-color,box-shadow,color}
+.xfrgxy7{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}
+.x87ps6o{user-select:none}
+.x12s1yt6:hover{background-color:#4a90e9}
+.xusvk13:hover{background-color:#e8434b}
+.x1b2b8i4:hover{background-color:rgba(0, 0, 0, 0.07)}
+.xvuosku:hover{background-color:rgba(0, 0, 0, 0.12)}
+.xc7rq14:active{background-color:#1a6bb8}
+.x1x0tut:active{background-color:#b81920}
+.x1krbwd3:active{background-color:rgba(0, 0, 0, 0.12)}
+.xtkh9g1:active{background-color:rgba(0, 0, 0, 0.18)}
+}
+@layer priority4{
+.x14ro01c{border-bottom-color:rgba(0, 0, 0, 0.15)}
+.x1q0q8m5{border-bottom-style:solid}
+.xso031l{border-bottom-width:1px}
+.xmix8c7{height:18px}
+.x1fgtraw{height:28px}
+.xc9qbxq{height:36px}
+.xn3w4p2{height:44px}
+.xeuugli{min-width:0}
+.x1xp8n7a{width:18px}
+}

package/dist/web/Entry/index.js

@@ -0,0 +1,74 @@
+import './styles.css';
+import { defaultStyles as _rsdDefaultStyles, merge as _rsdMerge } from "react-strict-dom/runtime";
+import * as React from 'react';
+import { css, html } from 'react-strict-dom';
+import { palette, radius, spacing, typography, motion } from '../tokens.css';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Adwaita-style text entry. Underline focus indicator + subtle filled surface,
+ * like libadwaita's `AdwEntry`.
+ */
+export function Entry(props) {
+  const {
+    value,
+    defaultValue,
+    placeholder,
+    disabled = false,
+    readOnly = false,
+    invalid = false,
+    type = 'text',
+    onChange,
+    onSubmit
+  } = props;
+  const latestValueRef = React.useRef(value ?? defaultValue ?? '');
+  return /*#__PURE__*/_jsx("input", {
+    type: type,
+    value: value,
+    defaultValue: defaultValue,
+    placeholder: placeholder,
+    disabled: disabled,
+    readOnly: readOnly,
+    onChange: e => {
+      latestValueRef.current = e.target.value;
+      onChange?.(e.target.value);
+    },
+    onKeyDown: e => {
+      if (e.key === 'Enter') onSubmit?.(latestValueRef.current);
+    },
+    ..._rsdMerge(_rsdDefaultStyles.input, styles.input, invalid && styles.invalid, disabled && styles.disabled),
+    dir: "auto"
+  });
+}
+const styles = {
+  input: {
+    kWkggS: "x1wvpxmy",
+    kMwMTN: "x117bw84",
+    kMzoRj: "xc342km",
+    kt9PQ7: "xlxy82",
+    kfdmCh: "x1q0q8m5",
+    kL6WhQ: "x16stqrj x19pfmzq xj3zwls",
+    kIxVMA: "x2donmn",
+    ksF3WI: "xngj8x4",
+    kqGeR4: "xfrllxf",
+    kYm2EN: "xjppbhk",
+    k8WAf4: "x5f28bg",
+    kg3NbH: "x1of5wme",
+    kMv6JI: "x164ifzn",
+    kGuDYH: "xqwltnl",
+    kLWn49: "x7zvn91",
+    kAzted: "xu0aao5",
+    k1ekBW: "xq90yva",
+    kIyJzY: "xcj3dzi",
+    kAMwcw: "xfrgxy7",
+    $$css: true
+  },
+  invalid: {
+    kL6WhQ: "x16l2oou x129yw6v x1xmy3i3",
+    $$css: true
+  },
+  disabled: {
+    kSiTet: "xbyyjgo",
+    kkrTdU: "x1h6gzvc",
+    $$css: true
+  }
+};

package/dist/web/Entry/styles.css

@@ -0,0 +1,113 @@
+
+@layer priority1, priority2, priority3, priority4;
+@layer priority1{
+.x1rfi6cy{padding:12px}
+.xwmi1nh{padding:16px}
+.x14yi81o{padding:24px}
+.x1ck75x5{padding:32px}
+.xudt4gt{padding:4px}
+.x12ldruc{padding:8px}
+}
+@layer priority2{
+.x1bbxysd{border-color:rgba(0, 0, 0, 0.15)}
+.x16xecvt{border-color:rgba(0, 0, 0, 0.25)}
+.x3wdnbj{border-radius:12px}
+.xdwrzdg{border-radius:6px}
+.x4gkjtx{border-radius:9999px}
+.xdamf1x{border-radius:9px}
+.x19u8g8r{gap:12px}
+.x1od9ebw{gap:16px}
+.xc9i02s{gap:24px}
+.xy744dg{gap:32px}
+.x1cuygh6{gap:4px}
+.x15hg9oy{gap:8px}
+.xb3r6kr{overflow:hidden}
+.x83n5x6{padding-block:12px}
+.x5f28bg{padding-block:8px}
+.x1of5wme{padding-inline:12px}
+.x1w4cf6q{padding-inline:16px}
+.xoawizh{padding-inline:24px}
+.x1pe04oy:hover{border-color:rgba(0, 0, 0, 0.8)}
+}
+@layer priority3{
+.x1pha0wt{align-items:baseline}
+.x6s0dn4{align-items:center}
+.xuk3077{align-items:flex-end}
+.x1cy8zhl{align-items:flex-start}
+.x1qjc9v5{align-items:stretch}
+.xqcrz7y{align-self:flex-start}
+.xkh2ocl{align-self:stretch}
+.xhw1y8f{background-color:#3584e4}
+.x1jedtje{background-color:#e01b24}
+.x2pwvcl{background-color:#ffffff}
+.x1wvpxmy{background-color:rgba(0, 0, 0, 0.07)}
+.xjbqb8w{background-color:transparent}
+.x11j0q79{box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}
+.xgtzv0a{color:#ffffff}
+.xk7gp71{color:#ffffff}
+.x117bw84{color:rgba(0, 0, 0, 0.8)}
+.x1h6gzvc{cursor:not-allowed}
+.x1ypdohk{cursor:pointer}
+.x78zum5{display:flex}
+.xdt5ytf{flex-direction:column}
+.x1q0g3np{flex-direction:row}
+.x1iyjqo2{flex-grow:1}
+.x1a02dak{flex-wrap:wrap}
+.x164ifzn{font-family:"Adwaita Sans", "Cantarell", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}
+.x13gn23q{font-size:12px}
+.xqwltnl{font-size:14px}
+.xif65rj{font-size:14px}
+.x1lbyq2x{font-size:16px}
+.xaajq3h{font-weight:600}
+.xq8utqp{font-weight:700}
+.x1xlr1w8{font-weight:700}
+.xl56j7k{justify-content:center}
+.x13a6bvl{justify-content:flex-end}
+.x1nhvcw1{justify-content:flex-start}
+.x1l1ennw{justify-content:space-around}
+.x1qughib{justify-content:space-between}
+.xaw8158{justify-content:space-evenly}
+.x11807lh{line-height:1.3}
+.x1aebrpu{line-height:1.4}
+.x7zvn91{line-height:1.5}
+.xo5v014{line-height:1}
+.xbyyjgo{opacity:.5}
+.x2b8uid{text-align:center}
+.xcj3dzi{transition-duration:120ms}
+.xts7igz{transition-property:background-color,border-color}
+.x1koyr57{transition-property:background-color,box-shadow,color}
+.xq90yva{transition-property:border-color,background-color}
+.xfrgxy7{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}
+.x87ps6o{user-select:none}
+.x12s1yt6:hover{background-color:#4a90e9}
+.xusvk13:hover{background-color:#e8434b}
+.x1b2b8i4:hover{background-color:rgba(0, 0, 0, 0.07)}
+.xvuosku:hover{background-color:rgba(0, 0, 0, 0.12)}
+.xc7rq14:active{background-color:#1a6bb8}
+.x1x0tut:active{background-color:#b81920}
+.x1krbwd3:active{background-color:rgba(0, 0, 0, 0.12)}
+.xtkh9g1:active{background-color:rgba(0, 0, 0, 0.18)}
+}
+@layer priority4{
+.x14ro01c{border-bottom-color:rgba(0, 0, 0, 0.15)}
+.x16stqrj{border-bottom-color:transparent}
+.x16l2oou{border-bottom-color:#e01b24}
+.xfrllxf{border-bottom-left-radius:0}
+.xjppbhk{border-bottom-right-radius:0}
+.x1q0q8m5{border-bottom-style:solid}
+.xso031l{border-bottom-width:1px}
+.xlxy82{border-bottom-width:2px}
+.x2donmn{border-top-left-radius:6px}
+.xngj8x4{border-top-right-radius:6px}
+.xmix8c7{height:18px}
+.x1fgtraw{height:28px}
+.xc9qbxq{height:36px}
+.xn3w4p2{height:44px}
+.xu0aao5{min-height:36px}
+.xeuugli{min-width:0}
+.x1xp8n7a{width:18px}
+.x129yw6v:hover{border-bottom-color:#e01b24}
+.x19pfmzq:hover{border-bottom-color:rgba(0, 0, 0, 0.25)}
+.x1xmy3i3:focus{border-bottom-color:#e01b24}
+.xj3zwls:focus{border-bottom-color:#3584e4}
+}

package/dist/web/HeaderBar/index.js

@@ -0,0 +1,87 @@
+import './styles.css';
+import { defaultStyles as _rsdDefaultStyles, merge as _rsdMerge } from "react-strict-dom/runtime";
+import * as React from 'react';
+import { css, html } from 'react-strict-dom';
+import { palette, spacing, typography } from '../tokens.css';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Top-level header bar matching libadwaita's AdwHeaderBar — a thin titled
+ * strip that sits at the top of a window. Centered title with optional
+ * leading/trailing slots.
+ */
+export function HeaderBar(props) {
+  const {
+    title,
+    subtitle,
+    start,
+    end
+  } = props;
+  return /*#__PURE__*/_jsxs("header", {
+    ..._rsdMerge(_rsdDefaultStyles.header, styles.bar),
+    children: [/*#__PURE__*/_jsx("div", {
+      ..._rsdMerge(_rsdDefaultStyles.div, styles.side),
+      children: start
+    }), /*#__PURE__*/_jsxs("div", {
+      ..._rsdMerge(_rsdDefaultStyles.div, styles.titleBlock),
+      children: [title != null && /*#__PURE__*/_jsx("span", {
+        ..._rsdMerge(_rsdDefaultStyles.span, styles.title),
+        children: title
+      }), subtitle != null && /*#__PURE__*/_jsx("span", {
+        ..._rsdMerge(_rsdDefaultStyles.span, styles.subtitle),
+        children: subtitle
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      ..._rsdMerge(_rsdDefaultStyles.div, styles.side, styles.sideEnd),
+      children: end
+    })]
+  });
+}
+const styles = {
+  bar: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "x1q0g3np",
+    kGNEyG: "x6s0dn4",
+    kWkggS: "xdwvxq8",
+    kt9PQ7: "xso031l",
+    kfdmCh: "x1q0q8m5",
+    kL6WhQ: "x14ro01c",
+    k8WAf4: "x5f28bg",
+    kg3NbH: "x1of5wme",
+    kOIVth: "x15hg9oy",
+    kAzted: "x3sc9yq",
+    $$css: true
+  },
+  side: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "x1q0g3np",
+    kGNEyG: "x6s0dn4",
+    kOIVth: "x15hg9oy",
+    kCS8Yb: "x1r8uery",
+    kzQI83: "x1iyjqo2",
+    $$css: true
+  },
+  sideEnd: {
+    kjj79g: "x13a6bvl",
+    $$css: true
+  },
+  titleBlock: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    $$css: true
+  },
+  title: {
+    kMv6JI: "x164ifzn",
+    kGuDYH: "xqwltnl",
+    k63SB2: "xaajq3h",
+    kMwMTN: "x117bw84",
+    $$css: true
+  },
+  subtitle: {
+    kMv6JI: "x164ifzn",
+    kGuDYH: "x13gn23q",
+    kMwMTN: "xlw9qwm",
+    $$css: true
+  }
+};

package/dist/web/HeaderBar/styles.css

@@ -0,0 +1,117 @@
+
+@layer priority1, priority2, priority3, priority4;
+@layer priority1{
+.x1rfi6cy{padding:12px}
+.xwmi1nh{padding:16px}
+.x14yi81o{padding:24px}
+.x1ck75x5{padding:32px}
+.xudt4gt{padding:4px}
+.x12ldruc{padding:8px}
+}
+@layer priority2{
+.x1bbxysd{border-color:rgba(0, 0, 0, 0.15)}
+.x16xecvt{border-color:rgba(0, 0, 0, 0.25)}
+.x3wdnbj{border-radius:12px}
+.xdwrzdg{border-radius:6px}
+.x4gkjtx{border-radius:9999px}
+.xdamf1x{border-radius:9px}
+.x19u8g8r{gap:12px}
+.x1od9ebw{gap:16px}
+.xc9i02s{gap:24px}
+.xy744dg{gap:32px}
+.x1cuygh6{gap:4px}
+.x15hg9oy{gap:8px}
+.xb3r6kr{overflow:hidden}
+.x83n5x6{padding-block:12px}
+.x5f28bg{padding-block:8px}
+.x1of5wme{padding-inline:12px}
+.x1w4cf6q{padding-inline:16px}
+.xoawizh{padding-inline:24px}
+.x1pe04oy:hover{border-color:rgba(0, 0, 0, 0.8)}
+}
+@layer priority3{
+.x1pha0wt{align-items:baseline}
+.x6s0dn4{align-items:center}
+.xuk3077{align-items:flex-end}
+.x1cy8zhl{align-items:flex-start}
+.x1qjc9v5{align-items:stretch}
+.xqcrz7y{align-self:flex-start}
+.xkh2ocl{align-self:stretch}
+.xhw1y8f{background-color:#3584e4}
+.x1jedtje{background-color:#e01b24}
+.x2pwvcl{background-color:#ffffff}
+.x1wvpxmy{background-color:rgba(0, 0, 0, 0.07)}
+.xjbqb8w{background-color:transparent}
+.xdwvxq8{background-color:#ebebeb}
+.x11j0q79{box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}
+.xgtzv0a{color:#ffffff}
+.xk7gp71{color:#ffffff}
+.x117bw84{color:rgba(0, 0, 0, 0.8)}
+.xlw9qwm{color:rgba(0, 0, 0, 0.55)}
+.x1h6gzvc{cursor:not-allowed}
+.x1ypdohk{cursor:pointer}
+.x78zum5{display:flex}
+.x1r8uery{flex-basis:0}
+.xdt5ytf{flex-direction:column}
+.x1q0g3np{flex-direction:row}
+.x1iyjqo2{flex-grow:1}
+.x1a02dak{flex-wrap:wrap}
+.x164ifzn{font-family:"Adwaita Sans", "Cantarell", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}
+.x13gn23q{font-size:12px}
+.xqwltnl{font-size:14px}
+.xif65rj{font-size:14px}
+.x1lbyq2x{font-size:16px}
+.xaajq3h{font-weight:600}
+.xq8utqp{font-weight:700}
+.x1xlr1w8{font-weight:700}
+.xl56j7k{justify-content:center}
+.x13a6bvl{justify-content:flex-end}
+.x1nhvcw1{justify-content:flex-start}
+.x1l1ennw{justify-content:space-around}
+.x1qughib{justify-content:space-between}
+.xaw8158{justify-content:space-evenly}
+.x11807lh{line-height:1.3}
+.x1aebrpu{line-height:1.4}
+.x7zvn91{line-height:1.5}
+.xo5v014{line-height:1}
+.xbyyjgo{opacity:.5}
+.x2b8uid{text-align:center}
+.xcj3dzi{transition-duration:120ms}
+.xts7igz{transition-property:background-color,border-color}
+.x1koyr57{transition-property:background-color,box-shadow,color}
+.xq90yva{transition-property:border-color,background-color}
+.xfrgxy7{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}
+.x87ps6o{user-select:none}
+.x12s1yt6:hover{background-color:#4a90e9}
+.xusvk13:hover{background-color:#e8434b}
+.x1b2b8i4:hover{background-color:rgba(0, 0, 0, 0.07)}
+.xvuosku:hover{background-color:rgba(0, 0, 0, 0.12)}
+.xc7rq14:active{background-color:#1a6bb8}
+.x1x0tut:active{background-color:#b81920}
+.x1krbwd3:active{background-color:rgba(0, 0, 0, 0.12)}
+.xtkh9g1:active{background-color:rgba(0, 0, 0, 0.18)}
+}
+@layer priority4{
+.x16l2oou{border-bottom-color:#e01b24}
+.x14ro01c{border-bottom-color:rgba(0, 0, 0, 0.15)}
+.x16stqrj{border-bottom-color:transparent}
+.xfrllxf{border-bottom-left-radius:0}
+.xjppbhk{border-bottom-right-radius:0}
+.x1q0q8m5{border-bottom-style:solid}
+.xso031l{border-bottom-width:1px}
+.xlxy82{border-bottom-width:2px}
+.x2donmn{border-top-left-radius:6px}
+.xngj8x4{border-top-right-radius:6px}
+.xmix8c7{height:18px}
+.x1fgtraw{height:28px}
+.xc9qbxq{height:36px}
+.xn3w4p2{height:44px}
+.xu0aao5{min-height:36px}
+.x3sc9yq{min-height:46px}
+.xeuugli{min-width:0}
+.x1xp8n7a{width:18px}
+.x129yw6v:hover{border-bottom-color:#e01b24}
+.x19pfmzq:hover{border-bottom-color:rgba(0, 0, 0, 0.25)}
+.xj3zwls:focus{border-bottom-color:#3584e4}
+.x1xmy3i3:focus{border-bottom-color:#e01b24}
+}

package/dist/web/Switch/index.js

@@ -0,0 +1,86 @@
+import './styles.css';
+import { defaultStyles as _rsdDefaultStyles, merge as _rsdMerge } from "react-strict-dom/runtime";
+import { css, html } from 'react-strict-dom';
+import { palette, motion } from '../tokens.css';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Adwaita-style toggle switch — pill-shaped track with a sliding thumb.
+ * Uses an html.button so it works identically on web and native via
+ * react-strict-dom; the inner thumb is positioned absolutely.
+ */
+export function Switch(props) {
+  const {
+    checked,
+    disabled = false,
+    onChange,
+    label
+  } = props;
+  const toggle = () => {
+    if (!disabled) onChange?.(!checked);
+  };
+  return /*#__PURE__*/_jsx("button", {
+    type: "button",
+    role: "switch",
+    "aria-checked": checked,
+    "aria-label": label,
+    disabled: disabled,
+    onClick: toggle,
+    ..._rsdMerge(_rsdDefaultStyles.button, styles.track, checked ? styles.trackOn : styles.trackOff, disabled && styles.disabled),
+    children: /*#__PURE__*/_jsx("span", {
+      ..._rsdMerge(_rsdDefaultStyles.span, styles.thumb, checked ? styles.thumbOn : styles.thumbOff)
+    })
+  });
+}
+const TRACK_W = 48;
+const TRACK_H = 28;
+const THUMB = 22;
+const PAD = (TRACK_H - THUMB) / 2;
+const styles = {
+  track: {
+    kVAEAm: "x1n2onr6",
+    kzqmXN: "x1useyqa",
+    kZKoxP: "x1fgtraw",
+    kaIpWk: "xixl9f9",
+    kMzoRj: "xc342km",
+    kkrTdU: "x1ypdohk",
+    k1ekBW: "x15406qy",
+    kIyJzY: "x176dcb3",
+    kAMwcw: "xfrgxy7",
+    kmVPX3: "x1717udv",
+    $$css: true
+  },
+  trackOff: {
+    kWkggS: "x6zc1lr xnh8i4f",
+    $$css: true
+  },
+  trackOn: {
+    kWkggS: "xhw1y8f x12s1yt6",
+    $$css: true
+  },
+  thumb: {
+    kVAEAm: "x10l6tqk",
+    k87sOh: "xxk6nc9",
+    kzqmXN: "x17z2i9w",
+    kZKoxP: "x17rw0jw",
+    kaIpWk: "x1ctf4ec",
+    kWkggS: "x1c5tqo3",
+    kGVxlE: "xbo08cl",
+    k1ekBW: "x1ebn093",
+    kIyJzY: "x176dcb3",
+    kAMwcw: "xfrgxy7",
+    $$css: true
+  },
+  thumbOff: {
+    kbCHJM: "x4mh905",
+    $$css: true
+  },
+  thumbOn: {
+    kbCHJM: "x161fk8o",
+    $$css: true
+  },
+  disabled: {
+    kSiTet: "xbyyjgo",
+    kkrTdU: "x1h6gzvc",
+    $$css: true
+  }
+};