@ceed/ads 1.13.3 → 1.15.0-next.1

package/dist/components/navigation/IconMenuButton.md

@@ -0,0 +1,35 @@
+# IconMenuButton
+
+## Introduction
+
+```tsx
+<IconMenuButton
+  icon={<MoreVert />}
+  items={[{
+  text: 'Profile'
+}, {
+  text: 'My account'
+}, {
+  text: 'Logout'
+}]}
+  variant="solid"
+  color="primary"
+/>
+```
+
+| Field                | Description | Default                                                               |
+| -------------------- | ----------- | --------------------------------------------------------------------- |
+| icon                 | —           | \<MoreVert />                                                         |
+| buttonComponent      | —           | —                                                                     |
+| buttonComponentProps | —           | —                                                                     |
+| items                | —           | \[\{ text: 'Profile' }, \{ text: 'My account' }, \{ text: 'Logout' }] |
+| placement            | —           | —                                                                     |
+| variant              | —           | "solid"                                                               |
+| color                | —           | "primary"                                                             |
+| size                 | —           | —                                                                     |
+
+## Usage
+
+```tsx
+import { IconMenuButton } from '@ceed/ads';
+```

package/dist/components/navigation/InsetDrawer.md

@@ -0,0 +1,133 @@
+# InsetDrawer
+
+## Introduction
+
+```tsx
+<InsetDrawer {...args}>
+  <Sheet sx={{
+    borderRadius: 'md',
+    p: 2,
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 2,
+    height: '100%',
+    overflow: 'auto'
+  }}>
+  <DialogTitle>Filters</DialogTitle>
+  <ModalClose />
+  <Divider sx={{
+    mt: 'auto'
+  }} />
+  <DialogContent>
+    <FormControl>
+      <FormLabel sx={{
+        typography: 'title-md',
+        fontWeight: 'bold'
+      }}>Property type</FormLabel>
+      <RadioGroup>
+        <Box sx={{
+          display: 'grid',
+          gridTemplateColumns: 'repeat(auto-fill, minmax(140px, 1fr))',
+          gap: 1.5
+        }}>
+        {[{
+          name: 'House',
+          icon: <HomeRoundedIcon />
+        }, {
+          name: 'Apartment',
+          icon: <ApartmentRoundedIcon />
+        }, {
+          name: 'Guesthouse',
+          icon: <MeetingRoomRoundedIcon />
+        }, {
+          name: 'Hotel',
+          icon: <HotelRoundedIcon />
+        }].map(item => <Card key={item.name} sx={{
+          boxShadow: 'none',
+          '&:hover': {
+            bgcolor: 'background.level1'
+          }
+        }}>
+        <CardContent>
+          {item.icon}
+          <Typography level="title-md">{item.name}</Typography>
+        </CardContent>
+        <Radio disableIcon overlay variant="outlined" color="neutral" value={item.name} sx={{
+          mt: -2
+        }} slotProps={{
+          action: {
+            sx: {
+              '&:hover': {
+                bgcolor: 'transparent'
+              }
+            }
+          }
+        }} />
+      </Card>)}
+    </Box>
+  </RadioGroup>
+</FormControl>
+
+<Typography level="title-md" fontWeight="bold" sx={{
+  mt: 2
+}}>
+Booking options
+</Typography>
+<FormControl orientation="horizontal">
+  <Box sx={{
+    flex: 1,
+    pr: 1
+  }}>
+  <FormLabel sx={{
+    typography: 'title-sm'
+  }}>Instant booking</FormLabel>
+  <FormHelperText sx={{
+    typography: 'body-sm'
+  }}>
+  Listings that you can book without waiting for host approval.
+</FormHelperText>
+</Box>
+<Switch />
+</FormControl>
+
+<FormControl orientation="horizontal">
+  <Box sx={{
+    flex: 1,
+    mt: 1,
+    mr: 1
+  }}>
+  <FormLabel sx={{
+    typography: 'title-sm'
+  }}>Self check-in</FormLabel>
+  <FormHelperText sx={{
+    typography: 'body-sm'
+  }}>
+  Easy access to the property when you arrive.
+</FormHelperText>
+</Box>
+<Switch />
+</FormControl>
+</DialogContent>
+
+<Divider sx={{
+  mt: 'auto'
+}} />
+<Stack direction="row" justifyContent="space-between" useFlexGap spacing={1}>
+  <Button variant="outlined" color="neutral">
+    Clear
+  </Button>
+  <Button>Show 165 properties</Button>
+</Stack>
+</Sheet>
+</InsetDrawer>
+```
+
+| Field                        | Description | Default |
+| ---------------------------- | ----------- | ------- |
+| Controls resolved at runtime | —           | —       |
+
+## Usage
+
+```tsx
+import { InsetDrawer } from '@ceed/ads';
+```

package/dist/components/navigation/Link.md

@@ -0,0 +1,24 @@
+# Link
+
+## Introduction
+
+```tsx
+<Link
+  children="Link"
+  variant="plain"
+/>
+```
+
+| Field     | Description | Default |
+| --------- | ----------- | ------- |
+| variant   | —           | "plain" |
+| color     | —           | —       |
+| level     | —           | —       |
+| disabled  | —           | —       |
+| underline | —           | —       |
+
+## Usage
+
+```tsx
+import { Link } from '@ceed/ads';
+```