@snacky/ui 0.2.4 → 0.3.3

package/dist/index.d.ts

@@ -367,12 +367,30 @@ declare function Avatar({ src, alt, size, className }: AvatarProps): react.JSX.E
 type IllustrationVariant = 'empty' | 'createAccount' | 'welcome' | 'success' | 'discountReferral';
 interface IllustrationProps {
     variant: IllustrationVariant;
-    /** Host your own export of this illustration (this package ships no artwork). */
+    /** Your own export of this illustration - this package ships no artwork. */
     src: string;
     alt: string;
     className?: string;
 }
-/** Snacky Illustration - decorative spot illustration for empty states, onboarding, confirmations. */
+/**
+ * Snacky Illustration - decorative spot illustration for empty states,
+ * onboarding and confirmations.
+ *
+ * ```tsx
+ * <Illustration variant="empty" src="/img/empty.svg" alt="No products found" />
+ * ```
+ *
+ * This ships no artwork, deliberately, and that is the normal split - Material,
+ * Radix and Chakra ship none either. What belongs in a design system is the
+ * documented canvas size per variant, which is what this owns; the Snacky
+ * artwork itself is modified stock and is not ours to redistribute.
+ *
+ * Export your own at the variant's ratio (SVG preferred) and serve it wherever
+ * your app already serves static assets. Open Peeps (openpeeps.com) is CC0 and
+ * drops in cleanly; unDraw (undraw.co) is free without attribution but its
+ * licence forbids redistributing assets "in packs", so keep it inside your own
+ * app. See the package README for the fuller note.
+ */
 declare function Illustration({ variant, src, alt, className }: IllustrationProps): react.JSX.Element;
 
 type ProductImageUsage = 'product-card' | 'product-details' | 'list' | 'review' | 'variant' | 'accordion-modal';
@@ -438,102 +456,109 @@ interface IconProps extends SVGProps<SVGSVGElement> {
     color?: string;
 }
 
-declare const home$1: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const category$1: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const account$1: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const address: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const back: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const balance$1: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const bell$1: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const calendar: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const camera: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
 declare const cart$1: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
 declare const cartAdd: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const history: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const account: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const eye: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const eyeOff: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const category$1: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const chat: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
 declare const chevronDown: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const chevronUp: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
 declare const chevronRight: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const back: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const chevronUp: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
 declare const close: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const closeCircle: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const calendar: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const search: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const location: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const pin: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const send: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const chat: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const messageSquare: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const closeInput: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const creditCard: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const document: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const edit: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const eye: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const eyeOff: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
 declare const heart$1: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const bell: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const check: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const plus: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const help: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const history$1: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const home$1: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const key: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const lock: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const logout: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const map: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const messageSquare: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
 declare const minus: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const trash: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const edit: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const share: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const camera: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
 declare const phone: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const lock: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const document: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const creditCard: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const receipt: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const plus: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const referral: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const search: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const send: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const sent: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const share: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
 declare const smartphone: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const key: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const help: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const logout: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const truck: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const cash: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const clock: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const trash: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const truck$1: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const unsent: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
 
-declare const outline_account: typeof account;
+declare const outline_address: typeof address;
 declare const outline_back: typeof back;
-declare const outline_bell: typeof bell;
 declare const outline_calendar: typeof calendar;
 declare const outline_camera: typeof camera;
 declare const outline_cartAdd: typeof cartAdd;
-declare const outline_cash: typeof cash;
 declare const outline_chat: typeof chat;
-declare const outline_check: typeof check;
 declare const outline_chevronDown: typeof chevronDown;
 declare const outline_chevronRight: typeof chevronRight;
 declare const outline_chevronUp: typeof chevronUp;
-declare const outline_clock: typeof clock;
 declare const outline_close: typeof close;
-declare const outline_closeCircle: typeof closeCircle;
+declare const outline_closeInput: typeof closeInput;
 declare const outline_creditCard: typeof creditCard;
 declare const outline_document: typeof document;
 declare const outline_edit: typeof edit;
 declare const outline_eye: typeof eye;
 declare const outline_eyeOff: typeof eyeOff;
 declare const outline_help: typeof help;
-declare const outline_history: typeof history;
 declare const outline_key: typeof key;
-declare const outline_location: typeof location;
 declare const outline_lock: typeof lock;
 declare const outline_logout: typeof logout;
+declare const outline_map: typeof map;
 declare const outline_messageSquare: typeof messageSquare;
 declare const outline_minus: typeof minus;
 declare const outline_phone: typeof phone;
-declare const outline_pin: typeof pin;
 declare const outline_plus: typeof plus;
-declare const outline_receipt: typeof receipt;
+declare const outline_referral: typeof referral;
 declare const outline_search: typeof search;
 declare const outline_send: typeof send;
+declare const outline_sent: typeof sent;
 declare const outline_share: typeof share;
 declare const outline_smartphone: typeof smartphone;
 declare const outline_trash: typeof trash;
-declare const outline_truck: typeof truck;
+declare const outline_unsent: typeof unsent;
 declare namespace outline {
-  export { outline_account as account, outline_back as back, outline_bell as bell, outline_calendar as calendar, outline_camera as camera, cart$1 as cart, outline_cartAdd as cartAdd, outline_cash as cash, category$1 as category, outline_chat as chat, outline_check as check, outline_chevronDown as chevronDown, outline_chevronRight as chevronRight, outline_chevronUp as chevronUp, outline_clock as clock, outline_close as close, outline_closeCircle as closeCircle, outline_creditCard as creditCard, outline_document as document, outline_edit as edit, outline_eye as eye, outline_eyeOff as eyeOff, heart$1 as heart, outline_help as help, outline_history as history, home$1 as home, outline_key as key, outline_location as location, outline_lock as lock, outline_logout as logout, outline_messageSquare as messageSquare, outline_minus as minus, outline_phone as phone, outline_pin as pin, outline_plus as plus, outline_receipt as receipt, outline_search as search, outline_send as send, outline_share as share, outline_smartphone as smartphone, outline_trash as trash, outline_truck as truck };
+  export { account$1 as account, outline_address as address, outline_back as back, balance$1 as balance, bell$1 as bell, outline_calendar as calendar, outline_camera as camera, cart$1 as cart, outline_cartAdd as cartAdd, category$1 as category, outline_chat as chat, outline_chevronDown as chevronDown, outline_chevronRight as chevronRight, outline_chevronUp as chevronUp, outline_close as close, outline_closeInput as closeInput, outline_creditCard as creditCard, outline_document as document, outline_edit as edit, outline_eye as eye, outline_eyeOff as eyeOff, heart$1 as heart, outline_help as help, history$1 as history, home$1 as home, outline_key as key, outline_lock as lock, outline_logout as logout, outline_map as map, outline_messageSquare as messageSquare, outline_minus as minus, outline_phone as phone, outline_plus as plus, outline_referral as referral, outline_search as search, outline_send as send, outline_sent as sent, outline_share as share, outline_smartphone as smartphone, outline_trash as trash, truck$1 as truck, outline_unsent as unsent };
 }
 
-declare const home: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
-declare const category: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const account: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const balance: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const bell: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
 declare const cart: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const category: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
 declare const heart: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const history: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const home: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const points: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
+declare const truck: ({ width, height, color, ...rest }: IconProps) => react.JSX.Element;
 
+declare const solid_account: typeof account;
+declare const solid_balance: typeof balance;
+declare const solid_bell: typeof bell;
 declare const solid_cart: typeof cart;
 declare const solid_category: typeof category;
 declare const solid_heart: typeof heart;
+declare const solid_history: typeof history;
 declare const solid_home: typeof home;
+declare const solid_points: typeof points;
+declare const solid_truck: typeof truck;
 declare namespace solid {
-  export { solid_cart as cart, solid_category as category, solid_heart as heart, solid_home as home };
+  export { solid_account as account, solid_balance as balance, solid_bell as bell, solid_cart as cart, solid_category as category, solid_heart as heart, solid_history as history, solid_home as home, solid_points as points, solid_truck as truck };
 }
 
 /** Matches the `<SnackyIcons.outline.home />` / `<SnackyIcons.solid.home />` namespace used throughout the design system's documented code samples. */