@lmb-it/kitsconcerto-native 0.1.236

package/apps/mobile/src/ui/checkbox/index.cjs

@@ -0,0 +1,176 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var creator$1 = require('@gluestack-ui/core/checkbox/creator');
+var reactNative = require('react-native');
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+var creator = require('@gluestack-ui/core/icon/creator');
+var nativewind = require('nativewind');
+
+const IndicatorWrapper = React.forwardRef(function IndicatorWrapper2({ ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { ...props, ref });
+});
+const LabelWrapper = React.forwardRef(function LabelWrapper2({ ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { ...props, ref });
+});
+const IconWrapper = React.forwardRef(function IconWrapper2({ ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(creator.UIIcon, { ...props, ref });
+});
+const SCOPE = "CHECKBOX";
+const UICheckbox = creator$1.createCheckbox({
+  // @ts-expect-error : internal implementation for r-19/react-native-web
+  Root: reactNative.Platform.OS === "web" ? nativewindUtils.withStyleContext(reactNative.View, SCOPE) : nativewindUtils.withStyleContext(reactNative.Pressable, SCOPE),
+  Group: reactNative.View,
+  Icon: IconWrapper,
+  Label: LabelWrapper,
+  Indicator: IndicatorWrapper
+});
+nativewind.cssInterop(creator.PrimitiveIcon, {
+  className: {
+    target: "style",
+    nativeStyleToProp: {
+      height: true,
+      width: true,
+      fill: true,
+      color: "classNameColor",
+      stroke: true
+    }
+  }
+});
+const checkboxStyle = nativewindUtils.tva({
+  base: "group/checkbox flex-row items-center justify-start web:cursor-pointer data-[disabled=true]:cursor-not-allowed",
+  variants: {
+    size: {
+      lg: "gap-2",
+      md: "gap-2",
+      sm: "gap-1.5"
+    }
+  }
+});
+const checkboxIndicatorStyle = nativewindUtils.tva({
+  base: "justify-center items-center border-outline-400 bg-transparent rounded web:data-[focus-visible=true]:outline-none web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-indicator-primary data-[checked=true]:bg-primary-600 data-[checked=true]:border-primary-600 data-[hover=true]:data-[checked=false]:border-outline-500 data-[hover=true]:bg-transparent data-[hover=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[checked=true]:bg-primary-700 data-[hover=true]:data-[checked=true]:border-primary-700 data-[hover=true]:data-[checked=true]:data-[disabled=true]:border-primary-600 data-[hover=true]:data-[checked=true]:data-[disabled=true]:bg-primary-600 data-[hover=true]:data-[checked=true]:data-[disabled=true]:opacity-40 data-[hover=true]:data-[checked=true]:data-[disabled=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[disabled=true]:border-outline-400 data-[hover=true]:data-[disabled=true]:data-[invalid=true]:border-error-700 data-[active=true]:data-[checked=true]:bg-primary-800 data-[active=true]:data-[checked=true]:border-primary-800 data-[invalid=true]:border-error-700 data-[disabled=true]:opacity-40",
+  parentVariants: {
+    size: {
+      lg: "w-6 h-6 border-[3px]",
+      md: "w-5 h-5 border-2",
+      sm: "w-4 h-4 border-2"
+    }
+  }
+});
+const checkboxLabelStyle = nativewindUtils.tva({
+  base: "text-typography-600 data-[checked=true]:text-typography-900 data-[hover=true]:text-typography-900 data-[hover=true]:data-[checked=true]:text-typography-900 data-[hover=true]:data-[checked=true]:data-[disabled=true]:text-typography-900 data-[hover=true]:data-[disabled=true]:text-typography-400 data-[active=true]:text-typography-900 data-[active=true]:data-[checked=true]:text-typography-900 data-[disabled=true]:opacity-40 web:select-none",
+  parentVariants: {
+    size: {
+      lg: "text-lg",
+      md: "text-base",
+      sm: "text-sm"
+    }
+  }
+});
+const checkboxIconStyle = nativewindUtils.tva({
+  base: "text-typography-50 fill-none",
+  parentVariants: {
+    size: {
+      sm: "h-3 w-3",
+      md: "h-4 w-4",
+      lg: "h-5 w-5"
+    }
+  }
+});
+UICheckbox.Group;
+const Checkbox = React.forwardRef(function Checkbox2({ className, size = "md", ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UICheckbox,
+    {
+      className: checkboxStyle({
+        class: className,
+        size
+      }),
+      ...props,
+      context: {
+        size
+      },
+      ref
+    }
+  );
+});
+const CheckboxIndicator = React.forwardRef(function CheckboxIndicator2({ className, ...props }, ref) {
+  const { size: parentSize } = nativewindUtils.useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UICheckbox.Indicator,
+    {
+      className: checkboxIndicatorStyle({
+        parentVariants: {
+          size: parentSize
+        },
+        class: className
+      }),
+      ...props,
+      ref
+    }
+  );
+});
+const CheckboxLabel = React.forwardRef(function CheckboxLabel2({ className, ...props }, ref) {
+  const { size: parentSize } = nativewindUtils.useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UICheckbox.Label,
+    {
+      className: checkboxLabelStyle({
+        parentVariants: {
+          size: parentSize
+        },
+        class: className
+      }),
+      ...props,
+      ref
+    }
+  );
+});
+const CheckboxIcon = React.forwardRef(function CheckboxIcon2({ className, size, ...props }, ref) {
+  const { size: parentSize } = nativewindUtils.useStyleContext(SCOPE);
+  if (typeof size === "number") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      UICheckbox.Icon,
+      {
+        ref,
+        ...props,
+        className: checkboxIconStyle({ class: className }),
+        size
+      }
+    );
+  } else if ((props.height !== void 0 || props.width !== void 0) && size === void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      UICheckbox.Icon,
+      {
+        ref,
+        ...props,
+        className: checkboxIconStyle({ class: className })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UICheckbox.Icon,
+    {
+      className: checkboxIconStyle({
+        parentVariants: {
+          size: parentSize
+        },
+        size,
+        class: className
+      }),
+      ...props,
+      ref
+    }
+  );
+});
+Checkbox.displayName = "Checkbox";
+CheckboxIndicator.displayName = "CheckboxIndicator";
+CheckboxLabel.displayName = "CheckboxLabel";
+CheckboxIcon.displayName = "CheckboxIcon";
+
+exports.Checkbox = Checkbox;
+exports.CheckboxIcon = CheckboxIcon;
+exports.CheckboxIndicator = CheckboxIndicator;
+exports.CheckboxLabel = CheckboxLabel;
+//# sourceMappingURL=index.cjs.map

package/apps/mobile/src/ui/checkbox/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/checkbox/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { createCheckbox } from '@gluestack-ui/core/checkbox/creator';\nimport { View, Pressable, Text, Platform } from 'react-native';\nimport type { TextProps, ViewProps } from 'react-native';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport {\n  PrimitiveIcon,\n  IPrimitiveIcon,\n  UIIcon,\n} from '@gluestack-ui/core/icon/creator';\nimport {\n  withStyleContext,\n  useStyleContext,\n} from '@gluestack-ui/utils/nativewind-utils';\nimport { cssInterop } from 'nativewind';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\n\nconst IndicatorWrapper = React.forwardRef<\n  React.ComponentRef<typeof View>,\n  ViewProps\n>(function IndicatorWrapper({ ...props }, ref) {\n  return <View {...props} ref={ref} />;\n});\n\nconst LabelWrapper = React.forwardRef<\n  React.ComponentRef<typeof Text>,\n  TextProps\n>(function LabelWrapper({ ...props }, ref) {\n  return <Text {...props} ref={ref} />;\n});\n\nconst IconWrapper = React.forwardRef<\n  React.ComponentRef<typeof PrimitiveIcon>,\n  IPrimitiveIcon\n>(function IconWrapper({ ...props }, ref) {\n  return <UIIcon {...props} ref={ref} />;\n});\n\nconst SCOPE = 'CHECKBOX';\nconst UICheckbox = createCheckbox({\n  // @ts-expect-error : internal implementation for r-19/react-native-web\n  Root:\n    Platform.OS === 'web'\n      ? withStyleContext(View, SCOPE)\n      : withStyleContext(Pressable, SCOPE),\n  Group: View,\n  Icon: IconWrapper,\n  Label: LabelWrapper,\n  Indicator: IndicatorWrapper,\n});\n\ncssInterop(PrimitiveIcon, {\n  className: {\n    target: 'style',\n    nativeStyleToProp: {\n      height: true,\n      width: true,\n      fill: true,\n      color: 'classNameColor',\n      stroke: true,\n    },\n  },\n});\n\nconst checkboxStyle = tva({\n  base: 'group/checkbox flex-row items-center justify-start web:cursor-pointer data-[disabled=true]:cursor-not-allowed',\n  variants: {\n    size: {\n      lg: 'gap-2',\n      md: 'gap-2',\n      sm: 'gap-1.5',\n    },\n  },\n});\n\nconst checkboxIndicatorStyle = tva({\n  base: 'justify-center items-center border-outline-400 bg-transparent rounded web:data-[focus-visible=true]:outline-none web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-indicator-primary data-[checked=true]:bg-primary-600 data-[checked=true]:border-primary-600 data-[hover=true]:data-[checked=false]:border-outline-500 data-[hover=true]:bg-transparent data-[hover=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[checked=true]:bg-primary-700 data-[hover=true]:data-[checked=true]:border-primary-700 data-[hover=true]:data-[checked=true]:data-[disabled=true]:border-primary-600 data-[hover=true]:data-[checked=true]:data-[disabled=true]:bg-primary-600 data-[hover=true]:data-[checked=true]:data-[disabled=true]:opacity-40 data-[hover=true]:data-[checked=true]:data-[disabled=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[disabled=true]:border-outline-400 data-[hover=true]:data-[disabled=true]:data-[invalid=true]:border-error-700 data-[active=true]:data-[checked=true]:bg-primary-800 data-[active=true]:data-[checked=true]:border-primary-800 data-[invalid=true]:border-error-700 data-[disabled=true]:opacity-40',\n  parentVariants: {\n    size: {\n      lg: 'w-6 h-6 border-[3px]',\n      md: 'w-5 h-5 border-2',\n      sm: 'w-4 h-4 border-2',\n    },\n  },\n});\n\nconst checkboxLabelStyle = tva({\n  base: 'text-typography-600 data-[checked=true]:text-typography-900 data-[hover=true]:text-typography-900 data-[hover=true]:data-[checked=true]:text-typography-900 data-[hover=true]:data-[checked=true]:data-[disabled=true]:text-typography-900 data-[hover=true]:data-[disabled=true]:text-typography-400 data-[active=true]:text-typography-900 data-[active=true]:data-[checked=true]:text-typography-900 data-[disabled=true]:opacity-40 web:select-none',\n  parentVariants: {\n    size: {\n      lg: 'text-lg',\n      md: 'text-base',\n      sm: 'text-sm',\n    },\n  },\n});\n\nconst checkboxIconStyle = tva({\n  base: 'text-typography-50 fill-none',\n\n  parentVariants: {\n    size: {\n      sm: 'h-3 w-3',\n      md: 'h-4 w-4',\n      lg: 'h-5 w-5',\n    },\n  },\n});\n\nconst CheckboxGroup = UICheckbox.Group;\n\nexport type ICheckboxProps = React.ComponentPropsWithoutRef<typeof UICheckbox> &\n  VariantProps<typeof checkboxStyle>;\n\nconst Checkbox = React.forwardRef<\n  React.ComponentRef<typeof UICheckbox>,\n  ICheckboxProps\n>(function Checkbox({ className, size = 'md', ...props }, ref) {\n  return (\n    <UICheckbox\n      className={checkboxStyle({\n        class: className,\n        size,\n      })}\n      {...props}\n      context={{\n        size,\n      }}\n      ref={ref}\n    />\n  );\n});\n\nexport type ICheckboxIndicatorProps = React.ComponentPropsWithoutRef<\n  typeof UICheckbox.Indicator\n> &\n  VariantProps<typeof checkboxIndicatorStyle>;\n\nconst CheckboxIndicator = React.forwardRef<\n  React.ComponentRef<typeof UICheckbox.Indicator>,\n  ICheckboxIndicatorProps\n>(function CheckboxIndicator({ className, ...props }, ref) {\n  const { size: parentSize } = useStyleContext(SCOPE);\n\n  return (\n    <UICheckbox.Indicator\n      className={checkboxIndicatorStyle({\n        parentVariants: {\n          size: parentSize,\n        },\n        class: className,\n      })}\n      {...props}\n      ref={ref}\n    />\n  );\n});\n\nexport type ICheckboxLabelProps = React.ComponentPropsWithoutRef<\n  typeof UICheckbox.Label\n> &\n  VariantProps<typeof checkboxLabelStyle>;\nconst CheckboxLabel = React.forwardRef<\n  React.ComponentRef<typeof UICheckbox.Label>,\n  ICheckboxLabelProps\n>(function CheckboxLabel({ className, ...props }, ref) {\n  const { size: parentSize } = useStyleContext(SCOPE);\n  return (\n    <UICheckbox.Label\n      className={checkboxLabelStyle({\n        parentVariants: {\n          size: parentSize,\n        },\n        class: className,\n      })}\n      {...props}\n      ref={ref}\n    />\n  );\n});\n\nexport type ICheckboxIconProps = React.ComponentPropsWithoutRef<\n  typeof UICheckbox.Icon\n> &\n  VariantProps<typeof checkboxIconStyle>;\n\nconst CheckboxIcon = React.forwardRef<\n  React.ComponentRef<typeof UICheckbox.Icon>,\n  ICheckboxIconProps\n>(function CheckboxIcon({ className, size, ...props }, ref) {\n  const { size: parentSize } = useStyleContext(SCOPE);\n\n  if (typeof size === 'number') {\n    return (\n      <UICheckbox.Icon\n        ref={ref}\n        {...props}\n        className={checkboxIconStyle({ class: className })}\n        size={size}\n      />\n    );\n  } else if (\n    (props.height !== undefined || props.width !== undefined) &&\n    size === undefined\n  ) {\n    return (\n      <UICheckbox.Icon\n        ref={ref}\n        {...props}\n        className={checkboxIconStyle({ class: className })}\n      />\n    );\n  }\n\n  return (\n    <UICheckbox.Icon\n      className={checkboxIconStyle({\n        parentVariants: {\n          size: parentSize,\n        },\n        size,\n        class: className,\n      })}\n      {...props}\n      ref={ref}\n    />\n  );\n});\n\nCheckbox.displayName = 'Checkbox';\nCheckboxIndicator.displayName = 'CheckboxIndicator';\nCheckboxLabel.displayName = 'CheckboxLabel';\nCheckboxIcon.displayName = 'CheckboxIcon';\n\nexport {\n  Checkbox,\n  CheckboxIndicator,\n  CheckboxLabel,\n  CheckboxIcon,\n  CheckboxGroup,\n};\n"],"names":["IndicatorWrapper","jsx","View","LabelWrapper","Text","IconWrapper","UIIcon","createCheckbox","Platform","withStyleContext","Pressable","cssInterop","PrimitiveIcon","tva","Checkbox","CheckboxIndicator","useStyleContext","CheckboxLabel","CheckboxIcon"],"mappings":";;;;;;;;;;AAkBA,MAAM,gBAAA,GAAmB,MAAM,UAAA,CAG7B,SAASA,kBAAiB,EAAE,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC7C,EAAA,uBAAOC,cAAA,CAACC,gBAAA,EAAA,EAAM,GAAG,KAAA,EAAO,GAAA,EAAU,CAAA;AACpC,CAAC,CAAA;AAED,MAAM,YAAA,GAAe,MAAM,UAAA,CAGzB,SAASC,cAAa,EAAE,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACzC,EAAA,uBAAOF,cAAA,CAACG,gBAAA,EAAA,EAAM,GAAG,KAAA,EAAO,GAAA,EAAU,CAAA;AACpC,CAAC,CAAA;AAED,MAAM,WAAA,GAAc,MAAM,UAAA,CAGxB,SAASC,aAAY,EAAE,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACxC,EAAA,uBAAOJ,cAAA,CAACK,cAAA,EAAA,EAAQ,GAAG,KAAA,EAAO,GAAA,EAAU,CAAA;AACtC,CAAC,CAAA;AAED,MAAM,KAAA,GAAQ,UAAA;AACd,MAAM,aAAaC,wBAAA,CAAe;AAAA;AAAA,EAEhC,IAAA,EACEC,oBAAA,CAAS,EAAA,KAAO,KAAA,GACZC,gCAAA,CAAiBP,kBAAM,KAAK,CAAA,GAC5BO,gCAAA,CAAiBC,qBAAA,EAAW,KAAK,CAAA;AAAA,EACvC,KAAA,EAAOR,gBAAA;AAAA,EACP,IAAA,EAAM,WAAA;AAAA,EACN,KAAA,EAAO,YAAA;AAAA,EACP,SAAA,EAAW;AACb,CAAC,CAAA;AAEDS,qBAAA,CAAWC,qBAAA,EAAe;AAAA,EACxB,SAAA,EAAW;AAAA,IACT,MAAA,EAAQ,OAAA;AAAA,IACR,iBAAA,EAAmB;AAAA,MACjB,MAAA,EAAQ,IAAA;AAAA,MACR,KAAA,EAAO,IAAA;AAAA,MACP,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO,gBAAA;AAAA,MACP,MAAA,EAAQ;AAAA;AACV;AAEJ,CAAC,CAAA;AAED,MAAM,gBAAgBC,mBAAA,CAAI;AAAA,EACxB,IAAA,EAAM,+GAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,OAAA;AAAA,MACJ,EAAA,EAAI,OAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN;AAEJ,CAAC,CAAA;AAED,MAAM,yBAAyBA,mBAAA,CAAI;AAAA,EACjC,IAAA,EAAM,+oCAAA;AAAA,EACN,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,sBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN;AAEJ,CAAC,CAAA;AAED,MAAM,qBAAqBA,mBAAA,CAAI;AAAA,EAC7B,IAAA,EAAM,ybAAA;AAAA,EACN,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,WAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN;AAEJ,CAAC,CAAA;AAED,MAAM,oBAAoBA,mBAAA,CAAI;AAAA,EAC5B,IAAA,EAAM,8BAAA;AAAA,EAEN,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN;AAEJ,CAAC,CAAA;AAEqB,UAAA,CAAW;AAKjC,MAAM,QAAA,GAAW,KAAA,CAAM,UAAA,CAGrB,SAASC,SAAAA,CAAS,EAAE,SAAA,EAAW,IAAA,GAAO,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC7D,EAAA,uBACEb,cAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,WAAW,aAAA,CAAc;AAAA,QACvB,KAAA,EAAO,SAAA;AAAA,QACP;AAAA,OACD,CAAA;AAAA,MACA,GAAG,KAAA;AAAA,MACJ,OAAA,EAAS;AAAA,QACP;AAAA,OACF;AAAA,MACA;AAAA;AAAA,GACF;AAEJ,CAAC;AAOD,MAAM,iBAAA,GAAoB,KAAA,CAAM,UAAA,CAG9B,SAASc,kBAAAA,CAAkB,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACzD,EAAA,MAAM,EAAE,IAAA,EAAM,UAAA,EAAW,GAAIC,gCAAgB,KAAK,CAAA;AAElD,EAAA,uBACEf,cAAA;AAAA,IAAC,UAAA,CAAW,SAAA;AAAA,IAAX;AAAA,MACC,WAAW,sBAAA,CAAuB;AAAA,QAChC,cAAA,EAAgB;AAAA,UACd,IAAA,EAAM;AAAA,SACR;AAAA,QACA,KAAA,EAAO;AAAA,OACR,CAAA;AAAA,MACA,GAAG,KAAA;AAAA,MACJ;AAAA;AAAA,GACF;AAEJ,CAAC;AAMD,MAAM,aAAA,GAAgB,KAAA,CAAM,UAAA,CAG1B,SAASgB,cAAAA,CAAc,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACrD,EAAA,MAAM,EAAE,IAAA,EAAM,UAAA,EAAW,GAAID,gCAAgB,KAAK,CAAA;AAClD,EAAA,uBACEf,cAAA;AAAA,IAAC,UAAA,CAAW,KAAA;AAAA,IAAX;AAAA,MACC,WAAW,kBAAA,CAAmB;AAAA,QAC5B,cAAA,EAAgB;AAAA,UACd,IAAA,EAAM;AAAA,SACR;AAAA,QACA,KAAA,EAAO;AAAA,OACR,CAAA;AAAA,MACA,GAAG,KAAA;AAAA,MACJ;AAAA;AAAA,GACF;AAEJ,CAAC;AAOD,MAAM,YAAA,GAAe,KAAA,CAAM,UAAA,CAGzB,SAASiB,aAAAA,CAAa,EAAE,SAAA,EAAW,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC1D,EAAA,MAAM,EAAE,IAAA,EAAM,UAAA,EAAW,GAAIF,gCAAgB,KAAK,CAAA;AAElD,EAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,IAAA,uBACEf,cAAA;AAAA,MAAC,UAAA,CAAW,IAAA;AAAA,MAAX;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,SAAA,EAAW,iBAAA,CAAkB,EAAE,KAAA,EAAO,WAAW,CAAA;AAAA,QACjD;AAAA;AAAA,KACF;AAAA,EAEJ,CAAA,MAAA,IAAA,CACG,MAAM,MAAA,KAAW,MAAA,IAAa,MAAM,KAAA,KAAU,MAAA,KAC/C,SAAS,MAAA,EACT;AACA,IAAA,uBACEA,cAAA;AAAA,MAAC,UAAA,CAAW,IAAA;AAAA,MAAX;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,SAAA,EAAW,iBAAA,CAAkB,EAAE,KAAA,EAAO,WAAW;AAAA;AAAA,KACnD;AAAA,EAEJ;AAEA,EAAA,uBACEA,cAAA;AAAA,IAAC,UAAA,CAAW,IAAA;AAAA,IAAX;AAAA,MACC,WAAW,iBAAA,CAAkB;AAAA,QAC3B,cAAA,EAAgB;AAAA,UACd,IAAA,EAAM;AAAA,SACR;AAAA,QACA,IAAA;AAAA,QACA,KAAA,EAAO;AAAA,OACR,CAAA;AAAA,MACA,GAAG,KAAA;AAAA,MACJ;AAAA;AAAA,GACF;AAEJ,CAAC;AAED,QAAA,CAAS,WAAA,GAAc,UAAA;AACvB,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAChC,aAAA,CAAc,WAAA,GAAc,eAAA;AAC5B,YAAA,CAAa,WAAA,GAAc,cAAA;;;;;;;"}

package/apps/mobile/src/ui/checkbox/index.js

@@ -0,0 +1,171 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { createCheckbox } from '@gluestack-ui/core/checkbox/creator';
+import { View, Text, Platform, Pressable } from 'react-native';
+import { withStyleContext, tva, useStyleContext } from '@gluestack-ui/utils/nativewind-utils';
+import { UIIcon, PrimitiveIcon } from '@gluestack-ui/core/icon/creator';
+import { cssInterop } from 'nativewind';
+
+const IndicatorWrapper = React.forwardRef(function IndicatorWrapper2({ ...props }, ref) {
+  return /* @__PURE__ */ jsx(View, { ...props, ref });
+});
+const LabelWrapper = React.forwardRef(function LabelWrapper2({ ...props }, ref) {
+  return /* @__PURE__ */ jsx(Text, { ...props, ref });
+});
+const IconWrapper = React.forwardRef(function IconWrapper2({ ...props }, ref) {
+  return /* @__PURE__ */ jsx(UIIcon, { ...props, ref });
+});
+const SCOPE = "CHECKBOX";
+const UICheckbox = createCheckbox({
+  // @ts-expect-error : internal implementation for r-19/react-native-web
+  Root: Platform.OS === "web" ? withStyleContext(View, SCOPE) : withStyleContext(Pressable, SCOPE),
+  Group: View,
+  Icon: IconWrapper,
+  Label: LabelWrapper,
+  Indicator: IndicatorWrapper
+});
+cssInterop(PrimitiveIcon, {
+  className: {
+    target: "style",
+    nativeStyleToProp: {
+      height: true,
+      width: true,
+      fill: true,
+      color: "classNameColor",
+      stroke: true
+    }
+  }
+});
+const checkboxStyle = tva({
+  base: "group/checkbox flex-row items-center justify-start web:cursor-pointer data-[disabled=true]:cursor-not-allowed",
+  variants: {
+    size: {
+      lg: "gap-2",
+      md: "gap-2",
+      sm: "gap-1.5"
+    }
+  }
+});
+const checkboxIndicatorStyle = tva({
+  base: "justify-center items-center border-outline-400 bg-transparent rounded web:data-[focus-visible=true]:outline-none web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-indicator-primary data-[checked=true]:bg-primary-600 data-[checked=true]:border-primary-600 data-[hover=true]:data-[checked=false]:border-outline-500 data-[hover=true]:bg-transparent data-[hover=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[checked=true]:bg-primary-700 data-[hover=true]:data-[checked=true]:border-primary-700 data-[hover=true]:data-[checked=true]:data-[disabled=true]:border-primary-600 data-[hover=true]:data-[checked=true]:data-[disabled=true]:bg-primary-600 data-[hover=true]:data-[checked=true]:data-[disabled=true]:opacity-40 data-[hover=true]:data-[checked=true]:data-[disabled=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[disabled=true]:border-outline-400 data-[hover=true]:data-[disabled=true]:data-[invalid=true]:border-error-700 data-[active=true]:data-[checked=true]:bg-primary-800 data-[active=true]:data-[checked=true]:border-primary-800 data-[invalid=true]:border-error-700 data-[disabled=true]:opacity-40",
+  parentVariants: {
+    size: {
+      lg: "w-6 h-6 border-[3px]",
+      md: "w-5 h-5 border-2",
+      sm: "w-4 h-4 border-2"
+    }
+  }
+});
+const checkboxLabelStyle = tva({
+  base: "text-typography-600 data-[checked=true]:text-typography-900 data-[hover=true]:text-typography-900 data-[hover=true]:data-[checked=true]:text-typography-900 data-[hover=true]:data-[checked=true]:data-[disabled=true]:text-typography-900 data-[hover=true]:data-[disabled=true]:text-typography-400 data-[active=true]:text-typography-900 data-[active=true]:data-[checked=true]:text-typography-900 data-[disabled=true]:opacity-40 web:select-none",
+  parentVariants: {
+    size: {
+      lg: "text-lg",
+      md: "text-base",
+      sm: "text-sm"
+    }
+  }
+});
+const checkboxIconStyle = tva({
+  base: "text-typography-50 fill-none",
+  parentVariants: {
+    size: {
+      sm: "h-3 w-3",
+      md: "h-4 w-4",
+      lg: "h-5 w-5"
+    }
+  }
+});
+UICheckbox.Group;
+const Checkbox = React.forwardRef(function Checkbox2({ className, size = "md", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UICheckbox,
+    {
+      className: checkboxStyle({
+        class: className,
+        size
+      }),
+      ...props,
+      context: {
+        size
+      },
+      ref
+    }
+  );
+});
+const CheckboxIndicator = React.forwardRef(function CheckboxIndicator2({ className, ...props }, ref) {
+  const { size: parentSize } = useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsx(
+    UICheckbox.Indicator,
+    {
+      className: checkboxIndicatorStyle({
+        parentVariants: {
+          size: parentSize
+        },
+        class: className
+      }),
+      ...props,
+      ref
+    }
+  );
+});
+const CheckboxLabel = React.forwardRef(function CheckboxLabel2({ className, ...props }, ref) {
+  const { size: parentSize } = useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsx(
+    UICheckbox.Label,
+    {
+      className: checkboxLabelStyle({
+        parentVariants: {
+          size: parentSize
+        },
+        class: className
+      }),
+      ...props,
+      ref
+    }
+  );
+});
+const CheckboxIcon = React.forwardRef(function CheckboxIcon2({ className, size, ...props }, ref) {
+  const { size: parentSize } = useStyleContext(SCOPE);
+  if (typeof size === "number") {
+    return /* @__PURE__ */ jsx(
+      UICheckbox.Icon,
+      {
+        ref,
+        ...props,
+        className: checkboxIconStyle({ class: className }),
+        size
+      }
+    );
+  } else if ((props.height !== void 0 || props.width !== void 0) && size === void 0) {
+    return /* @__PURE__ */ jsx(
+      UICheckbox.Icon,
+      {
+        ref,
+        ...props,
+        className: checkboxIconStyle({ class: className })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    UICheckbox.Icon,
+    {
+      className: checkboxIconStyle({
+        parentVariants: {
+          size: parentSize
+        },
+        size,
+        class: className
+      }),
+      ...props,
+      ref
+    }
+  );
+});
+Checkbox.displayName = "Checkbox";
+CheckboxIndicator.displayName = "CheckboxIndicator";
+CheckboxLabel.displayName = "CheckboxLabel";
+CheckboxIcon.displayName = "CheckboxIcon";
+
+export { Checkbox, CheckboxIcon, CheckboxIndicator, CheckboxLabel };
+//# sourceMappingURL=index.js.map

package/apps/mobile/src/ui/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/checkbox/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { createCheckbox } from '@gluestack-ui/core/checkbox/creator';\nimport { View, Pressable, Text, Platform } from 'react-native';\nimport type { TextProps, ViewProps } from 'react-native';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport {\n  PrimitiveIcon,\n  IPrimitiveIcon,\n  UIIcon,\n} from '@gluestack-ui/core/icon/creator';\nimport {\n  withStyleContext,\n  useStyleContext,\n} from '@gluestack-ui/utils/nativewind-utils';\nimport { cssInterop } from 'nativewind';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\n\nconst IndicatorWrapper = React.forwardRef<\n  React.ComponentRef<typeof View>,\n  ViewProps\n>(function IndicatorWrapper({ ...props }, ref) {\n  return <View {...props} ref={ref} />;\n});\n\nconst LabelWrapper = React.forwardRef<\n  React.ComponentRef<typeof Text>,\n  TextProps\n>(function LabelWrapper({ ...props }, ref) {\n  return <Text {...props} ref={ref} />;\n});\n\nconst IconWrapper = React.forwardRef<\n  React.ComponentRef<typeof PrimitiveIcon>,\n  IPrimitiveIcon\n>(function IconWrapper({ ...props }, ref) {\n  return <UIIcon {...props} ref={ref} />;\n});\n\nconst SCOPE = 'CHECKBOX';\nconst UICheckbox = createCheckbox({\n  // @ts-expect-error : internal implementation for r-19/react-native-web\n  Root:\n    Platform.OS === 'web'\n      ? withStyleContext(View, SCOPE)\n      : withStyleContext(Pressable, SCOPE),\n  Group: View,\n  Icon: IconWrapper,\n  Label: LabelWrapper,\n  Indicator: IndicatorWrapper,\n});\n\ncssInterop(PrimitiveIcon, {\n  className: {\n    target: 'style',\n    nativeStyleToProp: {\n      height: true,\n      width: true,\n      fill: true,\n      color: 'classNameColor',\n      stroke: true,\n    },\n  },\n});\n\nconst checkboxStyle = tva({\n  base: 'group/checkbox flex-row items-center justify-start web:cursor-pointer data-[disabled=true]:cursor-not-allowed',\n  variants: {\n    size: {\n      lg: 'gap-2',\n      md: 'gap-2',\n      sm: 'gap-1.5',\n    },\n  },\n});\n\nconst checkboxIndicatorStyle = tva({\n  base: 'justify-center items-center border-outline-400 bg-transparent rounded web:data-[focus-visible=true]:outline-none web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-indicator-primary data-[checked=true]:bg-primary-600 data-[checked=true]:border-primary-600 data-[hover=true]:data-[checked=false]:border-outline-500 data-[hover=true]:bg-transparent data-[hover=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[checked=true]:bg-primary-700 data-[hover=true]:data-[checked=true]:border-primary-700 data-[hover=true]:data-[checked=true]:data-[disabled=true]:border-primary-600 data-[hover=true]:data-[checked=true]:data-[disabled=true]:bg-primary-600 data-[hover=true]:data-[checked=true]:data-[disabled=true]:opacity-40 data-[hover=true]:data-[checked=true]:data-[disabled=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[disabled=true]:border-outline-400 data-[hover=true]:data-[disabled=true]:data-[invalid=true]:border-error-700 data-[active=true]:data-[checked=true]:bg-primary-800 data-[active=true]:data-[checked=true]:border-primary-800 data-[invalid=true]:border-error-700 data-[disabled=true]:opacity-40',\n  parentVariants: {\n    size: {\n      lg: 'w-6 h-6 border-[3px]',\n      md: 'w-5 h-5 border-2',\n      sm: 'w-4 h-4 border-2',\n    },\n  },\n});\n\nconst checkboxLabelStyle = tva({\n  base: 'text-typography-600 data-[checked=true]:text-typography-900 data-[hover=true]:text-typography-900 data-[hover=true]:data-[checked=true]:text-typography-900 data-[hover=true]:data-[checked=true]:data-[disabled=true]:text-typography-900 data-[hover=true]:data-[disabled=true]:text-typography-400 data-[active=true]:text-typography-900 data-[active=true]:data-[checked=true]:text-typography-900 data-[disabled=true]:opacity-40 web:select-none',\n  parentVariants: {\n    size: {\n      lg: 'text-lg',\n      md: 'text-base',\n      sm: 'text-sm',\n    },\n  },\n});\n\nconst checkboxIconStyle = tva({\n  base: 'text-typography-50 fill-none',\n\n  parentVariants: {\n    size: {\n      sm: 'h-3 w-3',\n      md: 'h-4 w-4',\n      lg: 'h-5 w-5',\n    },\n  },\n});\n\nconst CheckboxGroup = UICheckbox.Group;\n\nexport type ICheckboxProps = React.ComponentPropsWithoutRef<typeof UICheckbox> &\n  VariantProps<typeof checkboxStyle>;\n\nconst Checkbox = React.forwardRef<\n  React.ComponentRef<typeof UICheckbox>,\n  ICheckboxProps\n>(function Checkbox({ className, size = 'md', ...props }, ref) {\n  return (\n    <UICheckbox\n      className={checkboxStyle({\n        class: className,\n        size,\n      })}\n      {...props}\n      context={{\n        size,\n      }}\n      ref={ref}\n    />\n  );\n});\n\nexport type ICheckboxIndicatorProps = React.ComponentPropsWithoutRef<\n  typeof UICheckbox.Indicator\n> &\n  VariantProps<typeof checkboxIndicatorStyle>;\n\nconst CheckboxIndicator = React.forwardRef<\n  React.ComponentRef<typeof UICheckbox.Indicator>,\n  ICheckboxIndicatorProps\n>(function CheckboxIndicator({ className, ...props }, ref) {\n  const { size: parentSize } = useStyleContext(SCOPE);\n\n  return (\n    <UICheckbox.Indicator\n      className={checkboxIndicatorStyle({\n        parentVariants: {\n          size: parentSize,\n        },\n        class: className,\n      })}\n      {...props}\n      ref={ref}\n    />\n  );\n});\n\nexport type ICheckboxLabelProps = React.ComponentPropsWithoutRef<\n  typeof UICheckbox.Label\n> &\n  VariantProps<typeof checkboxLabelStyle>;\nconst CheckboxLabel = React.forwardRef<\n  React.ComponentRef<typeof UICheckbox.Label>,\n  ICheckboxLabelProps\n>(function CheckboxLabel({ className, ...props }, ref) {\n  const { size: parentSize } = useStyleContext(SCOPE);\n  return (\n    <UICheckbox.Label\n      className={checkboxLabelStyle({\n        parentVariants: {\n          size: parentSize,\n        },\n        class: className,\n      })}\n      {...props}\n      ref={ref}\n    />\n  );\n});\n\nexport type ICheckboxIconProps = React.ComponentPropsWithoutRef<\n  typeof UICheckbox.Icon\n> &\n  VariantProps<typeof checkboxIconStyle>;\n\nconst CheckboxIcon = React.forwardRef<\n  React.ComponentRef<typeof UICheckbox.Icon>,\n  ICheckboxIconProps\n>(function CheckboxIcon({ className, size, ...props }, ref) {\n  const { size: parentSize } = useStyleContext(SCOPE);\n\n  if (typeof size === 'number') {\n    return (\n      <UICheckbox.Icon\n        ref={ref}\n        {...props}\n        className={checkboxIconStyle({ class: className })}\n        size={size}\n      />\n    );\n  } else if (\n    (props.height !== undefined || props.width !== undefined) &&\n    size === undefined\n  ) {\n    return (\n      <UICheckbox.Icon\n        ref={ref}\n        {...props}\n        className={checkboxIconStyle({ class: className })}\n      />\n    );\n  }\n\n  return (\n    <UICheckbox.Icon\n      className={checkboxIconStyle({\n        parentVariants: {\n          size: parentSize,\n        },\n        size,\n        class: className,\n      })}\n      {...props}\n      ref={ref}\n    />\n  );\n});\n\nCheckbox.displayName = 'Checkbox';\nCheckboxIndicator.displayName = 'CheckboxIndicator';\nCheckboxLabel.displayName = 'CheckboxLabel';\nCheckboxIcon.displayName = 'CheckboxIcon';\n\nexport {\n  Checkbox,\n  CheckboxIndicator,\n  CheckboxLabel,\n  CheckboxIcon,\n  CheckboxGroup,\n};\n"],"names":["IndicatorWrapper","LabelWrapper","IconWrapper","Checkbox","CheckboxIndicator","CheckboxLabel","CheckboxIcon"],"mappings":"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"}

package/apps/mobile/src/ui/divider/index.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+var reactNative = require('react-native');
+
+const dividerStyle = nativewindUtils.tva({
+  base: "bg-background-200",
+  variants: {
+    orientation: {
+      vertical: "w-px h-full",
+      horizontal: "h-px w-full"
+    }
+  }
+});
+const Divider = React.forwardRef(function Divider2({ className, orientation = "horizontal", ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.View,
+    {
+      ref,
+      ...props,
+      "aria-orientation": orientation,
+      role: reactNative.Platform.OS === "web" ? "separator" : void 0,
+      className: dividerStyle({
+        orientation,
+        class: className
+      })
+    }
+  );
+});
+Divider.displayName = "Divider";
+
+exports.Divider = Divider;
+//# sourceMappingURL=index.cjs.map

package/apps/mobile/src/ui/divider/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/divider/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { Platform, View } from 'react-native';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\n\nconst dividerStyle = tva({\n  base: 'bg-background-200',\n  variants: {\n    orientation: {\n      vertical: 'w-px h-full',\n      horizontal: 'h-px w-full',\n    },\n  },\n});\n\nexport type IUIDividerProps = React.ComponentPropsWithoutRef<typeof View> &\n  VariantProps<typeof dividerStyle>;\n\nconst Divider = React.forwardRef<\n  React.ComponentRef<typeof View>,\n  IUIDividerProps\n>(function Divider({ className, orientation = 'horizontal', ...props }, ref) {\n  return (\n    <View\n      ref={ref}\n      {...props}\n      aria-orientation={orientation}\n      role={Platform.OS === 'web' ? 'separator' : undefined}\n      className={dividerStyle({\n        orientation,\n        class: className,\n      })}\n    />\n  );\n});\n\nDivider.displayName = 'Divider';\n\nexport { Divider };\n"],"names":["tva","Divider","jsx","View","Platform"],"mappings":";;;;;;;AAMA,MAAM,eAAeA,mBAAA,CAAI;AAAA,EACvB,IAAA,EAAM,mBAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,QAAA,EAAU,aAAA;AAAA,MACV,UAAA,EAAY;AAAA;AACd;AAEJ,CAAC,CAAA;AAKD,MAAM,OAAA,GAAU,KAAA,CAAM,UAAA,CAGpB,SAASC,QAAAA,CAAQ,EAAE,SAAA,EAAW,WAAA,GAAc,YAAA,EAAc,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC3E,EAAA,uBACEC,cAAA;AAAA,IAACC,gBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,kBAAA,EAAkB,WAAA;AAAA,MAClB,IAAA,EAAMC,oBAAA,CAAS,EAAA,KAAO,KAAA,GAAQ,WAAA,GAAc,MAAA;AAAA,MAC5C,WAAW,YAAA,CAAa;AAAA,QACtB,WAAA;AAAA,QACA,KAAA,EAAO;AAAA,OACR;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,OAAA,CAAQ,WAAA,GAAc,SAAA;;;;"}

package/apps/mobile/src/ui/divider/index.js

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { tva } from '@gluestack-ui/utils/nativewind-utils';
+import { View, Platform } from 'react-native';
+
+const dividerStyle = tva({
+  base: "bg-background-200",
+  variants: {
+    orientation: {
+      vertical: "w-px h-full",
+      horizontal: "h-px w-full"
+    }
+  }
+});
+const Divider = React.forwardRef(function Divider2({ className, orientation = "horizontal", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ref,
+      ...props,
+      "aria-orientation": orientation,
+      role: Platform.OS === "web" ? "separator" : void 0,
+      className: dividerStyle({
+        orientation,
+        class: className
+      })
+    }
+  );
+});
+Divider.displayName = "Divider";
+
+export { Divider };
+//# sourceMappingURL=index.js.map

package/apps/mobile/src/ui/divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/divider/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { Platform, View } from 'react-native';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\n\nconst dividerStyle = tva({\n  base: 'bg-background-200',\n  variants: {\n    orientation: {\n      vertical: 'w-px h-full',\n      horizontal: 'h-px w-full',\n    },\n  },\n});\n\nexport type IUIDividerProps = React.ComponentPropsWithoutRef<typeof View> &\n  VariantProps<typeof dividerStyle>;\n\nconst Divider = React.forwardRef<\n  React.ComponentRef<typeof View>,\n  IUIDividerProps\n>(function Divider({ className, orientation = 'horizontal', ...props }, ref) {\n  return (\n    <View\n      ref={ref}\n      {...props}\n      aria-orientation={orientation}\n      role={Platform.OS === 'web' ? 'separator' : undefined}\n      className={dividerStyle({\n        orientation,\n        class: className,\n      })}\n    />\n  );\n});\n\nDivider.displayName = 'Divider';\n\nexport { Divider };\n"],"names":["Divider"],"mappings":";;;;;AAMA,MAAM,eAAe,GAAA,CAAI;AAAA,EACvB,IAAA,EAAM,mBAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,QAAA,EAAU,aAAA;AAAA,MACV,UAAA,EAAY;AAAA;AACd;AAEJ,CAAC,CAAA;AAKD,MAAM,OAAA,GAAU,KAAA,CAAM,UAAA,CAGpB,SAASA,QAAAA,CAAQ,EAAE,SAAA,EAAW,WAAA,GAAc,YAAA,EAAc,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC3E,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,kBAAA,EAAkB,WAAA;AAAA,MAClB,IAAA,EAAM,QAAA,CAAS,EAAA,KAAO,KAAA,GAAQ,WAAA,GAAc,MAAA;AAAA,MAC5C,WAAW,YAAA,CAAa;AAAA,QACtB,WAAA;AAAA,QACA,KAAA,EAAO;AAAA,OACR;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,OAAA,CAAQ,WAAA,GAAc,SAAA;;;;"}