@ezpg/app-ui 0.0.0-stage → 0.2.0

package/lib/module/blocks/sales-chart/sales-chart.js

@@ -0,0 +1,124 @@
+"use strict";
+
+import { View } from 'react-native';
+import { EmptyState } from "../../components/empty-state/empty-state.js";
+import { formatPrice } from "../../components/price/price.js";
+import { SegmentedTabs } from "../../components/segmented-tabs/segmented-tabs.js";
+import { Skeleton } from "../../components/skeleton/skeleton.js";
+import { Text } from "../../components/text/text.js";
+import { makeStyles } from "../../utils/styles.js";
+import { LineChart } from "../../charts/line-chart.js";
+import { Card } from "../internal/card.js";
+import { changeRate, formatManwon } from "../internal/format.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const PERIODS = [{
+  value: 'today',
+  label: '오늘'
+}, {
+  value: 'week',
+  label: '7일'
+}, {
+  value: 'month',
+  label: '30일'
+}];
+const useStyles = makeStyles(t => ({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    minHeight: 44
+  },
+  divided: {
+    borderBottomWidth: 1,
+    borderBottomColor: t.colors.border
+  },
+  net: {
+    minHeight: 56
+  },
+  netValue: {
+    flexDirection: 'row',
+    alignItems: 'baseline',
+    gap: t.space[2]
+  },
+  down: {
+    color: t.colors.info
+  }
+}));
+export function SalesChart({
+  period,
+  onPeriodChange,
+  total,
+  previousTotal,
+  refundTotal = 0,
+  data = [],
+  loading,
+  style
+}) {
+  const s = useStyles();
+  const rate = previousTotal !== undefined ? changeRate(total, previousTotal) : null;
+  const up = rate !== null && rate >= 0;
+  const empty = !loading && total === 0 && refundTotal === 0;
+  return /*#__PURE__*/_jsxs(Card, {
+    style: style,
+    children: [/*#__PURE__*/_jsx(SegmentedTabs, {
+      items: PERIODS,
+      value: period,
+      onValueChange: onPeriodChange
+    }), loading ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Skeleton, {
+        height: 44
+      }), /*#__PURE__*/_jsx(Skeleton, {
+        height: 44
+      }), /*#__PURE__*/_jsx(Skeleton, {
+        height: 56
+      })]
+    }) : empty ? /*#__PURE__*/_jsx(EmptyState, {
+      variant: "section",
+      title: "\uC774 \uAE30\uAC04 \uB9E4\uCD9C\uC774 \uC5C6\uC5B4\uC694"
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(View, {
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: s.row,
+          children: [/*#__PURE__*/_jsx(Text, {
+            tone: "muted",
+            children: "\uCD1D\uB9E4\uCD9C"
+          }), /*#__PURE__*/_jsx(Text, {
+            children: formatPrice(total + refundTotal)
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: [s.row, s.divided],
+          children: [/*#__PURE__*/_jsx(Text, {
+            tone: "muted",
+            children: "\uD658\uBD88"
+          }), /*#__PURE__*/_jsxs(Text, {
+            children: [refundTotal > 0 ? '−' : '', formatPrice(refundTotal)]
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: [s.row, s.net],
+          children: [/*#__PURE__*/_jsx(Text, {
+            weight: "bold",
+            children: "\uC21C\uB9E4\uCD9C"
+          }), /*#__PURE__*/_jsxs(View, {
+            style: s.netValue,
+            children: [rate !== null ? /*#__PURE__*/_jsxs(Text, {
+              weight: "bold",
+              tone: up ? 'destructive' : 'default',
+              style: !up && s.down,
+              accessibilityLabel: `직전 기간보다 ${Math.abs(rate).toFixed(1)}% ${up ? '증가' : '감소'}`,
+              children: [up ? '▲' : '▼', " ", Math.abs(rate).toFixed(1), "%"]
+            }) : null, /*#__PURE__*/_jsx(Text, {
+              variant: "title",
+              weight: "bold",
+              children: formatPrice(total)
+            })]
+          })]
+        })]
+      }), data.length > 1 ? /*#__PURE__*/_jsx(LineChart, {
+        data: data,
+        formatY: formatManwon,
+        height: 180
+      }) : null]
+    })]
+  });
+}
+//# sourceMappingURL=sales-chart.js.map

package/lib/module/blocks/sales-chart/sales-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","EmptyState","formatPrice","SegmentedTabs","Skeleton","Text","makeStyles","LineChart","Card","changeRate","formatManwon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","PERIODS","value","label","useStyles","t","row","flexDirection","alignItems","justifyContent","minHeight","divided","borderBottomWidth","borderBottomColor","colors","border","net","netValue","gap","space","down","color","info","SalesChart","period","onPeriodChange","total","previousTotal","refundTotal","data","loading","style","s","rate","undefined","up","empty","children","items","onValueChange","height","variant","title","tone","weight","accessibilityLabel","Math","abs","toFixed","length","formatY"],"sourceRoot":"../../../../src","sources":["blocks/sales-chart/sales-chart.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/blocks/selection-bar/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { SelectionBar } from "./selection-bar.js";
+//# sourceMappingURL=index.js.map

package/lib/module/blocks/selection-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SelectionBar"],"sourceRoot":"../../../../src","sources":["blocks/selection-bar/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAgC,oBAAiB","ignoreList":[]}

package/lib/module/blocks/selection-bar/selection-bar.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Button } from "../../components/button/button.js";
+import { Text } from "../../components/text/text.js";
+import { makeStyles } from "../../utils/styles.js";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+const useStyles = makeStyles(t => ({
+  root: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: t.space[2],
+    paddingVertical: t.space[3],
+    paddingHorizontal: t.space[4],
+    borderTopWidth: 1,
+    borderTopColor: t.colors.border,
+    backgroundColor: t.colors.background,
+    boxShadow: t.shadow.md
+  },
+  info: {
+    flex: 1,
+    gap: 2
+  },
+  count: {
+    fontVariant: ['tabular-nums']
+  }
+}));
+export function SelectionBar({
+  count,
+  max,
+  actionLabel,
+  onAction,
+  onClear,
+  disabled,
+  style
+}) {
+  const s = useStyles();
+  const full = max !== undefined && count >= max;
+  return /*#__PURE__*/_jsxs(View, {
+    accessibilityRole: "toolbar",
+    style: [s.root, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: s.info,
+      accessibilityLiveRegion: "polite",
+      children: [/*#__PURE__*/_jsxs(Text, {
+        weight: "bold",
+        style: s.count,
+        numberOfLines: 1,
+        children: [count, "\uAC74 \uC120\uD0DD"]
+      }), full ? /*#__PURE__*/_jsxs(Text, {
+        variant: "caption",
+        tone: "muted",
+        numberOfLines: 2,
+        children: ["\uCD5C\uB300 ", max, "\uAC74\uAE4C\uC9C0 \uC120\uD0DD\uD560 \uC218 \uC788\uC5B4\uC694"]
+      }) : null]
+    }), /*#__PURE__*/_jsx(Button, {
+      variant: "ghost",
+      size: "sm",
+      onPress: onClear,
+      children: "\uC120\uD0DD \uD574\uC81C"
+    }), /*#__PURE__*/_jsx(Button, {
+      size: "sm",
+      onPress: onAction,
+      disabled: disabled || count === 0,
+      children: actionLabel
+    })]
+  });
+}
+//# sourceMappingURL=selection-bar.js.map

package/lib/module/blocks/selection-bar/selection-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Button","Text","makeStyles","jsxs","_jsxs","jsx","_jsx","useStyles","t","root","flexDirection","alignItems","gap","space","paddingVertical","paddingHorizontal","borderTopWidth","borderTopColor","colors","border","backgroundColor","background","boxShadow","shadow","md","info","flex","count","fontVariant","SelectionBar","max","actionLabel","onAction","onClear","disabled","style","s","full","undefined","accessibilityRole","children","accessibilityLiveRegion","weight","numberOfLines","variant","tone","size","onPress"],"sourceRoot":"../../../../src","sources":["blocks/selection-bar/selection-bar.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAwC,cAAc;AACnE,SAASC,MAAM,QAAQ,mCAAgC;AACvD,SAASC,IAAI,QAAQ,+BAA4B;AACjD,SAASC,UAAU,QAAQ,uBAAoB;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAYhD,MAAMC,SAAS,GAAGL,UAAU,CAAEM,CAAC,KAAM;EACnCC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEJ,CAAC,CAACK,KAAK,CAAC,CAAC,CAAC;IACfC,eAAe,EAAEN,CAAC,CAACK,KAAK,CAAC,CAAC,CAAC;IAC3BE,iBAAiB,EAAEP,CAAC,CAACK,KAAK,CAAC,CAAC,CAAC;IAC7BG,cAAc,EAAE,CAAC;IACjBC,cAAc,EAAET,CAAC,CAACU,MAAM,CAACC,MAAM;IAC/BC,eAAe,EAAEZ,CAAC,CAACU,MAAM,CAACG,UAAU;IACpCC,SAAS,EAAEd,CAAC,CAACe,MAAM,CAACC;EACtB,CAAC;EACDC,IAAI,EAAE;IAAEC,IAAI,EAAE,CAAC;IAAEd,GAAG,EAAE;EAAE,CAAC;EACzBe,KAAK,EAAE;IAAEC,WAAW,EAAE,CAAC,cAAc;EAAE;AACzC,CAAC,CAAC,CAAC;AAEH,OAAO,SAASC,YAAYA,CAAC;EAC3BF,KAAK;EACLG,GAAG;EACHC,WAAW;EACXC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC;AACiB,CAAC,EAAE;EACpB,MAAMC,CAAC,GAAG7B,SAAS,CAAC,CAAC;EACrB,MAAM8B,IAAI,GAAGP,GAAG,KAAKQ,SAAS,IAAIX,KAAK,IAAIG,GAAG;EAC9C,oBACE1B,KAAA,CAACL,IAAI;IAACwC,iBAAiB,EAAC,SAAS;IAACJ,KAAK,EAAE,CAACC,CAAC,CAAC3B,IAAI,EAAE0B,KAAK,CAAE;IAAAK,QAAA,gBACvDpC,KAAA,CAACL,IAAI;MAACoC,KAAK,EAAEC,CAAC,CAACX,IAAK;MAACgB,uBAAuB,EAAC,QAAQ;MAAAD,QAAA,gBACnDpC,KAAA,CAACH,IAAI;QAACyC,MAAM,EAAC,MAAM;QAACP,KAAK,EAAEC,CAAC,CAACT,KAAM;QAACgB,aAAa,EAAE,CAAE;QAAAH,QAAA,GAClDb,KAAK,EAAC,qBACT;MAAA,CAAM,CAAC,EACNU,IAAI,gBACHjC,KAAA,CAACH,IAAI;QAAC2C,OAAO,EAAC,SAAS;QAACC,IAAI,EAAC,OAAO;QAACF,aAAa,EAAE,CAAE;QAAAH,QAAA,GAAC,eAClD,EAACV,GAAG,EAAC,iEACV;MAAA,CAAM,CAAC,GACL,IAAI;IAAA,CACJ,CAAC,eACPxB,IAAA,CAACN,MAAM;MAAC4C,OAAO,EAAC,OAAO;MAACE,IAAI,EAAC,IAAI;MAACC,OAAO,EAAEd,OAAQ;MAAAO,QAAA,EAAC;IAEpD,CAAQ,CAAC,eACTlC,IAAA,CAACN,MAAM;MAAC8C,IAAI,EAAC,IAAI;MAACC,OAAO,EAAEf,QAAS;MAACE,QAAQ,EAAEA,QAAQ,IAAIP,KAAK,KAAK,CAAE;MAAAa,QAAA,EACpET;IAAW,CACN,CAAC;EAAA,CACL,CAAC;AAEX","ignoreList":[]}

package/lib/module/blocks/service-state-banner/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { ServiceStateBanner } from "./service-state-banner.js";
+//# sourceMappingURL=index.js.map

package/lib/module/blocks/service-state-banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ServiceStateBanner"],"sourceRoot":"../../../../src","sources":["blocks/service-state-banner/index.ts"],"mappings":";;AAAA,SACEA,kBAAkB,QAGb,2BAAwB","ignoreList":[]}

package/lib/module/blocks/service-state-banner/service-state-banner.js

@@ -0,0 +1,70 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Button } from "../../components/button/button.js";
+import { Text } from "../../components/text/text.js";
+import { useTheme } from "../../theme/theme-provider.js";
+import { makeStyles } from "../../utils/styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function title(state, daysLeft) {
+  switch (state) {
+    case 'paymentFailed':
+      return '구독 결제에 실패했어요';
+    case 'grace':
+      return `${daysLeft ?? 0}일 뒤 사이트가 멈춰요`;
+    case 'suspended':
+      return '사이트가 멈췄어요';
+    case 'closed':
+      return '해지된 사이트예요';
+    case 'stopped':
+      return '운영 정책에 따라 판매가 중지됐어요';
+  }
+}
+const useStyles = makeStyles(t => ({
+  root: {
+    gap: t.space[2],
+    padding: t.space[4],
+    borderRadius: t.radius.md
+  },
+  start: {
+    alignSelf: 'flex-start'
+  }
+}));
+export function ServiceStateBanner({
+  state,
+  daysLeft,
+  reason,
+  actionLabel,
+  onAction,
+  style
+}) {
+  const t = useTheme();
+  const s = useStyles();
+  const severe = state === 'suspended' || state === 'closed' || state === 'stopped';
+  const [bg, fg] = severe ? [t.colors.destructive, t.colors.destructiveForeground] : [t.colors.warning, t.colors.warningForeground];
+  return /*#__PURE__*/_jsxs(View, {
+    accessibilityRole: "alert",
+    style: [s.root, {
+      backgroundColor: bg
+    }, style],
+    children: [/*#__PURE__*/_jsx(Text, {
+      weight: "bold",
+      style: {
+        color: fg
+      },
+      children: title(state, daysLeft)
+    }), state === 'stopped' && reason ? /*#__PURE__*/_jsxs(Text, {
+      style: {
+        color: fg
+      },
+      children: ["\uC0AC\uC720: ", reason]
+    }) : null, onAction ? /*#__PURE__*/_jsx(Button, {
+      size: "sm",
+      variant: "outline",
+      onPress: onAction,
+      style: s.start,
+      children: actionLabel ?? (state === 'closed' ? '다시 시작하기' : state === 'stopped' ? '문의하기' : '결제 수단 확인')
+    }) : null]
+  });
+}
+//# sourceMappingURL=service-state-banner.js.map

package/lib/module/blocks/service-state-banner/service-state-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Button","Text","useTheme","makeStyles","jsx","_jsx","jsxs","_jsxs","title","state","daysLeft","useStyles","t","root","gap","space","padding","borderRadius","radius","md","start","alignSelf","ServiceStateBanner","reason","actionLabel","onAction","style","s","severe","bg","fg","colors","destructive","destructiveForeground","warning","warningForeground","accessibilityRole","backgroundColor","children","weight","color","size","variant","onPress"],"sourceRoot":"../../../../src","sources":["blocks/service-state-banner/service-state-banner.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAwC,cAAc;AACnE,SAASC,MAAM,QAAQ,mCAAgC;AACvD,SAASC,IAAI,QAAQ,+BAA4B;AACjD,SAASC,QAAQ,QAAQ,+BAA4B;AACrD,SAASC,UAAU,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAchD,SAASC,KAAKA,CAACC,KAAmB,EAAEC,QAAiB,EAAE;EACrD,QAAQD,KAAK;IACX,KAAK,eAAe;MAClB,OAAO,cAAc;IACvB,KAAK,OAAO;MACV,OAAO,GAAGC,QAAQ,IAAI,CAAC,cAAc;IACvC,KAAK,WAAW;MACd,OAAO,WAAW;IACpB,KAAK,QAAQ;MACX,OAAO,WAAW;IACpB,KAAK,SAAS;MACZ,OAAO,qBAAqB;EAChC;AACF;AAEA,MAAMC,SAAS,GAAGR,UAAU,CAAES,CAAC,KAAM;EACnCC,IAAI,EAAE;IAAEC,GAAG,EAAEF,CAAC,CAACG,KAAK,CAAC,CAAC,CAAC;IAAEC,OAAO,EAAEJ,CAAC,CAACG,KAAK,CAAC,CAAC,CAAC;IAAEE,YAAY,EAAEL,CAAC,CAACM,MAAM,CAACC;EAAG,CAAC;EACzEC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAa;AACnC,CAAC,CAAC,CAAC;AAEH,OAAO,SAASC,kBAAkBA,CAAC;EACjCb,KAAK;EACLC,QAAQ;EACRa,MAAM;EACNC,WAAW;EACXC,QAAQ;EACRC;AACuB,CAAC,EAAE;EAC1B,MAAMd,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACpB,MAAMyB,CAAC,GAAGhB,SAAS,CAAC,CAAC;EACrB,MAAMiB,MAAM,GACVnB,KAAK,KAAK,WAAW,IAAIA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,SAAS;EACpE,MAAM,CAACoB,EAAE,EAAEC,EAAE,CAAC,GAAGF,MAAM,GACnB,CAAChB,CAAC,CAACmB,MAAM,CAACC,WAAW,EAAEpB,CAAC,CAACmB,MAAM,CAACE,qBAAqB,CAAC,GACtD,CAACrB,CAAC,CAACmB,MAAM,CAACG,OAAO,EAAEtB,CAAC,CAACmB,MAAM,CAACI,iBAAiB,CAAC;EAClD,oBACE5B,KAAA,CAACR,IAAI;IACHqC,iBAAiB,EAAC,OAAO;IACzBV,KAAK,EAAE,CAACC,CAAC,CAACd,IAAI,EAAE;MAAEwB,eAAe,EAAER;IAAG,CAAC,EAAEH,KAAK,CAAE;IAAAY,QAAA,gBAEhDjC,IAAA,CAACJ,IAAI;MAACsC,MAAM,EAAC,MAAM;MAACb,KAAK,EAAE;QAAEc,KAAK,EAAEV;MAAG,CAAE;MAAAQ,QAAA,EACtC9B,KAAK,CAACC,KAAK,EAAEC,QAAQ;IAAC,CACnB,CAAC,EACND,KAAK,KAAK,SAAS,IAAIc,MAAM,gBAC5BhB,KAAA,CAACN,IAAI;MAACyB,KAAK,EAAE;QAAEc,KAAK,EAAEV;MAAG,CAAE;MAAAQ,QAAA,GAAC,gBAAI,EAACf,MAAM;IAAA,CAAO,CAAC,GAC7C,IAAI,EACPE,QAAQ,gBACPpB,IAAA,CAACL,MAAM;MAACyC,IAAI,EAAC,IAAI;MAACC,OAAO,EAAC,SAAS;MAACC,OAAO,EAAElB,QAAS;MAACC,KAAK,EAAEC,CAAC,CAACP,KAAM;MAAAkB,QAAA,EACnEd,WAAW,KACTf,KAAK,KAAK,QAAQ,GACf,SAAS,GACTA,KAAK,KAAK,SAAS,GACjB,MAAM,GACN,UAAU;IAAC,CACb,CAAC,GACP,IAAI;EAAA,CACJ,CAAC;AAEX","ignoreList":[]}

package/lib/module/blocks/shipping-tracking-row/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { ShippingTrackingRow } from "./shipping-tracking-row.js";
+//# sourceMappingURL=index.js.map

package/lib/module/blocks/shipping-tracking-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ShippingTrackingRow"],"sourceRoot":"../../../../src","sources":["blocks/shipping-tracking-row/index.ts"],"mappings":";;AAAA,SACEA,mBAAmB,QAGd,4BAAyB","ignoreList":[]}

package/lib/module/blocks/shipping-tracking-row/shipping-tracking-row.js

@@ -0,0 +1,114 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Button } from "../../components/button/button.js";
+import { Text } from "../../components/text/text.js";
+import { makeStyles } from "../../utils/styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const STEPS = [{
+  key: 'ready',
+  label: '접수'
+}, {
+  key: 'pickedUp',
+  label: '집화'
+}, {
+  key: 'inTransit',
+  label: '이동 중'
+}, {
+  key: 'outForDelivery',
+  label: '배송 출발'
+}, {
+  key: 'delivered',
+  label: '도착'
+}];
+const useStyles = makeStyles(t => ({
+  root: {
+    gap: t.space[3],
+    paddingVertical: t.space[3]
+  },
+  head: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: t.space[2]
+  },
+  number: {
+    flex: 1
+  },
+  steps: {
+    flexDirection: 'row'
+  },
+  step: {
+    flex: 1,
+    alignItems: 'center',
+    gap: t.space[1]
+  },
+  dot: {
+    width: 10,
+    height: 10,
+    borderRadius: 5,
+    backgroundColor: t.colors.border
+  },
+  on: {
+    backgroundColor: t.colors.primary
+  },
+  line: {
+    position: 'absolute',
+    top: 4,
+    left: '50%',
+    right: '-50%',
+    height: 2,
+    backgroundColor: t.colors.border
+  },
+  lineOn: {
+    backgroundColor: t.colors.primary
+  }
+}));
+export function ShippingTrackingRow({
+  carrier,
+  trackingNumber,
+  step,
+  onCopy,
+  style
+}) {
+  const s = useStyles();
+  const current = STEPS.findIndex(x => x.key === step);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [s.root, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: s.head,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: s.number,
+        children: [/*#__PURE__*/_jsx(Text, {
+          weight: "semibold",
+          children: carrier
+        }), /*#__PURE__*/_jsx(Text, {
+          tone: "muted",
+          selectable: true,
+          children: trackingNumber
+        })]
+      }), onCopy ? /*#__PURE__*/_jsx(Button, {
+        size: "sm",
+        variant: "outline",
+        onPress: onCopy,
+        children: "\uBCF5\uC0AC"
+      }) : null]
+    }), /*#__PURE__*/_jsx(View, {
+      style: s.steps,
+      accessible: true,
+      accessibilityLabel: `배송 ${STEPS[current]?.label ?? ''}, ${STEPS.length}단계 중 ${current + 1}단계`,
+      children: STEPS.map((x, i) => /*#__PURE__*/_jsxs(View, {
+        style: s.step,
+        children: [i < STEPS.length - 1 ? /*#__PURE__*/_jsx(View, {
+          style: [s.line, i < current && s.lineOn]
+        }) : null, /*#__PURE__*/_jsx(View, {
+          style: [s.dot, i <= current && s.on]
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "caption",
+          tone: i === current ? 'default' : 'muted',
+          children: x.label
+        })]
+      }, x.key))
+    })]
+  });
+}
+//# sourceMappingURL=shipping-tracking-row.js.map

package/lib/module/blocks/shipping-tracking-row/shipping-tracking-row.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Button","Text","makeStyles","jsx","_jsx","jsxs","_jsxs","STEPS","key","label","useStyles","t","root","gap","space","paddingVertical","head","flexDirection","alignItems","number","flex","steps","step","dot","width","height","borderRadius","backgroundColor","colors","border","on","primary","line","position","top","left","right","lineOn","ShippingTrackingRow","carrier","trackingNumber","onCopy","style","s","current","findIndex","x","children","weight","tone","selectable","size","variant","onPress","accessible","accessibilityLabel","length","map","i"],"sourceRoot":"../../../../src","sources":["blocks/shipping-tracking-row/shipping-tracking-row.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/blocks/site-preview-frame/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { SitePreviewFrame } from "./site-preview-frame.js";
+//# sourceMappingURL=index.js.map

package/lib/module/blocks/site-preview-frame/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SitePreviewFrame"],"sourceRoot":"../../../../src","sources":["blocks/site-preview-frame/index.ts"],"mappings":";;AAAA,SACEA,gBAAgB,QAGX,yBAAsB","ignoreList":[]}

package/lib/module/blocks/site-preview-frame/site-preview-frame.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Button } from "../../components/button/button.js";
+import { Photo } from "../../components/photo/photo.js";
+import { Text } from "../../components/text/text.js";
+import { makeStyles } from "../../utils/styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = makeStyles(t => ({
+  root: {
+    gap: t.space[3]
+  },
+  device: {
+    alignSelf: 'center',
+    width: '72%',
+    maxWidth: 300,
+    aspectRatio: 9 / 19.5,
+    padding: t.space[2],
+    borderRadius: 36,
+    backgroundColor: t.colors.foreground,
+    boxShadow: t.shadow.md
+  },
+  screen: {
+    flex: 1,
+    overflow: 'hidden',
+    borderRadius: 28,
+    backgroundColor: t.colors.background
+  },
+  bar: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10,
+    minHeight: 60,
+    paddingLeft: t.space[4],
+    paddingRight: t.space[2],
+    borderRadius: t.radius.lg,
+    backgroundColor: t.colors.muted
+  },
+  dot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    backgroundColor: t.colors.warning
+  },
+  barLabel: {
+    flex: 1
+  },
+  barButton: {
+    paddingHorizontal: t.space[4]
+  },
+  actions: {
+    gap: t.space[2]
+  },
+  reason: {
+    textAlign: 'center'
+  }
+}));
+export function SitePreviewFrame({
+  screenshot,
+  renderPreview,
+  status,
+  onPublish,
+  publishing,
+  publishDisabled,
+  blockedReason,
+  onRevert,
+  style
+}) {
+  const s = useStyles();
+  return /*#__PURE__*/_jsxs(View, {
+    style: [s.root, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: s.device,
+      accessibilityLabel: "\uC0AC\uC774\uD2B8 \uBBF8\uB9AC\uBCF4\uAE30",
+      children: /*#__PURE__*/_jsx(View, {
+        style: s.screen,
+        children: renderPreview ? renderPreview() : screenshot ? /*#__PURE__*/_jsx(Photo, {
+          source: screenshot,
+          aspectRatio: 9 / 19.5,
+          radius: 0
+        }) : null
+      })
+    }), status === 'unpublishedChanges' ? /*#__PURE__*/_jsxs(View, {
+      accessibilityLiveRegion: "polite",
+      style: s.bar,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: s.dot
+      }), /*#__PURE__*/_jsx(Text, {
+        weight: "semibold",
+        style: s.barLabel,
+        children: "\uAC8C\uC2DC \uC548 \uB41C \uBCC0\uACBD\uC0AC\uD56D"
+      }), onPublish ? /*#__PURE__*/_jsx(Button, {
+        size: "sm",
+        onPress: onPublish,
+        loading: publishing,
+        disabled: publishDisabled,
+        style: s.barButton,
+        children: "\uAC8C\uC2DC"
+      }) : null]
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: s.actions,
+      children: [onPublish && status === 'draft' ? /*#__PURE__*/_jsx(Button, {
+        size: "lg",
+        onPress: onPublish,
+        loading: publishing,
+        disabled: publishDisabled,
+        children: "\uC0AC\uC774\uD2B8 \uAC8C\uC2DC\uD558\uAE30"
+      }) : null, publishDisabled && blockedReason && onPublish && status !== 'published' ? /*#__PURE__*/_jsx(Text, {
+        tone: "muted",
+        accessibilityLiveRegion: "polite",
+        style: s.reason,
+        children: blockedReason
+      }) : null, onRevert && status !== 'draft' ? /*#__PURE__*/_jsx(Button, {
+        variant: "ghost",
+        onPress: onRevert,
+        children: "\uC9C1\uC804 \uAC8C\uC2DC\uBCF8\uC73C\uB85C \uB418\uB3CC\uB9AC\uAE30"
+      }) : null]
+    })]
+  });
+}
+//# sourceMappingURL=site-preview-frame.js.map

package/lib/module/blocks/site-preview-frame/site-preview-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Button","Photo","Text","makeStyles","jsx","_jsx","jsxs","_jsxs","useStyles","t","root","gap","space","device","alignSelf","width","maxWidth","aspectRatio","padding","borderRadius","backgroundColor","colors","foreground","boxShadow","shadow","md","screen","flex","overflow","background","bar","flexDirection","alignItems","minHeight","paddingLeft","paddingRight","radius","lg","muted","dot","height","warning","barLabel","barButton","paddingHorizontal","actions","reason","textAlign","SitePreviewFrame","screenshot","renderPreview","status","onPublish","publishing","publishDisabled","blockedReason","onRevert","style","s","children","accessibilityLabel","source","accessibilityLiveRegion","weight","size","onPress","loading","disabled","tone","variant"],"sourceRoot":"../../../../src","sources":["blocks/site-preview-frame/site-preview-frame.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/blocks/stat-card/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { StatCard } from "./stat-card.js";
+//# sourceMappingURL=index.js.map

package/lib/module/blocks/stat-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StatCard"],"sourceRoot":"../../../../src","sources":["blocks/stat-card/index.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAA4B,gBAAa","ignoreList":[]}

package/lib/module/blocks/stat-card/stat-card.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Text } from "../../components/text/text.js";
+import { makeStyles } from "../../utils/styles.js";
+import { Card } from "../internal/card.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = makeStyles(t => ({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    gap: t.space[3]
+  },
+  body: {
+    flex: 1,
+    gap: t.space[1]
+  },
+  value: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    alignItems: 'baseline',
+    columnGap: t.space[2]
+  },
+  down: {
+    color: t.colors.info
+  }
+}));
+export function StatCard({
+  label,
+  value,
+  change,
+  chart,
+  onPress,
+  style
+}) {
+  const s = useStyles();
+  const hasChange = change !== undefined && change !== null && Number.isFinite(change);
+  const flat = hasChange && Math.abs(change) < 0.05;
+  const up = hasChange && change > 0;
+  const rate = hasChange ? `${Math.abs(change).toFixed(1)}%` : '';
+  return /*#__PURE__*/_jsx(Card, {
+    onPress: onPress,
+    accessibilityLabel: `${label} ${value}${hasChange && !flat ? ` ${rate} ${up ? '증가' : '감소'}` : ''}`,
+    style: style,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: s.row,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: s.body,
+        children: [/*#__PURE__*/_jsx(Text, {
+          tone: "muted",
+          children: label
+        }), /*#__PURE__*/_jsxs(View, {
+          style: s.value,
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "title",
+            weight: "bold",
+            children: value
+          }), hasChange ? /*#__PURE__*/_jsx(Text, {
+            weight: "bold",
+            tone: flat ? 'muted' : up ? 'destructive' : 'default',
+            style: !flat && !up && s.down,
+            children: flat ? '변동 없음' : `${up ? '▲' : '▼'} ${rate}`
+          }) : null]
+        })]
+      }), chart]
+    })
+  });
+}
+//# sourceMappingURL=stat-card.js.map