@unif/react-native-design 0.1.2 → 0.2.0

package/lib/typescript/src/components/ui/Thumbnail/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Thumbnail/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAE/E;;;sCAGsC;AACtC,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,MAAM,cAAc,GAAG;IAC3B,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,sBAAsB;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAC9B,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxD,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Thumbnail/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAE/E;;;sCAGsC;AACtC,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,MAAM,cAAc,GAAG;IAC3B,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,sBAAsB;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;kFAC8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAC9B,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxD,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/lib/typescript/src/icons/data.d.ts

@@ -1,5 +1,5 @@
 import type { IconDef } from './types';
-export type IconName = 'alert' | 'app-fallback' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'attachment' | 'bag-check' | 'bell' | 'bot' | 'box-list' | 'box-up' | 'building' | 'calculator' | 'calendar-route' | 'calendar' | 'camera' | 'card' | 'chat-star' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-minus' | 'circle-plus' | 'clipboard-search' | 'clipboard-user' | 'clipboard' | 'close' | 'coin' | 'copy' | 'dashboard-megaphone' | 'dashboard-star' | 'download' | 'edit-pencil' | 'edit' | 'error' | 'eye-off' | 'eye' | 'file' | 'filter' | 'flag' | 'grid' | 'heart' | 'home' | 'image' | 'info' | 'keyboard' | 'lightbulb' | 'list' | 'location' | 'lock' | 'logout' | 'mail' | 'menu' | 'mic-on' | 'mic' | 'more-h' | 'more-v' | 'order' | 'package' | 'paperclip' | 'pause' | 'phone' | 'pin-search' | 'play' | 'plus' | 'qr' | 'refresh' | 'retry' | 'route' | 'scan' | 'scanner' | 'search' | 'send' | 'settings' | 'share' | 'shelf-pay' | 'shield-check' | 'sort' | 'sound' | 'spark' | 'star' | 'stop' | 'storefront-ai' | 'storefront-arrow' | 'storefront-check' | 'storefront-tag' | 'storefront' | 'success' | 'tag' | 'thinking' | 'trash' | 'upload' | 'user' | 'users-search' | 'visit' | 'warning';
+export type IconName = 'alert' | 'app-fallback' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'aspect-16-9' | 'aspect-4-3' | 'attachment' | 'bag-check' | 'bell' | 'bot' | 'box-list' | 'box-up' | 'building' | 'calculator' | 'calendar-route' | 'calendar' | 'camera-flip' | 'camera-off' | 'camera' | 'card' | 'chat-star' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-minus' | 'circle-plus' | 'clipboard-search' | 'clipboard-user' | 'clipboard' | 'close' | 'coin' | 'copy' | 'dashboard-megaphone' | 'dashboard-star' | 'download' | 'edit-pencil' | 'edit' | 'error-alert' | 'error' | 'eye-off' | 'eye' | 'file' | 'filter' | 'flag' | 'flash-auto' | 'flash-off' | 'flash-on' | 'grid' | 'heart' | 'home' | 'image' | 'info' | 'keyboard' | 'lens-flip' | 'lightbulb' | 'list' | 'location' | 'lock' | 'logout' | 'mail' | 'menu' | 'mic-on' | 'mic' | 'more-h' | 'more-v' | 'order' | 'package' | 'paperclip' | 'pause' | 'permission-denied' | 'phone' | 'pin-search' | 'play' | 'plus' | 'qr' | 'refresh' | 'retry' | 'route' | 'scan' | 'scanner' | 'search' | 'send' | 'settings' | 'share' | 'shelf-pay' | 'shield-check' | 'shutter-recording' | 'shutter' | 'sort' | 'sound' | 'spark' | 'star' | 'stop' | 'storefront-ai' | 'storefront-arrow' | 'storefront-check' | 'storefront-tag' | 'storefront' | 'success' | 'tag' | 'thinking' | 'trash' | 'upload' | 'user' | 'users-search' | 'visit' | 'warning';
 export declare const ICONS: Record<IconName, IconDef>;
 export declare const ICON_NAMES: IconName[];
 //# sourceMappingURL=data.d.ts.map

package/lib/typescript/src/icons/data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/icons/data.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,QAAQ,GAChB,OAAO,GACP,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,UAAU,GACV,YAAY,GACZ,WAAW,GACX,MAAM,GACN,KAAK,GACL,UAAU,GACV,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,gBAAgB,GAChB,UAAU,GACV,QAAQ,GACR,MAAM,GACN,WAAW,GACX,OAAO,GACP,cAAc,GACd,cAAc,GACd,eAAe,GACf,YAAY,GACZ,cAAc,GACd,aAAa,GACb,kBAAkB,GAClB,gBAAgB,GAChB,WAAW,GACX,OAAO,GACP,MAAM,GACN,MAAM,GACN,qBAAqB,GACrB,gBAAgB,GAChB,UAAU,GACV,aAAa,GACb,MAAM,GACN,OAAO,GACP,SAAS,GACT,KAAK,GACL,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,UAAU,GACV,WAAW,GACX,MAAM,GACN,UAAU,GACV,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,SAAS,GACT,WAAW,GACX,OAAO,GACP,OAAO,GACP,YAAY,GACZ,MAAM,GACN,MAAM,GACN,IAAI,GACJ,SAAS,GACT,OAAO,GACP,OAAO,GACP,MAAM,GACN,SAAS,GACT,QAAQ,GACR,MAAM,GACN,UAAU,GACV,OAAO,GACP,WAAW,GACX,cAAc,GACd,MAAM,GACN,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,gBAAgB,GAChB,YAAY,GACZ,SAAS,GACT,KAAK,GACL,UAAU,GACV,OAAO,GACP,QAAQ,GACR,MAAM,GACN,cAAc,GACd,OAAO,GACP,SAAS,CAAC;AAEd,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,CAw9D3C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,EAoGhC,CAAC"}
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/icons/data.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,QAAQ,GAChB,OAAO,GACP,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,UAAU,GACV,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,MAAM,GACN,KAAK,GACL,UAAU,GACV,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,gBAAgB,GAChB,UAAU,GACV,aAAa,GACb,YAAY,GACZ,QAAQ,GACR,MAAM,GACN,WAAW,GACX,OAAO,GACP,cAAc,GACd,cAAc,GACd,eAAe,GACf,YAAY,GACZ,cAAc,GACd,aAAa,GACb,kBAAkB,GAClB,gBAAgB,GAChB,WAAW,GACX,OAAO,GACP,MAAM,GACN,MAAM,GACN,qBAAqB,GACrB,gBAAgB,GAChB,UAAU,GACV,aAAa,GACb,MAAM,GACN,aAAa,GACb,OAAO,GACP,SAAS,GACT,KAAK,GACL,MAAM,GACN,QAAQ,GACR,MAAM,GACN,YAAY,GACZ,WAAW,GACX,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,UAAU,GACV,WAAW,GACX,WAAW,GACX,MAAM,GACN,UAAU,GACV,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,SAAS,GACT,WAAW,GACX,OAAO,GACP,mBAAmB,GACnB,OAAO,GACP,YAAY,GACZ,MAAM,GACN,MAAM,GACN,IAAI,GACJ,SAAS,GACT,OAAO,GACP,OAAO,GACP,MAAM,GACN,SAAS,GACT,QAAQ,GACR,MAAM,GACN,UAAU,GACV,OAAO,GACP,WAAW,GACX,cAAc,GACd,mBAAmB,GACnB,SAAS,GACT,MAAM,GACN,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,gBAAgB,GAChB,YAAY,GACZ,SAAS,GACT,KAAK,GACL,UAAU,GACV,OAAO,GACP,QAAQ,GACR,MAAM,GACN,cAAc,GACd,OAAO,GACP,SAAS,CAAC;AAEd,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,CA8sE3C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,EAgHhC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unif/react-native-design",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "Unif 设计系统:theme + icons + utils + components",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -26,6 +26,7 @@
     "!android/gradlew",
     "!android/gradlew.bat",
     "!android/local.properties",
+    "!**/icons/svg",
     "!**/__tests__",
     "!**/__fixtures__",
     "!**/__mocks__",
@@ -153,7 +154,8 @@
       "tagName": "v${version}"
     },
     "npm": {
-      "publish": true
+      "publish": true,
+      "skipChecks": true
     },
     "github": {
       "release": true

package/src/components/ui/Empty/Empty.tsx

@@ -6,15 +6,21 @@ import { makeStyles } from './styles';
 import type { EmptyProps } from './types';
 
 /**
- * 空态 / 占位组件 —— `primary-0` 圆盘上的 spark 插画 + 标题 + 描述。
+ * 空态 / 占位组件 —— `primary-0` 圆盘上的 icon 插画 + 标题 + 描述。
+ * icon 默认 `'spark'`(通用空态);相机 / 出错 / 权限场景应显式传强语义 icon。
  */
-export function Empty({ title, desc, testID }: EmptyProps): React.JSX.Element {
+export function Empty({
+  title,
+  desc,
+  icon = 'spark',
+  testID,
+}: EmptyProps): React.JSX.Element {
   const c = useColors();
   const styles = useThemedStyles(makeStyles);
   return (
     <View style={styles.wrap} testID={testID}>
       <View style={styles.illust}>
-        <Icon name="spark" size={28} color={c.primary} />
+        <Icon name={icon} size={28} color={c.primary} />
       </View>
       <Text style={styles.title}>{title}</Text>
       {desc ? <Text style={styles.desc}>{desc}</Text> : null}

package/src/components/ui/Empty/types.ts

@@ -1,8 +1,13 @@
+import type { IconName } from '../../../icons';
+
 export type EmptyProps = {
   /** 主标题（如「暂无数据」） */
   title: string;
   /** 副描述（建议下一步操作） */
   desc?: string;
+  /** illust 圆盘内的图标,默认 `'spark'`(通用空态)。
+   *  相机域可传 `'camera-off'` / `'permission-denied'` / `'error-alert'` 等强语义 icon。 */
+  icon?: IconName;
   /** E2E / 测试定位 */
   testID?: string;
 };

package/src/components/ui/Thumbnail/Thumbnail.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Image } from 'react-native';
+import { Image, View } from 'react-native';
 import { useThemedStyles } from '../../../theme';
 import { makeStyles, sizingFor } from './styles';
 import type { ThumbnailProps } from './types';
@@ -8,15 +8,18 @@ import type { ThumbnailProps } from './types';
  *
  *  尺寸阶梯:sm / md(默认 113×67)/ lg,与 NewsList / NewsArea 历史一致。
  *  bg 占位 = c.surfaceContainer(图加载中 / 失败时不至于空白)。
+ *  `selected` 时外层套 View 画 2pt 品牌色 ring;不选中保持纯 Image 结构。
  *
  *  用法:
  *  - 远程 URL:`<Thumbnail uri={item.coverUrl} />`
  *  - 本地资源:`<Thumbnail source={require('./fallback.png')} />`
- *  - 自定义尺寸:`<Thumbnail uri={...} size="lg" />` */
+ *  - 自定义尺寸:`<Thumbnail uri={...} size="lg" />`
+ *  - 选中态:`<Thumbnail uri={...} selected />` */
 export function Thumbnail({
   uri,
   source,
   size = 'md',
+  selected,
   style,
   resizeMode = 'cover',
   accessibilityLabel,
@@ -25,14 +28,24 @@ export function Thumbnail({
   const styles = useThemedStyles(makeStyles);
   if (!uri && !source) return null;
   const dim = sizingFor(size);
-  return (
+  const image = (
     <Image
       source={uri ? { uri } : (source as NonNullable<typeof source>)}
       style={[styles.base, dim, style]}
       resizeMode={resizeMode}
       accessibilityLabel={accessibilityLabel}
       accessible={!!accessibilityLabel}
-      testID={testID}
+      testID={selected ? undefined : testID}
     />
   );
+  if (!selected) return image;
+  // ring 容器:borderRadius 比 image 大 (border + padding) 才能贴合包裹外圈
+  return (
+    <View
+      style={[styles.ring, { borderRadius: dim.borderRadius + 3 }]}
+      testID={testID}
+    >
+      {image}
+    </View>
+  );
 }

package/src/components/ui/Thumbnail/styles.ts

@@ -2,12 +2,19 @@ import { StyleSheet } from 'react-native';
 import { r, type ColorTokens } from '../../../theme';
 import type { ThumbnailSize } from './types';
 
-/** Thumbnail 静态 base —— 占位色,Image 加载中 / 失败时不至于空白。 */
+/** Thumbnail 静态样式 ——
+ *  - `base`:Image 占位色,加载中 / 失败时不至于空白
+ *  - `ring`:`selected` 态的外圈品牌色描边,padding 抵消 ring 与 image 之间留 1pt gap */
 export const makeStyles = (c: ColorTokens) =>
   StyleSheet.create({
     base: {
       backgroundColor: c.surfaceContainer,
     },
+    ring: {
+      borderWidth: 2,
+      borderColor: c.primary,
+      padding: 1,
+    },
   });
 
 /** Thumbnail size 阶梯 —— width / height / borderRadius 全 r() 缩放。

package/src/components/ui/Thumbnail/types.ts

@@ -13,6 +13,9 @@ export type ThumbnailProps = {
   source?: ImageSourcePropType;
   /** 视觉尺寸阶梯,默认 'md'。 */
   size?: ThumbnailSize;
+  /** 选中态:在缩略图外侧画 2pt 品牌色 ring。
+   *  用于"图片多选 / picker 选中" —— 不再需要 caller 自行套 TouchableOpacity + borderColor。 */
+  selected?: boolean;
   /** 自定义样式覆盖(尺寸 / 圆角 / bg 由 size 决定,style 仅做微调如 marginLeft)。 */
   style?: StyleProp<ImageStyle>;
   /** Image.resizeMode,默认 'cover'(裁切撑满)。 */

package/src/icons/data.ts

@@ -1,5 +1,5 @@
 // AUTO-GENERATED by scripts/build-icons.js — DO NOT EDIT BY HAND.
-// Source: src/assets/icons/svg/*.svg
+// Source: src/icons/svg/*.svg
 // To regenerate: `node scripts/build-icons.js`
 
 import type { IconDef } from './types';
@@ -11,6 +11,8 @@ export type IconName =
   | 'arrow-left'
   | 'arrow-right'
   | 'arrow-up'
+  | 'aspect-16-9'
+  | 'aspect-4-3'
   | 'attachment'
   | 'bag-check'
   | 'bell'
@@ -21,6 +23,8 @@ export type IconName =
   | 'calculator'
   | 'calendar-route'
   | 'calendar'
+  | 'camera-flip'
+  | 'camera-off'
   | 'camera'
   | 'card'
   | 'chat-star'
@@ -42,18 +46,23 @@ export type IconName =
   | 'download'
   | 'edit-pencil'
   | 'edit'
+  | 'error-alert'
   | 'error'
   | 'eye-off'
   | 'eye'
   | 'file'
   | 'filter'
   | 'flag'
+  | 'flash-auto'
+  | 'flash-off'
+  | 'flash-on'
   | 'grid'
   | 'heart'
   | 'home'
   | 'image'
   | 'info'
   | 'keyboard'
+  | 'lens-flip'
   | 'lightbulb'
   | 'list'
   | 'location'
@@ -69,6 +78,7 @@ export type IconName =
   | 'package'
   | 'paperclip'
   | 'pause'
+  | 'permission-denied'
   | 'phone'
   | 'pin-search'
   | 'play'
@@ -85,6 +95,8 @@ export type IconName =
   | 'share'
   | 'shelf-pay'
   | 'shield-check'
+  | 'shutter-recording'
+  | 'shutter'
   | 'sort'
   | 'sound'
   | 'spark'
@@ -207,6 +219,40 @@ export const ICONS: Record<IconName, IconDef> = {
       },
     ],
   },
+  'aspect-16-9': {
+    strokeWidth: 1.75,
+    elements: [
+      {
+        kind: 'rect',
+        x: 2,
+        y: 6.5,
+        width: 20,
+        height: 11,
+        rx: 1.5,
+      },
+      {
+        kind: 'path',
+        d: 'M6 10v4M10 10v4M14 10v4M18 10v4',
+      },
+    ],
+  },
+  'aspect-4-3': {
+    strokeWidth: 1.75,
+    elements: [
+      {
+        kind: 'rect',
+        x: 3,
+        y: 5,
+        width: 18,
+        height: 14,
+        rx: 1.5,
+      },
+      {
+        kind: 'path',
+        d: 'M8 10v4M12 10v4M16 10v4',
+      },
+    ],
+  },
   'attachment': {
     strokeWidth: 1.75,
     elements: [
@@ -499,6 +545,48 @@ export const ICONS: Record<IconName, IconDef> = {
       },
     ],
   },
+  'camera-flip': {
+    strokeWidth: 1.75,
+    elements: [
+      {
+        kind: 'path',
+        d: 'M4 8h3l1.5-2h7L17 8h3a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z',
+      },
+      {
+        kind: 'path',
+        d: 'M9 13.5a3 3 0 0 1 5.6-1.5',
+      },
+      {
+        kind: 'path',
+        d: 'M14.6 12L16 12.2l.2-1.4',
+      },
+      {
+        kind: 'path',
+        d: 'M15 13.5a3 3 0 0 1-5.6 1.5',
+      },
+      {
+        kind: 'path',
+        d: 'M9.4 15L8 14.8l-.2 1.4',
+      },
+    ],
+  },
+  'camera-off': {
+    strokeWidth: 1.75,
+    elements: [
+      {
+        kind: 'path',
+        d: 'M4 8h3l1.5-2h7L17 8h3a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z',
+      },
+      {
+        kind: 'path',
+        d: 'M3 3l18 18',
+      },
+      {
+        kind: 'path',
+        d: 'M9.5 12.5a3 3 0 0 0 4 4',
+      },
+    ],
+  },
   'camera': {
     strokeWidth: 1.75,
     elements: [
@@ -862,6 +950,40 @@ export const ICONS: Record<IconName, IconDef> = {
       },
     ],
   },
+  'error-alert': {
+    strokeWidth: 1.75,
+    elements: [
+      {
+        kind: 'path',
+        d: 'M4 8h3l1.5-2h6L16 8h2a1 1 0 0 1 1 1v4',
+      },
+      {
+        kind: 'path',
+        d: 'M3 9v9a1 1 0 0 0 1 1h8',
+      },
+      {
+        kind: 'circle',
+        cx: 11,
+        cy: 13.5,
+        r: 2.6,
+      },
+      {
+        kind: 'path',
+        d: 'M18 14l4 7h-8z',
+      },
+      {
+        kind: 'path',
+        d: 'M20 17v1.7',
+      },
+      {
+        kind: 'circle',
+        cx: 20,
+        cy: 20,
+        r: 0.7,
+        fill: 'currentColor',
+      },
+    ],
+  },
   'error': {
     strokeWidth: 1.75,
     elements: [
@@ -952,6 +1074,46 @@ export const ICONS: Record<IconName, IconDef> = {
       },
     ],
   },
+  'flash-auto': {
+    strokeWidth: 1.75,
+    elements: [
+      {
+        kind: 'path',
+        d: 'M10 2L4 12h4.5l-.5 7 6-9h-4z',
+      },
+      {
+        kind: 'path',
+        d: 'M14.5 17L17 9l2.5 8',
+      },
+      {
+        kind: 'path',
+        d: 'M15.2 14.5h3.6',
+      },
+    ],
+  },
+  'flash-off': {
+    strokeWidth: 1.75,
+    elements: [
+      {
+        kind: 'path',
+        d: 'M13 2L5 13h6l-1 9 8-11h-6z',
+      },
+      {
+        kind: 'path',
+        d: 'M4 4l16 16',
+      },
+    ],
+  },
+  'flash-on': {
+    strokeWidth: 1.75,
+    elements: [
+      {
+        kind: 'path',
+        d: 'M13 2L5 13h6l-1 9 8-11h-6z',
+        fill: 'currentColor',
+      },
+    ],
+  },
   'grid': {
     strokeWidth: 1.75,
     elements: [
@@ -1081,6 +1243,33 @@ export const ICONS: Record<IconName, IconDef> = {
       },
     ],
   },
+  'lens-flip': {
+    strokeWidth: 1.75,
+    elements: [
+      {
+        kind: 'circle',
+        cx: 12,
+        cy: 12,
+        r: 4.5,
+      },
+      {
+        kind: 'path',
+        d: 'M5 12a7 7 0 0 1 11.5-5.3',
+      },
+      {
+        kind: 'path',
+        d: 'M14 4.5L16.5 6.7 14.3 9.2',
+      },
+      {
+        kind: 'path',
+        d: 'M19 12a7 7 0 0 1-11.5 5.3',
+      },
+      {
+        kind: 'path',
+        d: 'M10 19.5L7.5 17.3 9.7 14.8',
+      },
+    ],
+  },
   'lightbulb': {
     strokeWidth: 1.75,
     elements: [
@@ -1385,6 +1574,37 @@ export const ICONS: Record<IconName, IconDef> = {
       },
     ],
   },
+  'permission-denied': {
+    strokeWidth: 1.75,
+    elements: [
+      {
+        kind: 'path',
+        d: 'M4 8h3l1.5-2h6L16 8h2a1 1 0 0 1 1 1v3',
+      },
+      {
+        kind: 'path',
+        d: 'M3 9v9a1 1 0 0 0 1 1h8',
+      },
+      {
+        kind: 'circle',
+        cx: 11,
+        cy: 13.5,
+        r: 2.6,
+      },
+      {
+        kind: 'rect',
+        x: 15,
+        y: 16,
+        width: 6,
+        height: 5,
+        rx: 1,
+      },
+      {
+        kind: 'path',
+        d: 'M16.5 16v-1.5a1.5 1.5 0 0 1 3 0V16',
+      },
+    ],
+  },
   'phone': {
     strokeWidth: 1.75,
     elements: [
@@ -1700,6 +1920,44 @@ export const ICONS: Record<IconName, IconDef> = {
       },
     ],
   },
+  'shutter-recording': {
+    strokeWidth: 1.75,
+    elements: [
+      {
+        kind: 'circle',
+        cx: 12,
+        cy: 12,
+        r: 9,
+      },
+      {
+        kind: 'rect',
+        x: 8,
+        y: 8,
+        width: 8,
+        height: 8,
+        rx: 2,
+        fill: 'currentColor',
+      },
+    ],
+  },
+  'shutter': {
+    strokeWidth: 1.75,
+    elements: [
+      {
+        kind: 'circle',
+        cx: 12,
+        cy: 12,
+        r: 9,
+      },
+      {
+        kind: 'circle',
+        cx: 12,
+        cy: 12,
+        r: 6,
+        fill: 'currentColor',
+      },
+    ],
+  },
   'sort': {
     strokeWidth: 1.75,
     elements: [
@@ -2122,6 +2380,8 @@ export const ICON_NAMES: IconName[] = [
   'arrow-left',
   'arrow-right',
   'arrow-up',
+  'aspect-16-9',
+  'aspect-4-3',
   'attachment',
   'bag-check',
   'bell',
@@ -2132,6 +2392,8 @@ export const ICON_NAMES: IconName[] = [
   'calculator',
   'calendar-route',
   'calendar',
+  'camera-flip',
+  'camera-off',
   'camera',
   'card',
   'chat-star',
@@ -2153,18 +2415,23 @@ export const ICON_NAMES: IconName[] = [
   'download',
   'edit-pencil',
   'edit',
+  'error-alert',
   'error',
   'eye-off',
   'eye',
   'file',
   'filter',
   'flag',
+  'flash-auto',
+  'flash-off',
+  'flash-on',
   'grid',
   'heart',
   'home',
   'image',
   'info',
   'keyboard',
+  'lens-flip',
   'lightbulb',
   'list',
   'location',
@@ -2180,6 +2447,7 @@ export const ICON_NAMES: IconName[] = [
   'package',
   'paperclip',
   'pause',
+  'permission-denied',
   'phone',
   'pin-search',
   'play',
@@ -2196,6 +2464,8 @@ export const ICON_NAMES: IconName[] = [
   'share',
   'shelf-pay',
   'shield-check',
+  'shutter-recording',
+  'shutter',
   'sort',
   'sound',
   'spark',

package/lib/module/icons/svg/alert.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10.3 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg>

package/lib/module/icons/svg/app-fallback.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M4 9V5a1 1 0 0 1 1-1h4"></path><path d="M15 4h4a1 1 0 0 1 1 1v4"></path><path d="M20 15v4a1 1 0 0 1-1 1h-4"></path><path d="M9 20H5a1 1 0 0 1-1-1v-4"></path><path d="M12 9v4"></path><circle cx="12" cy="16.3" r=".95" fill="currentColor" stroke="none"></circle></svg>

package/lib/module/icons/svg/arrow-down.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14"></path><path d="M5 12l7 7 7-7"></path></svg>

package/lib/module/icons/svg/arrow-left.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5"></path><path d="M12 5l-7 7 7 7"></path></svg>

package/lib/module/icons/svg/arrow-right.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M13 5l7 7-7 7"></path></svg>

package/lib/module/icons/svg/arrow-up.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19V5"></path><path d="M5 12l7-7 7 7"></path></svg>

package/lib/module/icons/svg/attachment.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14 4l-9 9a4 4 0 0 0 6 6l9-9a3 3 0 0 0-4-4l-8 8a2 2 0 0 0 3 3l7-7"></path></svg>

package/lib/module/icons/svg/bag-check.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 7h14l-1.2 13H6.2z"></path><path d="M9 7V5a3 3 0 0 1 6 0v2"></path><path d="M9 13l2 2 4-4"></path></svg>

package/lib/module/icons/svg/bell.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M6 17V11a6 6 0 1 1 12 0v6l1.5 2H4.5z"></path><path d="M10 21a2 2 0 0 0 4 0"></path></svg>

package/lib/module/icons/svg/bot.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="8" width="16" height="12" rx="3"></rect><path d="M12 4v4"></path><circle cx="12" cy="3" r="1"></circle><circle cx="9" cy="14" r="1" fill="currentColor"></circle><circle cx="15" cy="14" r="1" fill="currentColor"></circle></svg>

package/lib/module/icons/svg/box-list.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="3.5" y="5" width="11" height="16" rx="1.5"></rect><rect x="7" y="3" width="4.5" height="3" rx="1"></rect><path d="M6.5 11h5M6.5 15h3"></path><rect x="15" y="13" width="6" height="6" rx=".5"></rect><path d="M15 16h6M18 13v6"></path></svg>

package/lib/module/icons/svg/box-up.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="10" width="16" height="11" rx="1"></rect><path d="M4 14h16"></path><path d="M9 6l3-3 3 3"></path><path d="M12 3v8"></path></svg>

package/lib/module/icons/svg/building.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="3" width="16" height="18" rx="1"></rect><path d="M9 7h2"></path><path d="M13 7h2"></path><path d="M9 11h2"></path><path d="M13 11h2"></path><path d="M9 15h2"></path><path d="M13 15h2"></path><path d="M10 21v-3h4v3"></path></svg>

package/lib/module/icons/svg/calculator.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="3" width="14" height="18" rx="2"></rect><rect x="8" y="6" width="8" height="3" rx=".5"></rect><circle cx="9" cy="13" r=".9" fill="currentColor" stroke="none"></circle><circle cx="12" cy="13" r=".9" fill="currentColor" stroke="none"></circle><circle cx="15" cy="13" r=".9" fill="currentColor" stroke="none"></circle><circle cx="9" cy="17" r=".9" fill="currentColor" stroke="none"></circle><circle cx="12" cy="17" r=".9" fill="currentColor" stroke="none"></circle><circle cx="15" cy="17" r=".9" fill="currentColor" stroke="none"></circle></svg>

package/lib/module/icons/svg/calendar-route.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="16" rx="1.5"></rect><path d="M3 10h18"></path><path d="M8 3v4M16 3v4"></path><path d="M6.5 15.5c1.5-2 3-2 4.5 0s3 2 4.5 0 1.5-2 3.5 0"></path></svg>

package/lib/module/icons/svg/calendar.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="16" rx="2"></rect><path d="M3 10h18"></path><path d="M8 3v4"></path><path d="M16 3v4"></path></svg>

package/lib/module/icons/svg/camera.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M4 8h3l2-3h6l2 3h3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2z"></path><circle cx="12" cy="13" r="3.5"></circle></svg>

package/lib/module/icons/svg/card.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="18" height="13" rx="2"></rect><path d="M3 10h18"></path><path d="M7 15h3"></path></svg>