@tamagui/toggle-group 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/jsx/ToggleGroup.js

@@ -1,182 +0,0 @@
-import { isWeb } from "@tamagui/constants";
-import { registerFocusable } from "@tamagui/focusable";
-import { withStaticProperties } from "@tamagui/helpers";
-import { RovingFocusGroup } from "@tamagui/roving-focus";
-import { useControllableState } from "@tamagui/use-controllable-state";
-import { useDirection } from "@tamagui/use-direction";
-import { createStyledContext, styled, View } from "@tamagui/web";
-import React from "react";
-import { Toggle, ToggleFrame } from "./Toggle";
-import { context as ToggleContext } from "./context";
-import { jsx } from "react/jsx-runtime";
-const TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider } = createStyledContext(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext({}), ToggleGroupItem = ToggleFrame.styleable(
-  (props, forwardedRef) => {
-    const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup), active = valueContext?.value.includes(props.value), color = props.color || toggleContext.color, disabled = context.disabled || props.disabled || !1, inner = /* @__PURE__ */ jsx(
-      ToggleGroupItemImpl,
-      {
-        ref: forwardedRef,
-        tabIndex: disabled ? -1 : 0,
-        ...props,
-        active,
-        disabled
-      }
-    );
-    return /* @__PURE__ */ jsx(ToggleGroupItemProvider, { scope: props.__scopeToggleGroup, children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, active, children: context.rovingFocus ? /* @__PURE__ */ jsx(
-      RovingFocusGroup.Item,
-      {
-        asChild: "except-style",
-        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
-        focusable: !disabled,
-        active,
-        children: inner
-      }
-    ) : inner }) });
-  }
-);
-ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
-const ToggleGroupItemImpl = React.forwardRef((props, forwardedRef) => {
-  const { __scopeToggleGroup, value, ...itemProps } = props, valueContext = useToggleGroupValueContext(__scopeToggleGroup), singleProps = { "aria-pressed": void 0 }, typeProps = valueContext.type === "single" ? singleProps : void 0;
-  return /* @__PURE__ */ jsx(
-    Toggle,
-    {
-      ...typeProps,
-      ...itemProps,
-      ref: forwardedRef,
-      onActiveChange: (pressed) => {
-        pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
-      }
-    }
-  );
-}), ToggleGroup = withStaticProperties(
-  React.forwardRef(
-    (props, forwardedRef) => {
-      const { type, ...toggleGroupProps } = props;
-      if (isWeb || React.useEffect(() => {
-        if (props.id)
-          return registerFocusable(props.id, {
-            focus: () => {
-            }
-          });
-      }, [props.id]), type === "single")
-        return /* @__PURE__ */ jsx(ToggleGroupImplSingle, { ...toggleGroupProps, ref: forwardedRef });
-      if (type === "multiple")
-        return /* @__PURE__ */ jsx(ToggleGroupImplMultiple, { ...toggleGroupProps, ref: forwardedRef });
-      throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
-    }
-  ),
-  {
-    Item: ToggleGroupItem
-  }
-);
-ToggleGroup.displayName = TOGGLE_GROUP_NAME;
-const {
-  Provider: ToggleGroupValueProvider,
-  useStyledContext: useToggleGroupValueContext
-} = createStyledContext(), ToggleGroupImplSingle = React.forwardRef((props, forwardedRef) => {
-  const {
-    value: valueProp,
-    defaultValue,
-    onValueChange = () => {
-    },
-    disableDeactivation = !1,
-    children,
-    ...toggleGroupSingleProps
-  } = props, [value, setValue] = useControllableState({
-    prop: valueProp,
-    defaultProp: defaultValue,
-    onChange: onValueChange
-  });
-  return /* @__PURE__ */ jsx(
-    ToggleGroupValueProvider,
-    {
-      scope: props.__scopeToggleGroup,
-      type: "single",
-      value: value ? [value] : [],
-      defaultValue: value,
-      onItemActivate: setValue,
-      onItemDeactivate: React.useCallback(
-        () => disableDeactivation ? null : setValue(""),
-        [setValue, disableDeactivation]
-      ),
-      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef, children })
-    }
-  );
-}), ToggleGroupImplMultiple = React.forwardRef((props, forwardedRef) => {
-  const {
-    value: valueProp,
-    defaultValue,
-    onValueChange = () => {
-    },
-    disableDeactivation,
-    children,
-    ...toggleGroupMultipleProps
-  } = props, [value = [], setValue] = useControllableState({
-    prop: valueProp,
-    defaultProp: defaultValue,
-    onChange: onValueChange
-  }), handleButtonActivate = React.useCallback(
-    (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
-    [setValue]
-  ), handleButtonDeactivate = React.useCallback(
-    (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
-    [setValue]
-  );
-  return /* @__PURE__ */ jsx(
-    ToggleGroupValueProvider,
-    {
-      scope: props.__scopeToggleGroup,
-      type: "multiple",
-      value,
-      defaultValue: value,
-      onItemActivate: handleButtonActivate,
-      onItemDeactivate: handleButtonDeactivate,
-      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupMultipleProps, ref: forwardedRef, children })
-    }
-  );
-}), ToggleGroupFrame = styled(View, {
-  name: TOGGLE_GROUP_NAME
-}), ToggleGroupImpl = ToggleGroupFrame.styleable(
-  (props, forwardedRef) => {
-    const {
-      __scopeToggleGroup,
-      disabled = !1,
-      orientation = "horizontal",
-      dir,
-      rovingFocus = !0,
-      loop = !0,
-      color,
-      ...toggleGroupProps
-    } = props, direction = useDirection(dir), content = /* @__PURE__ */ jsx(
-      ToggleGroupFrame,
-      {
-        role: "group",
-        ref: forwardedRef,
-        "data-disabled": disabled ? "" : void 0,
-        ...toggleGroupProps
-      }
-    );
-    return /* @__PURE__ */ jsx(
-      ToggleGroupContext,
-      {
-        scope: __scopeToggleGroup,
-        rovingFocus,
-        disabled,
-        children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, children: rovingFocus ? /* @__PURE__ */ jsx(
-          RovingFocusGroup,
-          {
-            asChild: "except-style",
-            __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
-            orientation,
-            dir: direction,
-            loop,
-            children: content
-          }
-        ) : content })
-      }
-    );
-  }
-);
-export {
-  ToggleGroup
-};
-//# sourceMappingURL=ToggleGroup.js.map

package/dist/jsx/ToggleGroup.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ToggleGroup.tsx"],
-  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAE7B,SAAS,qBAAqB,QAAQ,YAAY;AAClD,OAAO,WAAW;AAGlB,SAAS,QAAQ,mBAAmB;AACpC,SAAS,WAAW,qBAAqB;AAkCnC;AAhCN,MAAM,oBAAoB,eACpB,yBAAyB,mBACzB,uBAAuB,eAQvB,EAAE,UAAU,wBAAwB,IACxC,oBAAiD,GAE7C,EAAE,UAAU,oBAAoB,kBAAkB,sBAAsB,IAC5E,oBAA6C,CAAC,CAAC,GAQ3C,kBAAkB,YAAY;AAAA,EAClC,CAAC,OAAO,iBAAiB;AACvB,UAAM,eAAe,2BAA2B,MAAM,kBAAkB,GAClE,UAAU,sBAAsB,MAAM,kBAAkB,GACxD,gBAAgB,cAAc,iBAAiB,MAAM,kBAAkB,GACvE,SAAS,cAAc,MAAM,SAAS,MAAM,KAAK,GACjD,QAAS,MAAc,SAAS,cAAc,OAC9C,WAAW,QAAQ,YAAY,MAAM,YAAY,IAEjD,QACJ;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,UAAU,WAAW,KAAK;AAAA,QACzB,GAAI;AAAA,QACL;AAAA,QACA;AAAA;AAAA,IACF;AAGF,WACE,oBAAC,2BAAwB,OAAO,MAAM,oBACpC,8BAAC,cAAc,UAAd,EAAuB,OAAc,QACnC,kBAAQ,cACP;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC,SAAQ;AAAA,QACR,yBAAyB,MAAM,sBAAsB;AAAA,QACrD,WAAW,CAAC;AAAA,QACZ;AAAA,QAEC;AAAA;AAAA,IACH,IAEA,OAEJ,GACF;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;AAQ9B,MAAM,sBAAsB,MAAM,WAGhC,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,oBAAoB,OAAO,GAAG,UAAU,IAAI,OAC9C,eAAe,2BAA2B,kBAAkB,GAC5D,cAAc,EAAE,gBAAgB,OAAU,GAC1C,YAAY,aAAa,SAAS,WAAW,cAAc;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,gBAAgB,CAAC,YAAY;AAC3B,QAAI,UACF,aAAa,eAAe,KAAK,IAEjC,aAAa,iBAAiB,KAAK;AAAA,MAEvC;AAAA;AAAA,EACF;AAEJ,CAAC,GAkBK,cAAc;AAAA,EAClB,MAAM;AAAA,IACJ,CAAC,OAAO,iBAAiB;AACvB,YAAM,EAAE,MAAM,GAAG,iBAAiB,IAAI;AAWtC,UATK,SACH,MAAM,UAAU,MAAM;AACpB,YAAK,MAAM;AACX,iBAAO,kBAAkB,MAAM,IAAI;AAAA,YACjC,OAAO,MAAM;AAAA,YAAC;AAAA,UAChB,CAAC;AAAA,MACH,GAAG,CAAC,MAAM,EAAE,CAAC,GAGX,SAAS;AAEX,eAAO,oBAAC,yBAAuB,GADX,kBAC2B,KAAK,cAAc;AAGpE,UAAI,SAAS;AAEX,eAAO,oBAAC,2BAAyB,GADX,kBAC6B,KAAK,cAAc;AAGxE,YAAM,IAAI,MAAM,uCAAuC,iBAAiB,IAAI;AAAA,IAC9E;AAAA,EACF;AAAA,EACA;AAAA,IACE,MAAM;AAAA,EACR;AACF;AAEA,YAAY,cAAc;AAY1B,MAAM;AAAA,EACJ,UAAU;AAAA,EACV,kBAAkB;AACpB,IAAI,oBAAkD,GAahD,wBAAwB,MAAM,WAGlC,CAAC,OAAgD,iBAAiB;AAClE,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,sBAAsB;AAAA,IACtB;AAAA,IACA,GAAG;AAAA,EACL,IAAI,OAEE,CAAC,OAAO,QAAQ,IAAI,qBAAqB;AAAA,IAC7C,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,EACZ,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,MAAK;AAAA,MACL,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC;AAAA,MAC1B,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,kBAAkB,MAAM;AAAA,QACtB,MAAO,sBAAsB,OAAO,SAAS,EAAE;AAAA,QAC/C,CAAC,UAAU,mBAAmB;AAAA,MAChC;AAAA,MAEA,8BAAC,mBAAiB,GAAG,wBAAwB,KAAK,cAC/C,UACH;AAAA;AAAA,EACF;AAEJ,CAAC,GAYK,0BAA0B,MAAM,WAGpC,CAAC,OAAkD,iBAAiB;AACpE,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI,OAEE,CAAC,QAAQ,CAAC,GAAG,QAAQ,IAAI,qBAAqB;AAAA,IAClD,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,EACZ,CAAC,GAEK,uBAAuB,MAAM;AAAA,IACjC,CAAC,cAAsB,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,WAAW,SAAS,CAAC;AAAA,IAC7E,CAAC,QAAQ;AAAA,EACX,GAEM,yBAAyB,MAAM;AAAA,IACnC,CAAC,cACC,SAAS,CAAC,YAAY,CAAC,MAAM,UAAU,OAAO,CAACA,WAAUA,WAAU,SAAS,CAAC;AAAA,IAC/E,CAAC,QAAQ;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,MAAK;AAAA,MACL;AAAA,MACA,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAElB,8BAAC,mBAAiB,GAAG,0BAA0B,KAAK,cACjD,UACH;AAAA;AAAA,EACF;AAEJ,CAAC,GAWK,mBAAmB,OAAO,MAAM;AAAA,EACpC,MAAM;AACR,CAAC,GAUK,kBAAkB,iBAAiB;AAAA,EACvC,CAAC,OAA0C,iBAAiB;AAC1D,UAAM;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,MACX,cAAc;AAAA,MACd;AAAA,MACA,cAAc;AAAA,MACd,OAAO;AAAA,MACP;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OACE,YAAY,aAAa,GAAG,GAE5B,UACJ;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAK;AAAA,QACL,iBAAe,WAAW,KAAK;AAAA,QAC9B,GAAG;AAAA;AAAA,IACN;AAGF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QAEA,8BAAC,cAAc,UAAd,EAAuB,OACrB,wBACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,yBAAyB,sBAAsB;AAAA,YAC/C;AAAA,YACA,KAAK;AAAA,YACL;AAAA,YAEC;AAAA;AAAA,QACH,IAEA,SAEJ;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;",
-  "names": ["value"]
-}

package/dist/jsx/context.js

@@ -1,10 +0,0 @@
-import { createStyledContext } from "@tamagui/web";
-const context = createStyledContext({
-  color: "",
-  active: !1
-}), useToggleGroupItem = () => context.useStyledContext();
-export {
-  context,
-  useToggleGroupItem
-};
-//# sourceMappingURL=context.js.map

package/dist/jsx/context.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/context.tsx"],
-  "mappings": "AAAA,SAAS,2BAA2B;AAE7B,MAAM,UAAU,oBAAoB;AAAA,EACzC,OAAO;AAAA,EACP,QAAQ;AACV,CAAC,GAEY,qBAAqB,MACzB,QAAQ,iBAAiB;",
-  "names": []
-}

package/dist/jsx/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/dist/jsx/types.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "mappings": "",
-  "names": []
-}

package/dist/jsx/useToggleGroupItem.js

@@ -1,6 +0,0 @@
-import { context } from "./context";
-const useToggleGroupItem = context.useStyledContext;
-export {
-  useToggleGroupItem
-};
-//# sourceMappingURL=useToggleGroupItem.js.map

package/dist/jsx/useToggleGroupItem.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useToggleGroupItem.ts"],
-  "mappings": "AAAA,SAAS,eAAe;AAEjB,MAAM,qBAAqB,QAAQ;",
-  "names": []
-}

package/dist/jsx/useToggleGroupItem.mjs

@@ -1,4 +0,0 @@
-import { context } from "./context.mjs";
-const useToggleGroupItem = context.useStyledContext;
-export { useToggleGroupItem };
-//# sourceMappingURL=useToggleGroupItem.mjs.map

package/dist/jsx/useToggleGroupItem.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["context","useToggleGroupItem","useStyledContext"],"sources":["../../src/useToggleGroupItem.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,OAAA,QAAe;AAEjB,MAAMC,kBAAA,GAAqBD,OAAA,CAAQE,gBAAA","ignoreList":[]}

package/dist/jsx/useToggleGroupItem.native.js

@@ -1,30 +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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
-}), mod);
-var useToggleGroupItem_exports = {};
-__export(useToggleGroupItem_exports, {
-  useToggleGroupItem: () => useToggleGroupItem
-});
-module.exports = __toCommonJS(useToggleGroupItem_exports);
-var import_context = require("./context.native.js"),
-  useToggleGroupItem = import_context.context.useStyledContext;
-//# sourceMappingURL=useToggleGroupItem.native.js.map

package/dist/jsx/useToggleGroupItem.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__defProp","Object","defineProperty"],"sources":["../../src/useToggleGroupItem.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAEF,IAAAA,SAAM,GAAAC,MAAA,CAAAC,cAA6B","ignoreList":[]}

package/types/useToggleGroupItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToggleGroupItem.d.ts","sourceRoot":"","sources":["../src/useToggleGroupItem.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;;;;CAA2B,CAAA"}