@tamagui/demos 2.7.7 → 3.0.0-beta.1093.1

package/types/index.d.ts

@@ -0,0 +1,60 @@
+export * from './AccordionDemo';
+export * from './AddThemeDemo';
+export * from './AlertDialogDemo';
+export * from './AnimationsDelayDemo';
+export * from './AnimationsEnterDemo';
+export * from './AnimationsHoverDemo';
+export * from './AnimationsPresenceDemo';
+export * from './AnimationsTimingDemo';
+export * from './AvatarDemo';
+export * from './BoxShadowTokenDemo';
+export * from './BuildAButtonDemo';
+export * from './ButtonDemo';
+export * from './ThemeBuilderDemo';
+export * from './CardDemo';
+export * from './CheckboxDemo';
+export * from './CheckboxHeadlessDemo';
+export * from './ColorsDemo';
+export * from './ContextMenuDemo';
+export * from './MenuDemo';
+export * from './DialogDemo';
+export * from './FormsDemo';
+export * from './GroupDemo';
+export * from './HeadingsDemo';
+export * from './ImageDemo';
+export * from './WebNativeImageDemo';
+export * from './InputsDemo';
+export * from './NewInputsDemo';
+export * from './LabelDemo';
+export * from './LinearGradientDemo';
+export * from './ListItemDemo';
+export * from './LucideIconsDemo';
+export * from './PopoverDemo';
+export * from './ProgressDemo';
+export * from './RadioGroupDemo';
+export * from './RadioGroupHeadlessDemo';
+export * from './RadioGroupCustomDemo';
+export * from './ReplaceThemeDemo';
+export * from './ScrollViewDemo';
+export * from './SelectDemo';
+export * from './SeparatorDemo';
+export * from './ShapesDemo';
+export * from './SheetDemo';
+export * from './SliderDemo';
+export * from './SpinnerDemo';
+export * from './StacksDemo';
+export * from './SwitchDemo';
+export * from './SwitchHeadlessDemo';
+export * from './TabsAdvancedDemo';
+export * from './TabsDemo';
+export * from './TextDemo';
+export * from './ThemeInverseDemo';
+export * from './ToastDemo';
+export * from './ToastDuplicateDemo';
+export * from './ToastV1Demo';
+export * from './ToggleGroupDemo';
+export * from './TokensDemo';
+export * from './TooltipDemo';
+export * from './UpdateThemeDemo';
+export * from './useOnIntersecting';
+//# sourceMappingURL=index.d.ts.map

package/types/useOnIntersecting.d.ts

@@ -0,0 +1,10 @@
+import type { RefObject } from 'react';
+type DisposeFn = () => void;
+type IntersectCallback = (props: (IntersectionObserverEntry | null)[], didResize?: boolean) => DisposeFn | void | null;
+type HTMLRef = RefObject<HTMLElement | null>;
+export declare function useIsIntersecting<Ref extends HTMLRef | HTMLRef[]>(refs: Ref, { once, ...opts }?: IntersectionObserverInit & {
+    once?: boolean;
+}): Ref extends any[] ? boolean[] : boolean;
+export declare function useOnIntersecting<Ref extends HTMLRef | HTMLRef[]>(refsIn: Ref, incomingCbRaw: IntersectCallback, { threshold, root, rootMargin }?: IntersectionObserverInit, mountArgs?: any[]): void;
+export {};
+//# sourceMappingURL=useOnIntersecting.d.ts.map

package/dist/cjs/CheckboxUnstyledDemo.cjs

@@ -1,80 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var CheckboxUnstyledDemo_exports = {};
-__export(CheckboxUnstyledDemo_exports, {
-  Checkbox: () => Checkbox,
-  CheckboxUnstyledDemo: () => CheckboxUnstyledDemo
-});
-module.exports = __toCommonJS(CheckboxUnstyledDemo_exports);
-var import_checkbox = require("@tamagui/checkbox");
-var import_core = require("@tamagui/core");
-var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
-var import_tamagui = require("tamagui");
-var import_jsx_runtime = require("react/jsx-runtime");
-const Frame = (0, import_core.styled)(import_core.View, {
-  borderWidth: 1,
-  borderColor: "$borderColor",
-  rounded: 5,
-  items: "center",
-  justify: "center",
-  variants: {
-    checked: {
-      indeterminate: {},
-      true: {
-        backgroundColor: "$color5"
-      },
-      false: {
-        backgroundColor: "$color3"
-      }
-    }
-  },
-  defaultVariants: {
-    checked: false
-  }
-});
-const Indicator = (0, import_core.styled)(import_core.View, {});
-const Checkbox = (0, import_checkbox.createCheckbox)({
-  Frame,
-  Indicator
-});
-function CheckboxUnstyledDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Checkbox, {
-        defaultChecked: true,
-        id: "unstyled",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Checkbox.Indicator, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {})
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-        htmlFor: "unstyled",
-        children: "Unstyled"
-      })]
-    })
-  });
-}

package/dist/cjs/CheckboxUnstyledDemo.native.js

@@ -1,83 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var CheckboxUnstyledDemo_exports = {};
-__export(CheckboxUnstyledDemo_exports, {
-  Checkbox: () => Checkbox,
-  CheckboxUnstyledDemo: () => CheckboxUnstyledDemo
-});
-module.exports = __toCommonJS(CheckboxUnstyledDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_checkbox = require("@tamagui/checkbox");
-var import_core = require("@tamagui/core");
-var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
-var import_tamagui = require("tamagui");
-var Frame = (0, import_core.styled)(import_core.View, {
-  borderWidth: 1,
-  borderColor: "$borderColor",
-  rounded: 5,
-  items: "center",
-  justify: "center",
-  variants: {
-    checked: {
-      indeterminate: {},
-      true: {
-        backgroundColor: "$color5"
-      },
-      false: {
-        backgroundColor: "$color3"
-      }
-    }
-  },
-  defaultVariants: {
-    checked: false
-  }
-});
-var Indicator = (0, import_core.styled)(import_core.View, {});
-var Checkbox = (0, import_checkbox.createCheckbox)({
-  Frame,
-  Indicator
-});
-function CheckboxUnstyledDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Checkbox, {
-        defaultChecked: true,
-        id: "unstyled",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Checkbox.Indicator, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {})
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-        htmlFor: "unstyled",
-        children: "Unstyled"
-      })]
-    })
-  });
-}
-//# sourceMappingURL=CheckboxUnstyledDemo.native.js.map

package/dist/cjs/CheckboxUnstyledDemo.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CheckboxUnstyledDemo_exports","__export","Checkbox","CheckboxUnstyledDemo","module","exports","import_jsx_runtime","require","import_checkbox","import_core","import_lucide_icons_2","import_tamagui","Frame","styled","View","borderWidth","borderColor","rounded","items","justify","variants","checked","indeterminate","true","backgroundColor","false","defaultVariants","Indicator","createCheckbox","jsx","YStack","width","gap"],"sources":["../../src/CheckboxUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA+B,CAAAK,4BAAA;AAC/B,IAAAM,kBAA6B,GAAAC,OAAA;AAC7B,IAAAC,eAAA,GAAAD,OAAsB;AACtB,IAAAE,WAAA,GAAAF,OAAsC;AAmChC,IAAAG,qBAAA,GAAAH,OAAA;AAjCN,IAAAI,cAAc,GAAAJ,OAAA,UAAO;AAAM,IACzBK,KAAA,OAAaH,WAAA,CAAAI,MAAA,EAAAJ,WAAA,CAAAK,IAAA;EACbC,WAAA,EAAa;EACbC,WAAS;EACTC,OAAO;EACPC,KAAA,UAAS;EACTC,OAAA,UAAU;EAAAC,QACR;IAASC,OACP;MACAC,aAAM;MAAAC,IACJ;QACFC,eAAA;MACA;MAAOC,KACL;QACFD,eAAA;MACF;IACF;EAEA;EAAiBE,eACN;IACXL,OAAA;EACD;AAED;AAEO,IAAAM,SAAM,OAAAlB,WAAW,CAAAI,MAAA,EAAAJ,WAAA,CAAAK,IAAe;AAAA,IACrCZ,QAAA,OAAAM,eAAA,CAAAoB,cAAA;EACAhB,KAAA;EACDe;AAEM;AACL,SACExB,qBAAA;EAEI,0BAAAG,kBAAA,CAACuB,GAAA,EAAAlB,cAAS,CAAAmB,MAAA,EAAc;IAKxBC,KAAA;IAAkCb,KAEtC;IAEJc,GAAA","ignoreList":[]}

package/dist/cjs/RadioGroupUnstyledDemo.cjs

@@ -1,143 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var RadioGroupUnstyledDemo_exports = {};
-__export(RadioGroupUnstyledDemo_exports, {
-  RadioGroupUnstyledDemo: () => RadioGroupUnstyledDemo
-});
-module.exports = __toCommonJS(RadioGroupUnstyledDemo_exports);
-var import_tamagui = require("tamagui");
-var import_radio_group = require("@tamagui/radio-group");
-var import_jsx_runtime = require("react/jsx-runtime");
-const RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
-const RadioGroupItemFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
-  name: RADIO_GROUP_ITEM_NAME,
-  render: "button",
-  rounded: 1e3,
-  bg: "$background",
-  items: "center",
-  justify: "center",
-  borderWidth: 1,
-  borderColor: "$borderColor",
-  p: 0,
-  hoverStyle: {
-    borderColor: "$borderColorHover",
-    bg: "$backgroundHover"
-  },
-  focusStyle: {
-    borderColor: "$borderColorHover",
-    bg: "$backgroundHover"
-  },
-  focusVisibleStyle: {
-    outlineStyle: "solid",
-    outlineWidth: 2,
-    outlineColor: "$outlineColor"
-  },
-  pressStyle: {
-    borderColor: "$borderColorFocus",
-    bg: "$backgroundFocus"
-  },
-  variants: {
-    disabled: {
-      true: {
-        pointerEvents: "none",
-        userSelect: "none",
-        cursor: "not-allowed",
-        hoverStyle: {
-          borderColor: "$borderColor",
-          bg: "$background"
-        },
-        pressStyle: {
-          borderColor: "$borderColor",
-          bg: "$background"
-        },
-        focusVisibleStyle: {
-          outlineWidth: 0
-        }
-      }
-    }
-  }
-});
-const RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
-const RadioGroupIndicatorFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
-  name: RADIO_GROUP_INDICATOR_NAME,
-  width: "53%",
-  height: "53%",
-  rounded: 1e3,
-  bg: "$color"
-});
-const RADIO_GROUP_NAME = "RadioGroup";
-const RadioGroupFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
-  name: RADIO_GROUP_NAME,
-  variants: {
-    orientation: {
-      horizontal: {
-        flexDirection: "row",
-        spaceDirection: "horizontal"
-      },
-      vertical: {
-        flexDirection: "column",
-        spaceDirection: "vertical"
-      }
-    }
-  }
-});
-const RadioGroup = (0, import_radio_group.createRadioGroup)({
-  Frame: RadioGroupFrame,
-  Indicator: RadioGroupIndicatorFrame,
-  Item: RadioGroupItemFrame
-});
-function RadioGroupUnstyledDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroup, {
-    "aria-labelledby": "Select one item",
-    defaultValue: "3",
-    name: "form",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      width: 200,
-      items: "center",
-      gap: "$2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-        value: "2",
-        label: "Option One"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-        value: "3",
-        label: "Option Two"
-      })]
-    })
-  });
-}
-function RadioGroupItemWithLabel(props) {
-  const id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    width: 300,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroup.Item, {
-      value: props.value,
-      id,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroup.Indicator, {})
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-      htmlFor: id,
-      children: props.label
-    })]
-  });
-}

package/dist/cjs/RadioGroupUnstyledDemo.native.js

@@ -1,146 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var RadioGroupUnstyledDemo_exports = {};
-__export(RadioGroupUnstyledDemo_exports, {
-  RadioGroupUnstyledDemo: () => RadioGroupUnstyledDemo
-});
-module.exports = __toCommonJS(RadioGroupUnstyledDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_tamagui = require("tamagui");
-var import_radio_group = require("@tamagui/radio-group");
-var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
-var RadioGroupItemFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
-  name: RADIO_GROUP_ITEM_NAME,
-  render: "button",
-  rounded: 1e3,
-  bg: "$background",
-  items: "center",
-  justify: "center",
-  borderWidth: 1,
-  borderColor: "$borderColor",
-  p: 0,
-  hoverStyle: {
-    borderColor: "$borderColorHover",
-    bg: "$backgroundHover"
-  },
-  focusStyle: {
-    borderColor: "$borderColorHover",
-    bg: "$backgroundHover"
-  },
-  focusVisibleStyle: {
-    outlineStyle: "solid",
-    outlineWidth: 2,
-    outlineColor: "$outlineColor"
-  },
-  pressStyle: {
-    borderColor: "$borderColorFocus",
-    bg: "$backgroundFocus"
-  },
-  variants: {
-    disabled: {
-      true: {
-        pointerEvents: "none",
-        userSelect: "none",
-        cursor: "not-allowed",
-        hoverStyle: {
-          borderColor: "$borderColor",
-          bg: "$background"
-        },
-        pressStyle: {
-          borderColor: "$borderColor",
-          bg: "$background"
-        },
-        focusVisibleStyle: {
-          outlineWidth: 0
-        }
-      }
-    }
-  }
-});
-var RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
-var RadioGroupIndicatorFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
-  name: RADIO_GROUP_INDICATOR_NAME,
-  width: "53%",
-  height: "53%",
-  rounded: 1e3,
-  bg: "$color"
-});
-var RADIO_GROUP_NAME = "RadioGroup";
-var RadioGroupFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
-  name: RADIO_GROUP_NAME,
-  variants: {
-    orientation: {
-      horizontal: {
-        flexDirection: "row",
-        spaceDirection: "horizontal"
-      },
-      vertical: {
-        flexDirection: "column",
-        spaceDirection: "vertical"
-      }
-    }
-  }
-});
-var RadioGroup = (0, import_radio_group.createRadioGroup)({
-  Frame: RadioGroupFrame,
-  Indicator: RadioGroupIndicatorFrame,
-  Item: RadioGroupItemFrame
-});
-function RadioGroupUnstyledDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroup, {
-    "aria-labelledby": "Select one item",
-    defaultValue: "3",
-    name: "form",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      width: 200,
-      items: "center",
-      gap: "$2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-        value: "2",
-        label: "Option One"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-        value: "3",
-        label: "Option Two"
-      })]
-    })
-  });
-}
-function RadioGroupItemWithLabel(props) {
-  var id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    width: 300,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroup.Item, {
-      value: props.value,
-      id,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroup.Indicator, {})
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-      htmlFor: id,
-      children: props.label
-    })]
-  });
-}
-//# sourceMappingURL=RadioGroupUnstyledDemo.native.js.map

package/dist/cjs/RadioGroupUnstyledDemo.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroupUnstyledDemo_exports","__export","RadioGroupUnstyledDemo","module","exports","import_jsx_runtime","require","import_tamagui","import_radio_group","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","styled","YStack","name","render","rounded","bg","items","justify","borderWidth","borderColor","p","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","variants","disabled","true","pointerEvents","userSelect","cursor","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","width","height","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical","RadioGroup","createRadioGroup","Frame","Indicator","Item","jsx","defaultValue","children","jsxs","gap","RadioGroupItemWithLabel"],"sources":["../../src/RadioGroupUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA8C,CAAAK,8BAAA;AAE9C,IAAAK,kBAAA,GAAiCC,OAAA;AAmG3B,IAAAC,cAAA,GAAAD,OAAA;AAjGN,IAAAE,kBAAM,GAAAF,OAAwB;AAE9B,IAAAG,qBAAM,mBAAsB;AAAe,IACzCC,mBAAM,OAAAH,cAAA,CAAAI,MAAA,EAAAJ,cAAA,CAAAK,MAAA;EACNC,IAAA,EAAAJ,qBAAQ;EAERK,MAAA,UAAS;EACTC,OAAI;EACJC,EAAA,eAAO;EACPC,KAAA,UAAS;EACTC,OAAA,UAAa;EACbC,WAAA,EAAa;EACbC,WAAG;EAEHC,CAAA;EAAYC,UACV;IACAF,WAAI;IACNJ,EAAA;EAEA;EAAYO,UACV;IACAH,WAAI;IACNJ,EAAA;EAEA;EAAmBQ,iBACH;IACdC,YAAA,EAAc;IACdC,YAAA,EAAc;IAChBC,YAAA;EAEA;EAAYC,UACV;IACAR,WAAI;IACNJ,EAAA;EAEA;EAAUa,QACR;IAAUC,QACF;MAAAC,IACJ;QACAC,aAAY;QACZC,UAAQ;QAERC,MAAA,eAAY;QAAAZ,UACV;UACAF,WAAI;UACNJ,EAAA;QAEA;QAAYY,UACV;UACAR,WAAI;UACNJ,EAAA;QAEA;QAAmBQ,iBACH;UAChBE,YAAA;QACF;MACF;IACF;EACQ;AAEV;AAEA,IAAAS,0BAAM,wBAA2B;AAAe,IAC9CC,wBAAM,OAAA7B,cAAA,CAAAI,MAAA,EAAAJ,cAAA,CAAAK,MAAA;EACNC,IAAA,EAAAsB,0BAAO;EACPE,KAAA,OAAQ;EACRC,MAAA,OAAS;EACTvB,OAAI;EACLC,EAAA;AAED;AAEA,IAAAuB,gBAAM,eAAkB;AAAe,IACrCC,eAAM,OAAAjC,cAAA,CAAAI,MAAA,EAAAJ,cAAA,CAAAK,MAAA;EACNC,IAAA,EAAA0B,gBAAU;EAAAV,QACR;IAAaY,WACX;MAAYC,UACV;QACAC,aAAA,OAAgB;QAClBC,cAAA;MACA;MAAUC,QACR;QACAF,aAAA,UAAgB;QAClBC,cAAA;MACF;IACF;EACD;AAED;AAAoC,IAClCE,UAAO,OAAAtC,kBAAA,CAAAuC,gBAAA;EACPC,KAAA,EAAAR,eAAW;EACXS,SAAM,EAAAb,wBAAA;EACPc,IAAA,EAAAxC;AAEM;AACL,SACER,uBAAA;EAEI,0BAAAG,kBAAA,CAAC8C,GAAA,EAAAL,UAAA;IACD;IAAsDM,YAE1D;IAEJvC,IAAA;IAEAwC,QAAS,qBAAwBhD,kBAAyC,CAAAiD,IAAA,EAAA/C,cAAA,CAAAK,MAAA;MACxEyB,KAAM,EAAK;MACXpB,KACE;MACEsC,GAAA;MAIAF,QAAA,GACF,mBAAAhD,kBAAA,CAAA8C,GAAA,EAAAK,uBAAA;QAEJzD,KAAA","ignoreList":[]}

package/dist/cjs/SwitchUnstyledDemo.cjs

@@ -1,91 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var SwitchUnstyledDemo_exports = {};
-__export(SwitchUnstyledDemo_exports, {
-  Switch: () => Switch,
-  SwitchUnstyledDemo: () => SwitchUnstyledDemo
-});
-module.exports = __toCommonJS(SwitchUnstyledDemo_exports);
-var import_core = require("@tamagui/core");
-var import_switch = require("@tamagui/switch");
-var import_tamagui = require("tamagui");
-var import_jsx_runtime = require("react/jsx-runtime");
-const Frame = (0, import_core.styled)(import_core.View, {
-  width: 40,
-  height: 20,
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        backgroundColor: "lightblue"
-      },
-      false: {
-        backgroundColor: "silver"
-      }
-    }
-  },
-  defaultVariants: {
-    checked: false
-  }
-});
-const Thumb = (0, import_core.styled)(import_core.View, {
-  width: 20,
-  height: 20,
-  bg: "black",
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        opacity: 0.8
-      },
-      false: {
-        opacity: 0.5
-      }
-    }
-  }
-});
-const Switch = (0, import_switch.createSwitch)({
-  Frame,
-  Thumb
-});
-function SwitchUnstyledDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-        htmlFor: "unstyled-switch",
-        children: "Unstyled"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Switch, {
-        defaultChecked: true,
-        id: "unstyled-switch",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Switch.Thumb, {
-          transition: "quickest"
-        })
-      })]
-    })
-  });
-}