@impulse-ui-native/primitives 2.1.0 → 2.1.2

package/dist/components/controls/label.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { StyleSheet } from "react-native";
+import { useThemedStyles } from "@impulse-ui-native/theme";
+import { Typography } from "../atoms";
+import { useControlContext } from "./provider";
+const ControlLabel = memo(function ControlLabel2(props) {
+  const { children, disabled, style, ...rest } = props;
+  const { error } = useControlContext();
+  const styles = useThemedStyles(
+    themedStyles,
+    {
+      disabled,
+      error
+    },
+    [disabled, error]
+  );
+  const labelStyle = useMemo(
+    () => [styles.label, style],
+    [styles.label, style]
+  );
+  if (!children) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Typography.Label, { ...rest, style: labelStyle, children });
+});
+function themedStyles(theme, props) {
+  const { disabled, error } = props;
+  const controlLabelTokens = theme.components.controlLabel;
+  const color = disabled ? controlLabelTokens.disabledColor : error ? controlLabelTokens.errorColor : controlLabelTokens.color;
+  return StyleSheet.create({
+    label: {
+      marginBottom: controlLabelTokens.marginBottom,
+      fontSize: controlLabelTokens.fontSize,
+      color
+    }
+  });
+}
+export {
+  ControlLabel
+};
+//# sourceMappingURL=label.js.map

package/dist/components/controls/label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/controls/label.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport { AppTheme, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport { ControlLabelProps } from \"../../types\";\nimport { Typography } from \"../atoms\";\nimport { useControlContext } from \"./provider\";\n\nexport const ControlLabel = memo(function ControlLabel(\n  props: ControlLabelProps,\n) {\n  const { children, disabled, style, ...rest } = props;\n\n  const { error } = useControlContext();\n\n  const styles = useThemedStyles(\n    themedStyles,\n    {\n      disabled,\n      error,\n    },\n    [disabled, error],\n  );\n\n  const labelStyle = useMemo(\n    () => [styles.label, style],\n    [styles.label, style],\n  );\n\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <Typography.Label {...rest} style={labelStyle}>\n      {children}\n    </Typography.Label>\n  );\n});\n\nfunction themedStyles(\n  theme: AppTheme,\n  props: {\n    disabled?: boolean;\n    error?: string;\n  },\n) {\n  const { disabled, error } = props;\n\n  const controlLabelTokens = theme.components.controlLabel;\n\n  const color = disabled\n    ? controlLabelTokens.disabledColor\n    : error\n      ? controlLabelTokens.errorColor\n      : controlLabelTokens.color;\n\n  return StyleSheet.create({\n    label: {\n      marginBottom: controlLabelTokens.marginBottom,\n      fontSize: controlLabelTokens.fontSize,\n      color,\n    },\n  });\n}\n"],"mappings":"AAmCI;AAnCJ,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAE3B,SAAmB,uBAAuB;AAG1C,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAE3B,MAAM,eAAe,KAAK,SAASA,cACxC,OACA;AACA,QAAM,EAAE,UAAU,UAAU,OAAO,GAAG,KAAK,IAAI;AAE/C,QAAM,EAAE,MAAM,IAAI,kBAAkB;AAEpC,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,UAAU,KAAK;AAAA,EAClB;AAEA,QAAM,aAAa;AAAA,IACjB,MAAM,CAAC,OAAO,OAAO,KAAK;AAAA,IAC1B,CAAC,OAAO,OAAO,KAAK;AAAA,EACtB;AAEA,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,WAAW,OAAX,EAAkB,GAAG,MAAM,OAAO,YAChC,UACH;AAEJ,CAAC;AAED,SAAS,aACP,OACA,OAIA;AACA,QAAM,EAAE,UAAU,MAAM,IAAI;AAE5B,QAAM,qBAAqB,MAAM,WAAW;AAE5C,QAAM,QAAQ,WACV,mBAAmB,gBACnB,QACE,mBAAmB,aACnB,mBAAmB;AAEzB,SAAO,WAAW,OAAO;AAAA,IACvB,OAAO;AAAA,MACL,cAAc,mBAAmB;AAAA,MACjC,UAAU,mBAAmB;AAAA,MAC7B;AAAA,IACF;AAAA,EACF,CAAC;AACH;","names":["ControlLabel"]}

package/dist/components/controls/loader.d.mts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const ControlLoader: react.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
+
+export { ControlLoader };

package/dist/components/controls/loader.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { ActivityIndicator } from "react-native";
+const ControlLoader = memo(function ControlLoader2() {
+  return /* @__PURE__ */ jsx(ActivityIndicator, {});
+});
+export {
+  ControlLoader
+};
+//# sourceMappingURL=loader.js.map

package/dist/components/controls/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/controls/loader.tsx"],"sourcesContent":["import { memo } from \"react\";\nimport { ActivityIndicator } from \"react-native\";\n\nexport const ControlLoader = memo(function ControlLoader() {\n  return <ActivityIndicator />;\n});\n"],"mappings":"AAIS;AAJT,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAE3B,MAAM,gBAAgB,KAAK,SAASA,iBAAgB;AACzD,SAAO,oBAAC,qBAAkB;AAC5B,CAAC;","names":["ControlLoader"]}

package/dist/components/controls/placeholder.d.mts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ControlPlaceholderProps } from '../../types/control-components.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/icon/types';
+import '@impulse-ui-native/theme';
+import '../../types/button.types.mjs';
+
+declare const ControlPlaceholder: react.MemoExoticComponent<(props: ControlPlaceholderProps) => react_jsx_runtime.JSX.Element>;
+
+export { ControlPlaceholder };

package/dist/components/controls/placeholder.js

@@ -0,0 +1,51 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { StyleSheet } from "react-native";
+import {
+  useThemedStyles
+} from "@impulse-ui-native/theme";
+import { Typography } from "../atoms";
+import { useControlContext } from "./provider";
+const ControlPlaceholder = memo(function ControlPlaceholder2(props) {
+  const { style, ...rest } = props;
+  const { size, variant, disabled, error } = useControlContext();
+  const styles = useThemedStyles(
+    themedStyles,
+    {
+      size,
+      variant,
+      disabled,
+      error
+    },
+    [size, variant, disabled, error]
+  );
+  const placeholderStyle = useMemo(
+    () => [styles.placeholder, style],
+    [styles.placeholder, style]
+  );
+  return /* @__PURE__ */ jsx(Typography.Master, { numberOfLines: 1, ...rest, style: placeholderStyle });
+});
+function themedStyles(theme, {
+  size,
+  variant,
+  disabled,
+  error
+}) {
+  const controlInputTokens = theme.components.controlInput;
+  const sizeTokens = controlInputTokens.sizes[size];
+  const variantTokens = controlInputTokens.variants[variant];
+  const color = disabled ? variantTokens.disabledPlaceholderColor : error ? variantTokens.errorPlaceholderColor : variantTokens.placeholderColor;
+  return StyleSheet.create({
+    placeholder: {
+      flex: controlInputTokens.flex,
+      color,
+      fontFamily: controlInputTokens.fontFamily,
+      fontSize: sizeTokens.fontSize,
+      paddingHorizontal: controlInputTokens.paddingHorizontal
+    }
+  });
+}
+export {
+  ControlPlaceholder
+};
+//# sourceMappingURL=placeholder.js.map

package/dist/components/controls/placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/controls/placeholder.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport {\n  AppTheme,\n  ComponentSize,\n  ComponentVariant,\n  useThemedStyles,\n} from \"@impulse-ui-native/theme\";\n\nimport { ControlPlaceholderProps } from \"../../types\";\nimport { Typography } from \"../atoms\";\nimport { useControlContext } from \"./provider\";\n\nexport const ControlPlaceholder = memo(function ControlPlaceholder(\n  props: ControlPlaceholderProps,\n) {\n  const { style, ...rest } = props;\n\n  const { size, variant, disabled, error } = useControlContext();\n\n  const styles = useThemedStyles(\n    themedStyles,\n    {\n      size,\n      variant,\n      disabled,\n      error,\n    },\n    [size, variant, disabled, error],\n  );\n\n  const placeholderStyle = useMemo(\n    () => [styles.placeholder, style],\n    [styles.placeholder, style],\n  );\n\n  return (\n    <Typography.Master numberOfLines={1} {...rest} style={placeholderStyle} />\n  );\n});\n\nfunction themedStyles(\n  theme: AppTheme,\n  {\n    size,\n    variant,\n    disabled,\n    error,\n  }: {\n    size: ComponentSize;\n    variant: ComponentVariant;\n    disabled?: boolean;\n    error?: string;\n  },\n) {\n  const controlInputTokens = theme.components.controlInput;\n  const sizeTokens = controlInputTokens.sizes[size];\n  const variantTokens = controlInputTokens.variants[variant];\n\n  const color = disabled\n    ? variantTokens.disabledPlaceholderColor\n    : error\n      ? variantTokens.errorPlaceholderColor\n      : variantTokens.placeholderColor;\n\n  return StyleSheet.create({\n    placeholder: {\n      flex: controlInputTokens.flex,\n      color,\n      fontFamily: controlInputTokens.fontFamily,\n      fontSize: sizeTokens.fontSize,\n      paddingHorizontal: controlInputTokens.paddingHorizontal,\n    },\n  });\n}\n"],"mappings":"AAsCI;AAtCJ,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAE3B;AAAA,EAIE;AAAA,OACK;AAGP,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAE3B,MAAM,qBAAqB,KAAK,SAASA,oBAC9C,OACA;AACA,QAAM,EAAE,OAAO,GAAG,KAAK,IAAI;AAE3B,QAAM,EAAE,MAAM,SAAS,UAAU,MAAM,IAAI,kBAAkB;AAE7D,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,MAAM,SAAS,UAAU,KAAK;AAAA,EACjC;AAEA,QAAM,mBAAmB;AAAA,IACvB,MAAM,CAAC,OAAO,aAAa,KAAK;AAAA,IAChC,CAAC,OAAO,aAAa,KAAK;AAAA,EAC5B;AAEA,SACE,oBAAC,WAAW,QAAX,EAAkB,eAAe,GAAI,GAAG,MAAM,OAAO,kBAAkB;AAE5E,CAAC;AAED,SAAS,aACP,OACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMA;AACA,QAAM,qBAAqB,MAAM,WAAW;AAC5C,QAAM,aAAa,mBAAmB,MAAM,IAAI;AAChD,QAAM,gBAAgB,mBAAmB,SAAS,OAAO;AAEzD,QAAM,QAAQ,WACV,cAAc,2BACd,QACE,cAAc,wBACd,cAAc;AAEpB,SAAO,WAAW,OAAO;AAAA,IACvB,aAAa;AAAA,MACX,MAAM,mBAAmB;AAAA,MACzB;AAAA,MACA,YAAY,mBAAmB;AAAA,MAC/B,UAAU,WAAW;AAAA,MACrB,mBAAmB,mBAAmB;AAAA,IACxC;AAAA,EACF,CAAC;AACH;","names":["ControlPlaceholder"]}

package/dist/components/controls/provider.d.mts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { PropsWithChildren } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ControlContextData } from '../../types/control-components.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/icon/types';
+import '@impulse-ui-native/theme';
+import '../../types/button.types.mjs';
+
+declare const ControlProvider: react.MemoExoticComponent<(props: PropsWithChildren<ControlContextData>) => react_jsx_runtime.JSX.Element>;
+declare function useControlContext(): ControlContextData;
+
+export { ControlProvider, useControlContext };

package/dist/components/controls/provider.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, memo, useContext } from "react";
+const ControlContext = createContext(void 0);
+const ControlProvider = memo(function ControlProvider2(props) {
+  const { children, ...context } = props;
+  return /* @__PURE__ */ jsx(ControlContext.Provider, { value: context, children });
+});
+function useControlContext() {
+  const context = useContext(ControlContext);
+  if (!context) {
+    throw new Error("useControlContext must be used within ControlProvider");
+  }
+  return context;
+}
+export {
+  ControlProvider,
+  useControlContext
+};
+//# sourceMappingURL=provider.js.map

package/dist/components/controls/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/controls/provider.tsx"],"sourcesContent":["import { createContext, memo, PropsWithChildren, useContext } from \"react\";\n\nimport { ControlContextData } from \"../../types\";\n\nconst ControlContext = createContext<ControlContextData | undefined>(undefined);\n\nexport const ControlProvider = memo(function ControlProvider(\n  props: PropsWithChildren<ControlContextData>,\n) {\n  const { children, ...context } = props;\n\n  return (\n    <ControlContext.Provider value={context}>\n      {children}\n    </ControlContext.Provider>\n  );\n});\n\nexport function useControlContext() {\n  const context = useContext(ControlContext);\n\n  if (!context) {\n    throw new Error(\"useControlContext must be used within ControlProvider\");\n  }\n\n  return context;\n}\n"],"mappings":"AAYI;AAZJ,SAAS,eAAe,MAAyB,kBAAkB;AAInE,MAAM,iBAAiB,cAA8C,MAAS;AAEvE,MAAM,kBAAkB,KAAK,SAASA,iBAC3C,OACA;AACA,QAAM,EAAE,UAAU,GAAG,QAAQ,IAAI;AAEjC,SACE,oBAAC,eAAe,UAAf,EAAwB,OAAO,SAC7B,UACH;AAEJ,CAAC;AAEM,SAAS,oBAAoB;AAClC,QAAM,UAAU,WAAW,cAAc;AAEzC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AAEA,SAAO;AACT;","names":["ControlProvider"]}

package/dist/components/controls/root.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ViewProps } from '../../types/view.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/theme';
+
+declare const ControlRoot: react.MemoExoticComponent<(props: ViewProps) => react_jsx_runtime.JSX.Element>;
+
+export { ControlRoot };

package/dist/components/controls/root.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { StyleSheet } from "react-native";
+import { View } from "../atoms";
+const ControlRoot = memo(function ControlRoot2(props) {
+  const { style, ...rest } = props;
+  const containerStyle = useMemo(() => [styles.container, style], [style]);
+  return /* @__PURE__ */ jsx(View, { ...rest, style: containerStyle });
+});
+const styles = StyleSheet.create({
+  container: {
+    width: "100%"
+  }
+});
+export {
+  ControlRoot
+};
+//# sourceMappingURL=root.js.map

package/dist/components/controls/root.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/controls/root.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport { ViewProps } from \"../../types\";\nimport { View } from \"../atoms\";\n\nexport const ControlRoot = memo(function ControlRoot(props: ViewProps) {\n  const { style, ...rest } = props;\n\n  const containerStyle = useMemo(() => [styles.container, style], [style]);\n\n  return <View {...rest} style={containerStyle} />;\n});\n\nconst styles = StyleSheet.create({\n  container: {\n    width: \"100%\",\n  },\n});\n"],"mappings":"AAWS;AAXT,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAG3B,SAAS,YAAY;AAEd,MAAM,cAAc,KAAK,SAASA,aAAY,OAAkB;AACrE,QAAM,EAAE,OAAO,GAAG,KAAK,IAAI;AAE3B,QAAM,iBAAiB,QAAQ,MAAM,CAAC,OAAO,WAAW,KAAK,GAAG,CAAC,KAAK,CAAC;AAEvE,SAAO,oBAAC,QAAM,GAAG,MAAM,OAAO,gBAAgB;AAChD,CAAC;AAED,MAAM,SAAS,WAAW,OAAO;AAAA,EAC/B,WAAW;AAAA,IACT,OAAO;AAAA,EACT;AACF,CAAC;","names":["ControlRoot"]}

package/dist/components/controls/value.d.mts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ControlValueProps } from '../../types/control-components.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/icon/types';
+import '@impulse-ui-native/theme';
+import '../../types/button.types.mjs';
+
+declare const ControlValue: react.MemoExoticComponent<(props: ControlValueProps) => react_jsx_runtime.JSX.Element>;
+
+export { ControlValue };

package/dist/components/controls/value.js

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { StyleSheet } from "react-native";
+import {
+  useThemedStyles
+} from "@impulse-ui-native/theme";
+import { Typography } from "../atoms";
+import { useControlContext } from "./provider";
+const ControlValue = memo(function ControlValue2(props) {
+  const { style, ...rest } = props;
+  const { size } = useControlContext();
+  const styles = useThemedStyles(themedStyles, { size }, [size]);
+  const valueStyle = useMemo(
+    () => [styles.value, style],
+    [styles.value, style]
+  );
+  return /* @__PURE__ */ jsx(Typography.Master, { numberOfLines: 1, ...rest, style: valueStyle });
+});
+function themedStyles(theme, {
+  size
+}) {
+  const controlInputTokens = theme.components.controlInput;
+  const sizeTokens = controlInputTokens.sizes[size];
+  return StyleSheet.create({
+    value: {
+      flex: controlInputTokens.flex,
+      fontFamily: controlInputTokens.fontFamily,
+      fontSize: sizeTokens.fontSize,
+      paddingHorizontal: controlInputTokens.paddingHorizontal
+    }
+  });
+}
+export {
+  ControlValue
+};
+//# sourceMappingURL=value.js.map

package/dist/components/controls/value.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/controls/value.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport {\n  AppTheme,\n  ComponentSize,\n  useThemedStyles,\n} from \"@impulse-ui-native/theme\";\n\nimport { ControlValueProps } from \"../../types\";\nimport { Typography } from \"../atoms\";\nimport { useControlContext } from \"./provider\";\n\nexport const ControlValue = memo(function ControlValue(\n  props: ControlValueProps,\n) {\n  const { style, ...rest } = props;\n\n  const { size } = useControlContext();\n\n  const styles = useThemedStyles(themedStyles, { size }, [size]);\n\n  const valueStyle = useMemo(\n    () => [styles.value, style],\n    [styles.value, style],\n  );\n\n  return <Typography.Master numberOfLines={1} {...rest} style={valueStyle} />;\n});\n\nfunction themedStyles(\n  theme: AppTheme,\n  {\n    size,\n  }: {\n    size: ComponentSize;\n  },\n) {\n  const controlInputTokens = theme.components.controlInput;\n  const sizeTokens = controlInputTokens.sizes[size];\n\n  return StyleSheet.create({\n    value: {\n      flex: controlInputTokens.flex,\n      fontFamily: controlInputTokens.fontFamily,\n      fontSize: sizeTokens.fontSize,\n      paddingHorizontal: controlInputTokens.paddingHorizontal,\n    },\n  });\n}\n"],"mappings":"AA2BS;AA3BT,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAE3B;AAAA,EAGE;AAAA,OACK;AAGP,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAE3B,MAAM,eAAe,KAAK,SAASA,cACxC,OACA;AACA,QAAM,EAAE,OAAO,GAAG,KAAK,IAAI;AAE3B,QAAM,EAAE,KAAK,IAAI,kBAAkB;AAEnC,QAAM,SAAS,gBAAgB,cAAc,EAAE,KAAK,GAAG,CAAC,IAAI,CAAC;AAE7D,QAAM,aAAa;AAAA,IACjB,MAAM,CAAC,OAAO,OAAO,KAAK;AAAA,IAC1B,CAAC,OAAO,OAAO,KAAK;AAAA,EACtB;AAEA,SAAO,oBAAC,WAAW,QAAX,EAAkB,eAAe,GAAI,GAAG,MAAM,OAAO,YAAY;AAC3E,CAAC;AAED,SAAS,aACP,OACA;AAAA,EACE;AACF,GAGA;AACA,QAAM,qBAAqB,MAAM,WAAW;AAC5C,QAAM,aAAa,mBAAmB,MAAM,IAAI;AAEhD,SAAO,WAAW,OAAO;AAAA,IACvB,OAAO;AAAA,MACL,MAAM,mBAAmB;AAAA,MACzB,YAAY,mBAAmB;AAAA,MAC/B,UAAU,WAAW;AAAA,MACrB,mBAAmB,mBAAmB;AAAA,IACxC;AAAA,EACF,CAAC;AACH;","names":["ControlValue"]}

package/dist/components/index.d.mts

@@ -0,0 +1,22 @@
+export { View } from './atoms/view.mjs';
+export { SafeAreaView } from './atoms/safe-area-view.mjs';
+export { Typography, TypographyComponent } from './atoms/typography.mjs';
+export { Button } from './atoms/button.mjs';
+export { IconButton } from './atoms/icon-button.mjs';
+export { Pressable } from './atoms/pressable.mjs';
+export { Tag } from './atoms/tag.mjs';
+export { Control } from './controls/control.mjs';
+export { useControlContext } from './controls/provider.mjs';
+import 'react';
+import '@impulse-ui-native/theme';
+import 'react-native';
+import 'react/jsx-runtime';
+import '../types/safe-area-view.types.mjs';
+import 'react-native-safe-area-context';
+import '../types/typography.types.mjs';
+import '../types/button.types.mjs';
+import '../types/icon-button.types.mjs';
+import '@impulse-ui-native/icon/types';
+import '../types/tag.types.mjs';
+import '../types/view.types.mjs';
+import '../types/control-components.types.mjs';

package/dist/components/index.js

@@ -0,0 +1,3 @@
+export * from "./atoms";
+export * from "./controls";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from \"./atoms\";\nexport * from \"./controls\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/constants/control-container.constants.d.mts

@@ -0,0 +1,6 @@
+import { ComponentSize } from '@impulse-ui-native/theme';
+
+declare const ControlContainerHeight: Record<ComponentSize, number>;
+declare const ControlFontSize: Record<ComponentSize, number>;
+
+export { ControlContainerHeight, ControlFontSize };

package/dist/constants/control-container.constants.js

@@ -0,0 +1,15 @@
+const ControlContainerHeight = {
+  small: 36,
+  medium: 44,
+  large: 52
+};
+const ControlFontSize = {
+  small: 14,
+  medium: 16,
+  large: 18
+};
+export {
+  ControlContainerHeight,
+  ControlFontSize
+};
+//# sourceMappingURL=control-container.constants.js.map

package/dist/constants/control-container.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/control-container.constants.ts"],"sourcesContent":["import { ComponentSize } from \"@impulse-ui-native/theme\";\n\nexport const ControlContainerHeight: Record<ComponentSize, number> = {\n  small: 36,\n  medium: 44,\n  large: 52,\n};\n\nexport const ControlFontSize: Record<ComponentSize, number> = {\n  small: 14,\n  medium: 16,\n  large: 18,\n};\n"],"mappings":"AAEO,MAAM,yBAAwD;AAAA,EACnE,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAEO,MAAM,kBAAiD;AAAA,EAC5D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;","names":[]}

package/dist/constants/index.d.mts

@@ -0,0 +1,3 @@
+export { EdgeToShorthandKeyMap, EdgeToSpacingKeyMap } from './safe-area-view.constants.mjs';
+export { ControlContainerHeight, ControlFontSize } from './control-container.constants.mjs';
+import '@impulse-ui-native/theme';

package/dist/constants/index.js

@@ -0,0 +1,3 @@
+export * from "./safe-area-view.constants";
+export * from "./control-container.constants";
+//# sourceMappingURL=index.js.map

package/dist/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/index.ts"],"sourcesContent":["export * from \"./safe-area-view.constants\";\nexport * from \"./control-container.constants\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/constants/safe-area-view.constants.d.mts

@@ -0,0 +1,14 @@
+declare const EdgeToSpacingKeyMap: {
+    readonly top: "Top";
+    readonly bottom: "Bottom";
+    readonly left: "Left";
+    readonly right: "Right";
+};
+declare const EdgeToShorthandKeyMap: {
+    readonly top: "Vertical";
+    readonly bottom: "Vertical";
+    readonly left: "Horizontal";
+    readonly right: "Horizontal";
+};
+
+export { EdgeToShorthandKeyMap, EdgeToSpacingKeyMap };

package/dist/constants/safe-area-view.constants.js

@@ -0,0 +1,17 @@
+const EdgeToSpacingKeyMap = {
+  top: "Top",
+  bottom: "Bottom",
+  left: "Left",
+  right: "Right"
+};
+const EdgeToShorthandKeyMap = {
+  top: "Vertical",
+  bottom: "Vertical",
+  left: "Horizontal",
+  right: "Horizontal"
+};
+export {
+  EdgeToShorthandKeyMap,
+  EdgeToSpacingKeyMap
+};
+//# sourceMappingURL=safe-area-view.constants.js.map

package/dist/constants/safe-area-view.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/safe-area-view.constants.ts"],"sourcesContent":["export const EdgeToSpacingKeyMap = {\n  top: \"Top\",\n  bottom: \"Bottom\",\n  left: \"Left\",\n  right: \"Right\",\n} as const;\n\nexport const EdgeToShorthandKeyMap = {\n  top: \"Vertical\",\n  bottom: \"Vertical\",\n  left: \"Horizontal\",\n  right: \"Horizontal\",\n} as const;\n"],"mappings":"AAAO,MAAM,sBAAsB;AAAA,EACjC,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT;AAEO,MAAM,wBAAwB;AAAA,EACnC,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT;","names":[]}

package/dist/hocs/create-preset.hoc.d.mts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AppTheme, TypographyProps, TypographyPresetKey } from '@impulse-ui-native/theme';
+import { TextProps } from '../types/typography.types.mjs';
+import 'react-native';
+
+declare function createPreset(config: (theme: AppTheme) => TypographyProps, key: TypographyPresetKey): react.MemoExoticComponent<{
+    (props: TextProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+}>;
+
+export { createPreset };

package/dist/hocs/create-preset.hoc.js

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { StyleSheet, Text } from "react-native";
+import {
+  useStyleProps,
+  useTheme
+} from "@impulse-ui-native/theme";
+const numericFontVariant = ["tabular-nums"];
+const defaultFontVariant = [];
+function createPreset(config, key) {
+  const Component = (props) => {
+    const { style, numeric, fontStyle, fontWeight, ...rest } = props;
+    const theme = useTheme();
+    const extractedStyleProps = useStyleProps(props);
+    const typographyStyle = useMemo(() => {
+      const themedConfig = config(theme);
+      const resolvedFontStyle = fontStyle ?? themedConfig.fontStyle ?? "normal";
+      const resolvedFontWeight = fontWeight ?? themedConfig.fontWeight ?? 400;
+      const fontFamily = theme.fontFamily[resolvedFontStyle][resolvedFontWeight];
+      return StyleSheet.flatten([
+        themedConfig,
+        extractedStyleProps,
+        {
+          fontFamily,
+          fontVariant: numeric ? numericFontVariant : defaultFontVariant
+        },
+        style
+      ]);
+    }, [theme, extractedStyleProps, style, numeric, fontStyle, fontWeight]);
+    return /* @__PURE__ */ jsx(Text, { ...rest, style: typographyStyle });
+  };
+  Component.displayName = `Typography.${key}`;
+  return memo(Component);
+}
+export {
+  createPreset
+};
+//# sourceMappingURL=create-preset.hoc.js.map

package/dist/hocs/create-preset.hoc.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hocs/create-preset.hoc.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet, Text, TextStyle } from \"react-native\";\n\nimport {\n  AppTheme,\n  TypographyPresetKey,\n  TypographyProps,\n  useStyleProps,\n  useTheme,\n} from \"@impulse-ui-native/theme\";\n\nimport { TextProps } from \"../types\";\n\nconst numericFontVariant: TextStyle[\"fontVariant\"] = [\"tabular-nums\"];\nconst defaultFontVariant: TextStyle[\"fontVariant\"] = [];\n\nexport function createPreset(\n  config: (theme: AppTheme) => TypographyProps,\n  key: TypographyPresetKey,\n) {\n  const Component = (props: TextProps) => {\n    const { style, numeric, fontStyle, fontWeight, ...rest } = props;\n\n    const theme = useTheme();\n    const extractedStyleProps = useStyleProps(props);\n\n    const typographyStyle = useMemo(() => {\n      const themedConfig = config(theme);\n\n      const resolvedFontStyle = fontStyle ?? themedConfig.fontStyle ?? \"normal\";\n      const resolvedFontWeight = fontWeight ?? themedConfig.fontWeight ?? 400;\n\n      const fontFamily =\n        theme.fontFamily[resolvedFontStyle][resolvedFontWeight];\n\n      return StyleSheet.flatten([\n        themedConfig,\n        extractedStyleProps,\n        {\n          fontFamily,\n          fontVariant: numeric ? numericFontVariant : defaultFontVariant,\n        },\n        style,\n      ]);\n    }, [theme, extractedStyleProps, style, numeric, fontStyle, fontWeight]);\n\n    return <Text {...rest} style={typographyStyle} />;\n  };\n\n  Component.displayName = `Typography.${key}`;\n\n  return memo(Component);\n}\n"],"mappings":"AA8CW;AA9CX,SAAS,MAAM,eAAe;AAC9B,SAAS,YAAY,YAAuB;AAE5C;AAAA,EAIE;AAAA,EACA;AAAA,OACK;AAIP,MAAM,qBAA+C,CAAC,cAAc;AACpE,MAAM,qBAA+C,CAAC;AAE/C,SAAS,aACd,QACA,KACA;AACA,QAAM,YAAY,CAAC,UAAqB;AACtC,UAAM,EAAE,OAAO,SAAS,WAAW,YAAY,GAAG,KAAK,IAAI;AAE3D,UAAM,QAAQ,SAAS;AACvB,UAAM,sBAAsB,cAAc,KAAK;AAE/C,UAAM,kBAAkB,QAAQ,MAAM;AACpC,YAAM,eAAe,OAAO,KAAK;AAEjC,YAAM,oBAAoB,aAAa,aAAa,aAAa;AACjE,YAAM,qBAAqB,cAAc,aAAa,cAAc;AAEpE,YAAM,aACJ,MAAM,WAAW,iBAAiB,EAAE,kBAAkB;AAExD,aAAO,WAAW,QAAQ;AAAA,QACxB;AAAA,QACA;AAAA,QACA;AAAA,UACE;AAAA,UACA,aAAa,UAAU,qBAAqB;AAAA,QAC9C;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH,GAAG,CAAC,OAAO,qBAAqB,OAAO,SAAS,WAAW,UAAU,CAAC;AAEtE,WAAO,oBAAC,QAAM,GAAG,MAAM,OAAO,iBAAiB;AAAA,EACjD;AAEA,YAAU,cAAc,cAAc,GAAG;AAEzC,SAAO,KAAK,SAAS;AACvB;","names":[]}

package/dist/hocs/index.d.mts

@@ -0,0 +1,6 @@
+export { createPreset } from './create-preset.hoc.mjs';
+import 'react';
+import 'react/jsx-runtime';
+import '@impulse-ui-native/theme';
+import '../types/typography.types.mjs';
+import 'react-native';

package/dist/hocs/index.js

@@ -0,0 +1,5 @@
+import { createPreset } from "./create-preset.hoc";
+export {
+  createPreset
+};
+//# sourceMappingURL=index.js.map

package/dist/hocs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hocs/index.ts"],"sourcesContent":["export { createPreset } from \"./create-preset.hoc\";\n"],"mappings":"AAAA,SAAS,oBAAoB;","names":[]}