@impulse-ui-native/theme 2.0.1 → 2.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 ImpulseUI Native contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/constants/index.d.mts

@@ -0,0 +1,10 @@
+export { StylePropsSet, shadowScale } from './style.constants.mjs';
+import '../types/border.types.mjs';
+import 'react-native';
+import '../types/color.types.mjs';
+import '../types/dimension.types.mjs';
+import '../types/flex.types.mjs';
+import '../types/shadow.types.mjs';
+import '../types/spacing.types.mjs';
+import '../types/typography.types.mjs';
+import '../types/tokens.types.mjs';

package/dist/constants/index.js

@@ -0,0 +1,2 @@
+export * from "./style.constants";
+//# sourceMappingURL=index.js.map

package/dist/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/index.ts"],"sourcesContent":["export * from \"./style.constants\";\r\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/constants/style.constants.d.mts

@@ -0,0 +1,14 @@
+import { BorderProps } from '../types/border.types.mjs';
+import { ColorProps } from '../types/color.types.mjs';
+import { DimensionProps } from '../types/dimension.types.mjs';
+import { FlexProps } from '../types/flex.types.mjs';
+import { ShadowProps, ShadowLevel, ShadowIntensity } from '../types/shadow.types.mjs';
+import { SpacingProps } from '../types/spacing.types.mjs';
+import { TypographyProps } from '../types/typography.types.mjs';
+import 'react-native';
+import '../types/tokens.types.mjs';
+
+declare const StylePropsSet: Set<keyof SpacingProps | keyof ColorProps | keyof ShadowProps | keyof BorderProps | keyof TypographyProps | keyof FlexProps | keyof DimensionProps>;
+declare const shadowScale: Record<ShadowLevel, ShadowIntensity>;
+
+export { StylePropsSet, shadowScale };

package/dist/constants/style.constants.js

@@ -0,0 +1,100 @@
+const StylePropsRecord = {
+  margin: 0,
+  marginTop: 0,
+  marginBottom: 0,
+  marginLeft: 0,
+  marginRight: 0,
+  marginHorizontal: 0,
+  marginVertical: 0,
+  padding: 0,
+  paddingTop: 0,
+  paddingBottom: 0,
+  paddingLeft: 0,
+  paddingRight: 0,
+  paddingHorizontal: 0,
+  paddingVertical: 0,
+  color: 0,
+  backgroundColor: 0,
+  opacity: 0,
+  shadow: 0,
+  shadowPosition: 0,
+  shadowColor: 0,
+  shadowOpacity: 0,
+  shadowRadius: 0,
+  shadowOffset: 0,
+  elevation: 0,
+  borderRadius: 0,
+  borderTopLeftRadius: 0,
+  borderTopRightRadius: 0,
+  borderBottomLeftRadius: 0,
+  borderBottomRightRadius: 0,
+  borderWidth: 0,
+  borderTopWidth: 0,
+  borderRightWidth: 0,
+  borderBottomWidth: 0,
+  borderLeftWidth: 0,
+  borderColor: 0,
+  borderTopColor: 0,
+  borderRightColor: 0,
+  borderBottomColor: 0,
+  borderLeftColor: 0,
+  borderStyle: 0,
+  fontSize: 0,
+  fontFamily: 0,
+  fontWeight: 0,
+  fontStyle: 0,
+  fontVariant: 0,
+  letterSpacing: 0,
+  lineHeight: 0,
+  textAlign: 0,
+  textDecorationLine: 0,
+  textDecorationStyle: 0,
+  textDecorationColor: 0,
+  textTransform: 0,
+  includeFontPadding: 0,
+  textAlignVertical: 0,
+  writingDirection: 0,
+  flex: 0,
+  flexGrow: 0,
+  flexShrink: 0,
+  flexBasis: 0,
+  flexDirection: 0,
+  flexWrap: 0,
+  justifyContent: 0,
+  alignItems: 0,
+  alignSelf: 0,
+  alignContent: 0,
+  gap: 0,
+  rowGap: 0,
+  columnGap: 0,
+  position: 0,
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0,
+  zIndex: 0,
+  width: 0,
+  height: 0,
+  minWidth: 0,
+  maxWidth: 0,
+  minHeight: 0,
+  maxHeight: 0,
+  aspectRatio: 0,
+  overflow: 0
+};
+const StylePropsSet = new Set(
+  Object.keys(StylePropsRecord)
+);
+const shadowScale = {
+  none: { radius: 0, opacity: 0, elevation: 0 },
+  xs: { radius: 2, opacity: 0.08, elevation: 1 },
+  sm: { radius: 4, opacity: 0.1, elevation: 2 },
+  md: { radius: 8, opacity: 0.15, elevation: 4 },
+  lg: { radius: 16, opacity: 0.18, elevation: 8 },
+  xl: { radius: 24, opacity: 0.22, elevation: 12 }
+};
+export {
+  StylePropsSet,
+  shadowScale
+};
+//# sourceMappingURL=style.constants.js.map

package/dist/constants/style.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/style.constants.ts"],"sourcesContent":["import { ShadowIntensity, ShadowLevel, StyleProps } from \"../types\";\r\n\r\nconst StylePropsRecord: Record<keyof StyleProps, number> = {\r\n  margin: 0,\r\n  marginTop: 0,\r\n  marginBottom: 0,\r\n  marginLeft: 0,\r\n  marginRight: 0,\r\n  marginHorizontal: 0,\r\n  marginVertical: 0,\r\n  padding: 0,\r\n  paddingTop: 0,\r\n  paddingBottom: 0,\r\n  paddingLeft: 0,\r\n  paddingRight: 0,\r\n  paddingHorizontal: 0,\r\n  paddingVertical: 0,\r\n  color: 0,\r\n  backgroundColor: 0,\r\n  opacity: 0,\r\n  shadow: 0,\r\n  shadowPosition: 0,\r\n  shadowColor: 0,\r\n  shadowOpacity: 0,\r\n  shadowRadius: 0,\r\n  shadowOffset: 0,\r\n  elevation: 0,\r\n  borderRadius: 0,\r\n  borderTopLeftRadius: 0,\r\n  borderTopRightRadius: 0,\r\n  borderBottomLeftRadius: 0,\r\n  borderBottomRightRadius: 0,\r\n  borderWidth: 0,\r\n  borderTopWidth: 0,\r\n  borderRightWidth: 0,\r\n  borderBottomWidth: 0,\r\n  borderLeftWidth: 0,\r\n  borderColor: 0,\r\n  borderTopColor: 0,\r\n  borderRightColor: 0,\r\n  borderBottomColor: 0,\r\n  borderLeftColor: 0,\r\n  borderStyle: 0,\r\n  fontSize: 0,\r\n  fontFamily: 0,\r\n  fontWeight: 0,\r\n  fontStyle: 0,\r\n  fontVariant: 0,\r\n  letterSpacing: 0,\r\n  lineHeight: 0,\r\n  textAlign: 0,\r\n  textDecorationLine: 0,\r\n  textDecorationStyle: 0,\r\n  textDecorationColor: 0,\r\n  textTransform: 0,\r\n  includeFontPadding: 0,\r\n  textAlignVertical: 0,\r\n  writingDirection: 0,\r\n  flex: 0,\r\n  flexGrow: 0,\r\n  flexShrink: 0,\r\n  flexBasis: 0,\r\n  flexDirection: 0,\r\n  flexWrap: 0,\r\n  justifyContent: 0,\r\n  alignItems: 0,\r\n  alignSelf: 0,\r\n  alignContent: 0,\r\n  gap: 0,\r\n  rowGap: 0,\r\n  columnGap: 0,\r\n  position: 0,\r\n  top: 0,\r\n  right: 0,\r\n  bottom: 0,\r\n  left: 0,\r\n  zIndex: 0,\r\n  width: 0,\r\n  height: 0,\r\n  minWidth: 0,\r\n  maxWidth: 0,\r\n  minHeight: 0,\r\n  maxHeight: 0,\r\n  aspectRatio: 0,\r\n  overflow: 0,\r\n} as const;\r\n\r\nexport const StylePropsSet = new Set<keyof StyleProps>(\r\n  Object.keys(StylePropsRecord) as (keyof StyleProps)[],\r\n);\r\n\r\nexport const shadowScale: Record<ShadowLevel, ShadowIntensity> = {\r\n  none: { radius: 0, opacity: 0, elevation: 0 },\r\n  xs: { radius: 2, opacity: 0.08, elevation: 1 },\r\n  sm: { radius: 4, opacity: 0.1, elevation: 2 },\r\n  md: { radius: 8, opacity: 0.15, elevation: 4 },\r\n  lg: { radius: 16, opacity: 0.18, elevation: 8 },\r\n  xl: { radius: 24, opacity: 0.22, elevation: 12 },\r\n};\r\n"],"mappings":"AAEA,MAAM,mBAAqD;AAAA,EACzD,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,cAAc;AAAA,EACd,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,UAAU;AACZ;AAEO,MAAM,gBAAgB,IAAI;AAAA,EAC/B,OAAO,KAAK,gBAAgB;AAC9B;AAEO,MAAM,cAAoD;AAAA,EAC/D,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,EAAE;AAAA,EAC5C,IAAI,EAAE,QAAQ,GAAG,SAAS,MAAM,WAAW,EAAE;AAAA,EAC7C,IAAI,EAAE,QAAQ,GAAG,SAAS,KAAK,WAAW,EAAE;AAAA,EAC5C,IAAI,EAAE,QAAQ,GAAG,SAAS,MAAM,WAAW,EAAE;AAAA,EAC7C,IAAI,EAAE,QAAQ,IAAI,SAAS,MAAM,WAAW,EAAE;AAAA,EAC9C,IAAI,EAAE,QAAQ,IAAI,SAAS,MAAM,WAAW,GAAG;AACjD;","names":[]}

package/dist/hooks/index.d.mts

@@ -0,0 +1,28 @@
+export { useBorder } from './use-border.hook.mjs';
+export { useColors } from './use-colors.hook.mjs';
+export { useComponentsTokens } from './use-components-tokens.hook.mjs';
+export { useRadii } from './use-radii.hook.mjs';
+export { useSpace } from './use-space.hook.mjs';
+export { useStyleProps } from './use-style-props.hook.mjs';
+export { useTheme } from './use-theme.hook.mjs';
+export { useThemedStyles } from './use-themed-styles.mjs';
+import '../types/tokens.types.mjs';
+import '../types/theme-provider.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/border.types.mjs';
+import 'react-native';
+import '../types/color.types.mjs';
+import '../types/dimension.types.mjs';
+import '../types/flex.types.mjs';
+import '../types/shadow.types.mjs';
+import '../types/spacing.types.mjs';
+import '../types/typography.types.mjs';

package/dist/hooks/index.js

@@ -0,0 +1,19 @@
+import { useBorder } from "./use-border.hook";
+import { useColors } from "./use-colors.hook";
+import { useComponentsTokens } from "./use-components-tokens.hook";
+import { useRadii } from "./use-radii.hook";
+import { useSpace } from "./use-space.hook";
+import { useStyleProps } from "./use-style-props.hook";
+import { useTheme } from "./use-theme.hook";
+import { useThemedStyles } from "./use-themed-styles";
+export {
+  useBorder,
+  useColors,
+  useComponentsTokens,
+  useRadii,
+  useSpace,
+  useStyleProps,
+  useTheme,
+  useThemedStyles
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/index.ts"],"sourcesContent":["export { useBorder } from \"./use-border.hook\";\r\nexport { useColors } from \"./use-colors.hook\";\r\nexport { useComponentsTokens } from \"./use-components-tokens.hook\";\r\nexport { useRadii } from \"./use-radii.hook\";\r\nexport { useSpace } from \"./use-space.hook\";\r\nexport { useStyleProps } from \"./use-style-props.hook\";\r\nexport { useTheme } from \"./use-theme.hook\";\r\nexport { useThemedStyles } from \"./use-themed-styles\";\r\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;","names":[]}

package/dist/hooks/use-border.hook.d.mts

@@ -0,0 +1,5 @@
+import { BorderSize } from '../types/tokens.types.mjs';
+
+declare function useBorder(): BorderSize;
+
+export { useBorder };

package/dist/hooks/use-border.hook.js

@@ -0,0 +1,10 @@
+import { useMemo } from "react";
+import { useThemeContext } from "../providers";
+function useBorder() {
+  const context = useThemeContext();
+  return useMemo(() => context.borderSize, [context.borderSize]);
+}
+export {
+  useBorder
+};
+//# sourceMappingURL=use-border.hook.js.map

package/dist/hooks/use-border.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-border.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\r\n\r\nimport { useThemeContext } from \"../providers\";\r\nimport { BorderSize } from \"../types\";\r\n\r\nexport function useBorder(): BorderSize {\r\n  const context = useThemeContext();\r\n\r\n  return useMemo(() => context.borderSize, [context.borderSize]);\r\n}\r\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAGzB,SAAS,YAAwB;AACtC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ,MAAM,QAAQ,YAAY,CAAC,QAAQ,UAAU,CAAC;AAC/D;","names":[]}

package/dist/hooks/use-colors.hook.d.mts

@@ -0,0 +1,16 @@
+import { ThemeColors } from '../types/theme-provider.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function useColors(): ThemeColors;
+
+export { useColors };

package/dist/hooks/use-colors.hook.js

@@ -0,0 +1,10 @@
+import { useMemo } from "react";
+import { useThemeContext } from "../providers";
+function useColors() {
+  const context = useThemeContext();
+  return useMemo(() => context.colors, [context.colors]);
+}
+export {
+  useColors
+};
+//# sourceMappingURL=use-colors.hook.js.map

package/dist/hooks/use-colors.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-colors.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\r\n\r\nimport { useThemeContext } from \"../providers\";\r\nimport { ThemeColors } from \"../types\";\r\n\r\nexport function useColors(): ThemeColors {\r\n  const context = useThemeContext();\r\n\r\n  return useMemo(() => context.colors, [context.colors]);\r\n}\r\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAGzB,SAAS,YAAyB;AACvC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ,MAAM,QAAQ,QAAQ,CAAC,QAAQ,MAAM,CAAC;AACvD;","names":[]}

package/dist/hooks/use-components-tokens.hook.d.mts

@@ -0,0 +1,16 @@
+import { ComponentsTokens } from '../types/theme-provider.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function useComponentsTokens(): ComponentsTokens;
+
+export { useComponentsTokens };

package/dist/hooks/use-components-tokens.hook.js

@@ -0,0 +1,10 @@
+import { useMemo } from "react";
+import { useThemeContext } from "../providers";
+function useComponentsTokens() {
+  const context = useThemeContext();
+  return useMemo(() => context.components, [context.components]);
+}
+export {
+  useComponentsTokens
+};
+//# sourceMappingURL=use-components-tokens.hook.js.map

package/dist/hooks/use-components-tokens.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-components-tokens.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\r\n\r\nimport { useThemeContext } from \"../providers\";\r\n\r\nexport function useComponentsTokens() {\r\n  const context = useThemeContext();\r\n\r\n  return useMemo(() => context.components, [context.components]);\r\n}\r\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAEzB,SAAS,sBAAsB;AACpC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ,MAAM,QAAQ,YAAY,CAAC,QAAQ,UAAU,CAAC;AAC/D;","names":[]}

package/dist/hooks/use-radii.hook.d.mts

@@ -0,0 +1,5 @@
+import { Radii } from '../types/tokens.types.mjs';
+
+declare function useRadii(): Radii;
+
+export { useRadii };

package/dist/hooks/use-radii.hook.js

@@ -0,0 +1,10 @@
+import { useMemo } from "react";
+import { useThemeContext } from "../providers";
+function useRadii() {
+  const context = useThemeContext();
+  return useMemo(() => context.radii, [context.radii]);
+}
+export {
+  useRadii
+};
+//# sourceMappingURL=use-radii.hook.js.map

package/dist/hooks/use-radii.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-radii.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\r\n\r\nimport { useThemeContext } from \"../providers\";\r\nimport { Radii } from \"../types\";\r\n\r\nexport function useRadii(): Radii {\r\n  const context = useThemeContext();\r\n\r\n  return useMemo(() => context.radii, [context.radii]);\r\n}\r\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAGzB,SAAS,WAAkB;AAChC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ,MAAM,QAAQ,OAAO,CAAC,QAAQ,KAAK,CAAC;AACrD;","names":[]}

package/dist/hooks/use-space.hook.d.mts

@@ -0,0 +1,5 @@
+import { Space } from '../types/tokens.types.mjs';
+
+declare function useSpace(): Space;
+
+export { useSpace };

package/dist/hooks/use-space.hook.js

@@ -0,0 +1,10 @@
+import { useMemo } from "react";
+import { useThemeContext } from "../providers";
+function useSpace() {
+  const context = useThemeContext();
+  return useMemo(() => context.space, [context.space]);
+}
+export {
+  useSpace
+};
+//# sourceMappingURL=use-space.hook.js.map

package/dist/hooks/use-space.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-space.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\r\n\r\nimport { useThemeContext } from \"../providers\";\r\nimport { Space } from \"../types\";\r\n\r\nexport function useSpace(): Space {\r\n  const context = useThemeContext();\r\n\r\n  return useMemo(() => context.space, [context.space]);\r\n}\r\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAGzB,SAAS,WAAkB;AAChC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ,MAAM,QAAQ,OAAO,CAAC,QAAQ,KAAK,CAAC;AACrD;","names":[]}

package/dist/hooks/use-style-props.hook.d.mts

@@ -0,0 +1,13 @@
+import { BorderProps } from '../types/border.types.mjs';
+import { ColorProps } from '../types/color.types.mjs';
+import { DimensionProps } from '../types/dimension.types.mjs';
+import { FlexProps } from '../types/flex.types.mjs';
+import { ShadowProps } from '../types/shadow.types.mjs';
+import { SpacingProps } from '../types/spacing.types.mjs';
+import { TypographyProps } from '../types/typography.types.mjs';
+import 'react-native';
+import '../types/tokens.types.mjs';
+
+declare function useStyleProps<Props extends object>(props: Props): Partial<SpacingProps & ColorProps & ShadowProps & BorderProps & TypographyProps & FlexProps & DimensionProps>;
+
+export { useStyleProps };

package/dist/hooks/use-style-props.hook.js

@@ -0,0 +1,10 @@
+import { useMemo } from "react";
+import { createStyleKey, extractStyleProps } from "../utils";
+function useStyleProps(props) {
+  const key = useMemo(() => createStyleKey(props), [props]);
+  return useMemo(() => extractStyleProps(props), [key]);
+}
+export {
+  useStyleProps
+};
+//# sourceMappingURL=use-style-props.hook.js.map

package/dist/hooks/use-style-props.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-style-props.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\r\n\r\nimport { createStyleKey, extractStyleProps } from \"../utils\";\r\n\r\nexport function useStyleProps<Props extends object>(props: Props) {\r\n  const key = useMemo(() => createStyleKey(props), [props]);\r\n\r\n  return useMemo(() => extractStyleProps(props), [key]);\r\n}\r\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,gBAAgB,yBAAyB;AAE3C,SAAS,cAAoC,OAAc;AAChE,QAAM,MAAM,QAAQ,MAAM,eAAe,KAAK,GAAG,CAAC,KAAK,CAAC;AAExD,SAAO,QAAQ,MAAM,kBAAkB,KAAK,GAAG,CAAC,GAAG,CAAC;AACtD;","names":[]}

package/dist/hooks/use-theme.hook.d.mts

@@ -0,0 +1,16 @@
+import { AppTheme } from '../types/theme-provider.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function useTheme(): AppTheme;
+
+export { useTheme };

package/dist/hooks/use-theme.hook.js

@@ -0,0 +1,8 @@
+import { useThemeContext } from "../providers";
+function useTheme() {
+  return useThemeContext();
+}
+export {
+  useTheme
+};
+//# sourceMappingURL=use-theme.hook.js.map

package/dist/hooks/use-theme.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-theme.hook.ts"],"sourcesContent":["import { useThemeContext } from \"../providers\";\r\nimport { AppTheme } from \"../types\";\r\n\r\nexport function useTheme(): AppTheme {\r\n  return useThemeContext();\r\n}\r\n"],"mappings":"AAAA,SAAS,uBAAuB;AAGzB,SAAS,WAAqB;AACnC,SAAO,gBAAgB;AACzB;","names":[]}

package/dist/hooks/use-themed-styles.d.mts

@@ -0,0 +1,22 @@
+import { StyleSheet } from 'react-native';
+import { AppTheme } from '../types/theme-provider.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+type ThemedStyles<T extends StyleSheet.NamedStyles<T>> = T;
+type StyledFunctionNoProps<T extends StyleSheet.NamedStyles<T>> = (theme: AppTheme) => ThemedStyles<T>;
+type StyledFunctionWithProps<Props extends object, T extends StyleSheet.NamedStyles<T>> = (theme: AppTheme, props: Props) => ThemedStyles<T>;
+declare function useThemedStyles<T extends StyleSheet.NamedStyles<T>>(styledFunction: StyledFunctionNoProps<T>): ThemedStyles<T>;
+declare function useThemedStyles<Props extends object, T extends StyleSheet.NamedStyles<T>>(styledFunction: StyledFunctionWithProps<Props, T>, props: Props, dependencies: readonly unknown[]): ThemedStyles<T>;
+declare function useThemedStyles<Props extends object, T extends StyleSheet.NamedStyles<T>>(styledFunction: StyledFunctionWithProps<Props, T>, props: Props, dependencies: readonly unknown[]): ThemedStyles<T>;
+
+export { useThemedStyles };

package/dist/hooks/use-themed-styles.js

@@ -0,0 +1,16 @@
+import { useMemo } from "react";
+import { useTheme } from "./use-theme.hook";
+function useThemedStyles(styledFunction, props, dependencies) {
+  const theme = useTheme();
+  const memoDependencies = dependencies ?? (props === void 0 ? [] : [props]);
+  return useMemo(() => {
+    if (props === void 0) {
+      return styledFunction(theme);
+    }
+    return styledFunction(theme, props);
+  }, [theme, styledFunction, ...memoDependencies]);
+}
+export {
+  useThemedStyles
+};
+//# sourceMappingURL=use-themed-styles.js.map

package/dist/hooks/use-themed-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-themed-styles.ts"],"sourcesContent":["import { useMemo } from \"react\";\r\nimport { StyleSheet } from \"react-native\";\r\n\r\nimport { AppTheme } from \"../types\";\r\nimport { useTheme } from \"./use-theme.hook\";\r\n\r\ntype ThemedStyles<T extends StyleSheet.NamedStyles<T>> = T;\r\n\r\ntype StyledFunctionNoProps<T extends StyleSheet.NamedStyles<T>> = (\r\n  theme: AppTheme,\r\n) => ThemedStyles<T>;\r\n\r\ntype StyledFunctionWithProps<\r\n  Props extends object,\r\n  T extends StyleSheet.NamedStyles<T>,\r\n> = (theme: AppTheme, props: Props) => ThemedStyles<T>;\r\n\r\nexport function useThemedStyles<T extends StyleSheet.NamedStyles<T>>(\r\n  styledFunction: StyledFunctionNoProps<T>,\r\n): ThemedStyles<T>;\r\n\r\nexport function useThemedStyles<\r\n  Props extends object,\r\n  T extends StyleSheet.NamedStyles<T>,\r\n>(\r\n  styledFunction: StyledFunctionWithProps<Props, T>,\r\n  props: Props,\r\n  dependencies: readonly unknown[],\r\n): ThemedStyles<T>;\r\n\r\nexport function useThemedStyles<\r\n  Props extends object,\r\n  T extends StyleSheet.NamedStyles<T>,\r\n>(\r\n  styledFunction: StyledFunctionWithProps<Props, T>,\r\n  props: Props,\r\n  dependencies: readonly unknown[],\r\n): ThemedStyles<T>;\r\n\r\nexport function useThemedStyles<\r\n  Props extends object,\r\n  T extends StyleSheet.NamedStyles<T>,\r\n>(\r\n  styledFunction: StyledFunctionNoProps<T> | StyledFunctionWithProps<Props, T>,\r\n  props?: Props,\r\n  dependencies?: readonly unknown[],\r\n): ThemedStyles<T> {\r\n  const theme = useTheme();\r\n\r\n  const memoDependencies = dependencies ?? (props === undefined ? [] : [props]);\r\n\r\n  return useMemo(() => {\r\n    if (props === undefined) {\r\n      return (styledFunction as StyledFunctionNoProps<T>)(theme);\r\n    }\r\n\r\n    return (styledFunction as StyledFunctionWithProps<Props, T>)(theme, props);\r\n  }, [theme, styledFunction, ...memoDependencies]);\r\n}\r\n"],"mappings":"AAAA,SAAS,eAAe;AAIxB,SAAS,gBAAgB;AAmClB,SAAS,gBAId,gBACA,OACA,cACiB;AACjB,QAAM,QAAQ,SAAS;AAEvB,QAAM,mBAAmB,iBAAiB,UAAU,SAAY,CAAC,IAAI,CAAC,KAAK;AAE3E,SAAO,QAAQ,MAAM;AACnB,QAAI,UAAU,QAAW;AACvB,aAAQ,eAA4C,KAAK;AAAA,IAC3D;AAEA,WAAQ,eAAqD,OAAO,KAAK;AAAA,EAC3E,GAAG,CAAC,OAAO,gBAAgB,GAAG,gBAAgB,CAAC;AACjD;","names":[]}