@xleddyl/443-components-native 0.0.0-stage → 0.0.0

package/lib/module/components/display/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","useUnistyles","joinLabel","disabledOpacity","renderIcon","Text","Touchable","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ListItem","ref","title","subtitle","leftElement","rightElement","chevron","destructive","selected","disabled","onPress","accessibilityLabel","accessibilityHint","style","styles","theme","label","body","children","stylesheet","element","content","variant","tone","numberOfLines","size","color","colors","textDimmed","feedback","accessibilityRole","accessibilityState","container","accessible","create","flexDirection","alignItems","gap","space","minHeight","components","listItem","sizes","control","lg","paddingHorizontal","paddingX","paddingVertical","backgroundColor","primarySoft","opacity","justifyContent","flex"],"sourceRoot":"../../../../src","sources":["components/display/ListItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/display/ProgressBar.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { View } from 'react-native';
+import Animated, { useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from 'react-native-reanimated';
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { useLoop } from "../../hooks/useLoop.js";
+import { toneColors } from "../../theme/tones.js";
+import { progressRatio } from "../../utils/math.js";
+import { Text } from "../core/Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const thicknessFor = size => size === 'sm' ? 4 : size === 'md' ? 8 : 12;
+export const ProgressBar = ({
+  ref,
+  value = 0,
+  max = 100,
+  indeterminate = false,
+  tone = 'primary',
+  size = 'md',
+  label,
+  showValue = false,
+  accessibilityLabel,
+  style,
+  styles
+}) => {
+  const {
+    theme
+  } = useUnistyles();
+  const reducedMotion = useReducedMotion();
+  const [trackWidth, setTrackWidth] = useState(0);
+  const ratio = progressRatio(value, max);
+  const fraction = useSharedValue(ratio);
+  const sweep = useLoop({
+    enabled: indeterminate,
+    duration: reducedMotion ? 1600 : 1200,
+    easing: 'ease',
+    reverse: reducedMotion
+  });
+  const segmentWidth = trackWidth * 0.4;
+  useEffect(() => {
+    fraction.value = withTiming(ratio, {
+      duration: reducedMotion ? 0 : theme.motion.duration.slow
+    });
+  }, [ratio, fraction, reducedMotion, theme.motion.duration.slow]);
+  const fillStyle = useAnimatedStyle(() => {
+    if (indeterminate) {
+      return reducedMotion ? {
+        width: trackWidth,
+        opacity: 0.35 + sweep.value * 0.65
+      } : {
+        width: segmentWidth,
+        transform: [{
+          translateX: -segmentWidth + sweep.value * (trackWidth + segmentWidth)
+        }]
+      };
+    }
+    return {
+      width: fraction.value * trackWidth
+    };
+  });
+  const handleLayout = event => {
+    setTrackWidth(event.nativeEvent.layout.width);
+  };
+  const percent = Math.round(ratio * 100);
+  return /*#__PURE__*/_jsxs(View, {
+    ref: ref,
+    accessibilityRole: "progressbar",
+    accessibilityLabel: accessibilityLabel ?? label,
+    accessibilityValue: indeterminate ? undefined : {
+      min: 0,
+      max: 100,
+      now: percent
+    },
+    accessibilityState: {
+      busy: indeterminate
+    },
+    style: [stylesheet.container, style, styles?.container],
+    children: [label || showValue ? /*#__PURE__*/_jsxs(View, {
+      style: stylesheet.header,
+      children: [label ? /*#__PURE__*/_jsx(Text, {
+        variant: "label",
+        style: styles?.label,
+        children: label
+      }) : null, showValue && !indeterminate ? /*#__PURE__*/_jsx(Text, {
+        variant: "caption",
+        tone: "muted",
+        style: styles?.valueLabel,
+        children: `${percent}%`
+      }) : null]
+    }) : null, /*#__PURE__*/_jsx(View, {
+      onLayout: handleLayout,
+      style: [stylesheet.track(size), styles?.track],
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: [stylesheet.fill(size, tone), fillStyle, styles?.fill]
+      })
+    })]
+  });
+};
+const stylesheet = StyleSheet.create(theme => ({
+  container: {
+    alignSelf: 'stretch',
+    gap: theme.space(0.75)
+  },
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'baseline'
+  },
+  track: size => ({
+    height: thicknessFor(size),
+    borderRadius: theme.radius.full,
+    backgroundColor: theme.colors.surfaceSunken,
+    overflow: 'hidden'
+  }),
+  fill: (size, tone) => ({
+    height: thicknessFor(size),
+    borderRadius: theme.radius.full,
+    backgroundColor: toneColors(theme, tone).solid
+  })
+}));
+//# sourceMappingURL=ProgressBar.js.map

package/lib/module/components/display/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","View","Animated","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","StyleSheet","useUnistyles","useLoop","toneColors","progressRatio","Text","jsx","_jsx","jsxs","_jsxs","thicknessFor","size","ProgressBar","ref","value","max","indeterminate","tone","label","showValue","accessibilityLabel","style","styles","theme","reducedMotion","trackWidth","setTrackWidth","ratio","fraction","sweep","enabled","duration","easing","reverse","segmentWidth","motion","slow","fillStyle","width","opacity","transform","translateX","handleLayout","event","nativeEvent","layout","percent","Math","round","accessibilityRole","accessibilityValue","undefined","min","now","accessibilityState","busy","stylesheet","container","children","header","variant","valueLabel","onLayout","track","fill","create","alignSelf","gap","space","flexDirection","justifyContent","alignItems","height","borderRadius","radius","full","backgroundColor","colors","surfaceSunken","overflow","solid"],"sourceRoot":"../../../../src","sources":["components/display/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/display/ProgressRing.js

@@ -0,0 +1,104 @@
+"use strict";
+
+import { View } from 'react-native';
+import Animated, { useAnimatedStyle, useReducedMotion } from 'react-native-reanimated';
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { useLoop } from "../../hooks/useLoop.js";
+import { toneColors } from "../../theme/tones.js";
+import { progressRatio } from "../../utils/math.js";
+import { absoluteFill } from "../../utils/styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SEGMENTS = 60;
+const segmentIndexes = Array.from({
+  length: SEGMENTS
+}, (_, index) => index);
+export const ProgressRing = ({
+  ref,
+  value = 0,
+  max = 100,
+  indeterminate = false,
+  size = 64,
+  thickness = 6,
+  tone = 'primary',
+  children,
+  accessibilityLabel,
+  style,
+  styles
+}) => {
+  const {
+    theme
+  } = useUnistyles();
+  const reducedMotion = useReducedMotion();
+  const rotation = useLoop({
+    enabled: indeterminate && !reducedMotion,
+    duration: 1100
+  });
+  const ratio = progressRatio(value, max);
+  const filled = Math.round(ratio * SEGMENTS);
+  const colors = toneColors(theme, tone);
+  const segmentWidth = Math.max(2, Math.PI * (size - thickness) * 0.82 / SEGMENTS);
+  const rotationStyle = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${rotation.value * 360}deg`
+    }]
+  }));
+  return /*#__PURE__*/_jsxs(View, {
+    ref: ref,
+    accessibilityRole: "progressbar",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityValue: indeterminate ? undefined : {
+      min: 0,
+      max: 100,
+      now: Math.round(ratio * 100)
+    },
+    accessibilityState: {
+      busy: indeterminate
+    },
+    style: [stylesheet.container(size), style, styles?.container],
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: [stylesheet.ring, indeterminate ? rotationStyle : undefined],
+      children: segmentIndexes.map(index => /*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        style: stylesheet.spoke(index),
+        children: /*#__PURE__*/_jsx(View, {
+          style: stylesheet.segment(segmentWidth, thickness, indeterminate ? colors.solid : index < filled ? colors.solid : theme.colors.border, indeterminate ? index < SEGMENTS * 0.75 ? (index / (SEGMENTS * 0.75)) ** 1.5 : 0.08 : 1)
+        })
+      }, index))
+    }), children ? /*#__PURE__*/_jsx(View, {
+      style: [stylesheet.center, styles?.center],
+      children: children
+    }) : null]
+  });
+};
+const stylesheet = StyleSheet.create(theme => ({
+  container: size => ({
+    width: size,
+    height: size,
+    alignItems: 'center',
+    justifyContent: 'center',
+    alignSelf: 'flex-start'
+  }),
+  ring: {
+    ...absoluteFill
+  },
+  spoke: index => ({
+    ...absoluteFill,
+    alignItems: 'center',
+    transform: [{
+      rotate: `${index * 360 / SEGMENTS}deg`
+    }]
+  }),
+  segment: (width, thickness, color, opacity) => ({
+    width,
+    height: thickness,
+    borderRadius: Math.min(width, thickness) / 2,
+    backgroundColor: color,
+    opacity
+  }),
+  center: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: theme.space(1)
+  }
+}));
+//# sourceMappingURL=ProgressRing.js.map

package/lib/module/components/display/ProgressRing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Animated","useAnimatedStyle","useReducedMotion","StyleSheet","useUnistyles","useLoop","toneColors","progressRatio","absoluteFill","jsx","_jsx","jsxs","_jsxs","SEGMENTS","segmentIndexes","Array","from","length","_","index","ProgressRing","ref","value","max","indeterminate","size","thickness","tone","children","accessibilityLabel","style","styles","theme","reducedMotion","rotation","enabled","duration","ratio","filled","Math","round","colors","segmentWidth","PI","rotationStyle","transform","rotate","accessibilityRole","accessibilityValue","undefined","min","now","accessibilityState","busy","stylesheet","container","ring","map","pointerEvents","spoke","segment","solid","border","center","create","width","height","alignItems","justifyContent","alignSelf","color","opacity","borderRadius","backgroundColor","padding","space"],"sourceRoot":"../../../../src","sources":["components/display/ProgressRing.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/display/Skeleton.js

@@ -0,0 +1,146 @@
+"use strict";
+
+import { useState } from 'react';
+import { View } from 'react-native';
+import Animated, { useAnimatedStyle, useReducedMotion } from 'react-native-reanimated';
+import { StyleSheet } from 'react-native-unistyles';
+import { useLoop } from "../../hooks/useLoop.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+const SHIMMER_MS = 1300;
+const PULSE_MS = 900;
+const STRIP_OPACITIES = [0.08, 0.18, 0.3, 0.18, 0.08];
+const SkeletonBlock = ({
+  shape,
+  width,
+  height,
+  radius,
+  style
+}) => {
+  const reducedMotion = useReducedMotion();
+  const [blockWidth, setBlockWidth] = useState(0);
+  const progress = useLoop({
+    enabled: !reducedMotion,
+    duration: SHIMMER_MS,
+    easing: 'ease'
+  });
+  const pulse = useLoop({
+    enabled: reducedMotion,
+    duration: PULSE_MS,
+    easing: 'ease',
+    reverse: true,
+    from: 1,
+    to: 0.55
+  });
+  const bandWidth = Math.max(60, blockWidth * 0.45);
+  const bandStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: -bandWidth + progress.value * (blockWidth + bandWidth)
+    }]
+  }));
+  const pulseStyle = useAnimatedStyle(() => ({
+    opacity: pulse.value
+  }));
+  const handleLayout = event => {
+    setBlockWidth(event.nativeEvent.layout.width);
+  };
+  return /*#__PURE__*/_jsx(Animated.View, {
+    onLayout: handleLayout,
+    style: [stylesheet.block(shape, width, height, radius), pulseStyle, style],
+    children: reducedMotion ? null : /*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "none",
+      style: [stylesheet.band, {
+        width: bandWidth
+      }, bandStyle],
+      children: STRIP_OPACITIES.map((opacity, index) => /*#__PURE__*/_jsx(View, {
+        style: stylesheet.strip(opacity)
+      }, index))
+    })
+  });
+};
+export const Skeleton = ({
+  ref,
+  loading = true,
+  children,
+  shape = 'rect',
+  width,
+  height,
+  radius,
+  lines = 1,
+  accessibilityLabel = 'Loading',
+  style
+}) => {
+  if (!loading) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: children
+    });
+  }
+  if (shape === 'text' && lines > 1) {
+    return /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      accessible: true,
+      accessibilityRole: "progressbar",
+      accessibilityLabel: accessibilityLabel,
+      accessibilityState: {
+        busy: true
+      },
+      style: [stylesheet.lines, style],
+      children: Array.from({
+        length: lines
+      }, (_, index) => /*#__PURE__*/_jsx(SkeletonBlock, {
+        shape: "text",
+        width: index === lines - 1 ? '60%' : width,
+        height: height,
+        radius: radius
+      }, index))
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    accessible: true,
+    accessibilityRole: "progressbar",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityState: {
+      busy: true
+    },
+    style: [stylesheet.root(width), style],
+    children: /*#__PURE__*/_jsx(SkeletonBlock, {
+      shape: shape,
+      width: "100%",
+      height: height,
+      radius: radius
+    })
+  });
+};
+const stylesheet = StyleSheet.create(theme => ({
+  root: width => ({
+    width,
+    alignSelf: width === undefined ? 'stretch' : 'flex-start'
+  }),
+  lines: {
+    alignSelf: 'stretch',
+    gap: theme.space(1)
+  },
+  block: (shape, width, height, radius) => ({
+    width: shape === 'circle' ? height ?? 40 : width,
+    height: height ?? (shape === 'text' ? theme.typography.variants.body.fontSize : 16),
+    borderRadius: radius ?? (shape === 'circle' ? theme.radius.full : shape === 'text' ? theme.radius.xs : theme.radius.md),
+    backgroundColor: theme.colors.surfaceSunken,
+    borderWidth: theme.dark ? 0 : theme.sizes.borderWidth,
+    borderColor: theme.colors.border,
+    overflow: 'hidden',
+    alignSelf: width === undefined && shape !== 'circle' ? 'stretch' : undefined
+  }),
+  band: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    flexDirection: 'row'
+  },
+  strip: opacity => ({
+    flex: 1,
+    backgroundColor: theme.colors.surfaceRaised,
+    opacity
+  })
+}));
+//# sourceMappingURL=Skeleton.js.map

package/lib/module/components/display/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","Animated","useAnimatedStyle","useReducedMotion","StyleSheet","useLoop","jsx","_jsx","Fragment","_Fragment","SHIMMER_MS","PULSE_MS","STRIP_OPACITIES","SkeletonBlock","shape","width","height","radius","style","reducedMotion","blockWidth","setBlockWidth","progress","enabled","duration","easing","pulse","reverse","from","to","bandWidth","Math","max","bandStyle","transform","translateX","value","pulseStyle","opacity","handleLayout","event","nativeEvent","layout","onLayout","stylesheet","block","children","pointerEvents","band","map","index","strip","Skeleton","ref","loading","lines","accessibilityLabel","accessible","accessibilityRole","accessibilityState","busy","Array","length","_","root","create","theme","alignSelf","undefined","gap","space","typography","variants","body","fontSize","borderRadius","full","xs","md","backgroundColor","colors","surfaceSunken","borderWidth","dark","sizes","borderColor","border","overflow","position","top","bottom","left","flexDirection","flex","surfaceRaised"],"sourceRoot":"../../../../src","sources":["components/display/Skeleton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/display/Stat.js

@@ -0,0 +1,112 @@
+"use strict";
+
+import { View } from 'react-native';
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { toneColors } from "../../theme/tones.js";
+import { joinLabel } from "../../utils/a11y.js";
+import { renderIcon } from "../core/Icon.js";
+import { Text, textToneColor } from "../core/Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const trendTone = {
+  up: 'success',
+  down: 'danger',
+  neutral: 'muted'
+};
+export const Stat = ({
+  ref,
+  label,
+  value,
+  delta,
+  trend = 'neutral',
+  helper,
+  icon,
+  iconTone,
+  rightElement,
+  style,
+  styles
+}) => {
+  const {
+    theme
+  } = useUnistyles();
+  const trendColor = textToneColor(theme, trendTone[trend]) ?? theme.colors.textMuted;
+  const iconColor = iconTone ? toneColors(theme, iconTone).text : theme.colors.textMuted;
+  return /*#__PURE__*/_jsxs(View, {
+    ref: ref,
+    accessible: true,
+    accessibilityLabel: joinLabel(label, String(value), delta, helper),
+    style: [stylesheet.container, style, styles?.container],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: stylesheet.header,
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "label",
+        tone: "muted",
+        style: [stylesheet.label, styles?.label],
+        children: label
+      }), icon ? /*#__PURE__*/_jsx(View, {
+        style: [stylesheet.icon, styles?.icon],
+        children: renderIcon(icon, {
+          size: 'md',
+          color: iconColor
+        })
+      }) : null, rightElement]
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "title",
+      style: styles?.value,
+      children: String(value)
+    }), delta || helper ? /*#__PURE__*/_jsxs(View, {
+      style: stylesheet.footer,
+      children: [delta ? /*#__PURE__*/_jsxs(View, {
+        style: stylesheet.delta,
+        children: [trend === 'neutral' ? null : renderIcon(trend === 'up' ? 'chevron-up' : 'chevron-down', {
+          size: 'sm',
+          color: trendColor
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "caption",
+          weight: "semibold",
+          tone: trendTone[trend],
+          style: styles?.delta,
+          children: delta
+        })]
+      }) : null, helper ? /*#__PURE__*/_jsx(Text, {
+        variant: "caption",
+        tone: "muted",
+        style: styles?.helper,
+        children: helper
+      }) : null]
+    }) : null]
+  });
+};
+const stylesheet = StyleSheet.create(theme => ({
+  container: {
+    gap: theme.space(0.5),
+    padding: theme.space(2),
+    borderRadius: theme.radius.lg,
+    borderWidth: theme.sizes.borderWidth,
+    borderColor: theme.colors.border,
+    backgroundColor: theme.colors.surfaceRaised
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: theme.space(1)
+  },
+  label: {
+    flexShrink: 1
+  },
+  icon: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  footer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flexWrap: 'wrap',
+    gap: theme.space(1)
+  },
+  delta: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  }
+}));
+//# sourceMappingURL=Stat.js.map

package/lib/module/components/display/Stat.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","StyleSheet","useUnistyles","toneColors","joinLabel","renderIcon","Text","textToneColor","jsx","_jsx","jsxs","_jsxs","trendTone","up","down","neutral","Stat","ref","label","value","delta","trend","helper","icon","iconTone","rightElement","style","styles","theme","trendColor","colors","textMuted","iconColor","text","accessible","accessibilityLabel","String","stylesheet","container","children","header","variant","tone","size","color","footer","weight","create","gap","space","padding","borderRadius","radius","lg","borderWidth","sizes","borderColor","border","backgroundColor","surfaceRaised","flexDirection","alignItems","justifyContent","flexShrink","flexWrap"],"sourceRoot":"../../../../src","sources":["components/display/Stat.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/display/Tag.js

@@ -0,0 +1,14 @@
+"use strict";
+
+import { Chip } from "./Chip.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Tag = ({
+  variant = 'soft',
+  size = 'sm',
+  ...props
+}) => /*#__PURE__*/_jsx(Chip, {
+  variant: variant,
+  size: size,
+  ...props
+});
+//# sourceMappingURL=Tag.js.map

package/lib/module/components/display/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Chip","jsx","_jsx","Tag","variant","size","props"],"sourceRoot":"../../../../src","sources":["components/display/Tag.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,WAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAK7B,OAAO,MAAMC,GAAG,GAAGA,CAAC;EAAEC,OAAO,GAAG,MAAM;EAAEC,IAAI,GAAG,IAAI;EAAE,GAAGC;AAAgB,CAAC,kBACtEJ,IAAA,CAACF,IAAI;EAACI,OAAO,EAAEA,OAAQ;EAACC,IAAI,EAAEA,IAAK;EAAA,GAAKC;AAAK,CAAG,CAClD","ignoreList":[]}

package/lib/module/components/display/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+export { Avatar, avatarDimension, initialsFor } from "./Avatar.js";
+export { AvatarGroup } from "./AvatarGroup.js";
+export { Badge } from "./Badge.js";
+export { Banner } from "./Banner.js";
+export { Card } from "./Card.js";
+export { Chip } from "./Chip.js";
+export { DescriptionList } from "./DescriptionList.js";
+export { Divider } from "./Divider.js";
+export { EmptyState } from "./EmptyState.js";
+export { KeyValue } from "./KeyValue.js";
+export { List } from "./List.js";
+export { ListItem } from "./ListItem.js";
+export { ProgressBar } from "./ProgressBar.js";
+export { ProgressRing } from "./ProgressRing.js";
+export { Skeleton } from "./Skeleton.js";
+export { Stat } from "./Stat.js";
+export { Tag } from "./Tag.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/display/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Avatar","avatarDimension","initialsFor","AvatarGroup","Badge","Banner","Card","Chip","DescriptionList","Divider","EmptyState","KeyValue","List","ListItem","ProgressBar","ProgressRing","Skeleton","Stat","Tag"],"sourceRoot":"../../../../src","sources":["components/display/index.ts"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,eAAe,EAAEC,WAAW,QAAQ,aAAU;AAE/D,SAASC,WAAW,QAAQ,kBAAe;AAE3C,SAASC,KAAK,QAAQ,YAAS;AAE/B,SAASC,MAAM,QAAQ,aAAU;AAEjC,SAASC,IAAI,QAAQ,WAAQ;AAE7B,SAASC,IAAI,QAAQ,WAAQ;AAE7B,SAASC,eAAe,QAAQ,sBAAmB;AAEnD,SAASC,OAAO,QAAQ,cAAW;AAEnC,SAASC,UAAU,QAAQ,iBAAc;AAEzC,SAASC,QAAQ,QAAQ,eAAY;AAErC,SAASC,IAAI,QAAQ,WAAQ;AAE7B,SAASC,QAAQ,QAAQ,eAAY;AAErC,SAASC,WAAW,QAAQ,kBAAe;AAE3C,SAASC,YAAY,QAAQ,mBAAgB;AAE7C,SAASC,QAAQ,QAAQ,eAAY;AAErC,SAASC,IAAI,QAAQ,WAAQ;AAE7B,SAASC,GAAG,QAAQ,UAAO","ignoreList":[]}