@lukoweb/apitogo 0.2.23 → 0.2.24

package/docs/components/secret.mdx

@@ -1,79 +1,79 @@
----
-title: Secret
-sidebar_icon: lock
-description: Use the Secret component to display and manage API keys in your APIToGo application.
----
-
-import { Secret } from "@lukoweb/apitogo/ui/Secret";
-import { Value } from "@lukoweb/apitogo/ui/Value";
-
-The `Secret` component can be used to display secrets, typically API keys, in your APIToGo
-application.
-
-## Import
-
-```tsx
-import { Secret } from "@lukoweb/apitogo/ui/Secret";
-```
-
-## Usage
-
-```tsx
-<Secret
-  secret="pkcd_this-is-a-never-01K1DASDXXQDA9S6GKASKYAFSDH"
-  status="active"
-  preview={5}
-  onCopy={(secret) => {
-    console.log("Copied secret:", secret);
-  }}
-  onReveal={(revealed) => {
-    console.log("Revealed:", revealed);
-  }}
-/>
-```
-
- <div className="flex flex-col gap-2">
-<Secret
-  secret="pkcd_this-is-a-never-01K1DASDXXQDA9S6GKASKYAFSDH"
-  status="active"
-  className="max-w-fit"
-/>
-
-<Secret
-  secret="pkcd_this-is-a-gonna-01K1DAFSDHAS9S6GE5KASKYSDXX"
-  status="expiring"
-  className="max-w-fit"
-/>
-
-<Secret
-  secret="pkcd_this-is-a-give-01K1DAFSSDHOOASDD9S6KYGE5KAS"
-  status="expired"
-  className="max-w-fit"
-/>
-
-<Secret
-  secret="pkcd_this-is-a-you-01K1DAGDN0NDDHXS7VBYGFME1SFSR"
-  status="revoked"
-  className="max-w-fit"
-/>
-
-<Secret
-  secret="pkcd_this-is-a-you-01K1DAGDN0NDDHXS7VBYGFME1SFSR"
-  status="none"
-  className="max-w-fit"
-/>
-
-<Secret secret="pkcd_this-is-a-up-01K1DAFSDHASDXXSQDA9S6GE5KASKY" className="max-w-fit" />
-
-<div className="flex flex-col gap-0 max-w-fit not-prose">
-  <span className="text-sm font-medium">Client ID</span>
-  <Value
-    value="client-id-01985b58-d7af-71eb-a27e-b2062935ece4"
-    className="w-full"
-  />
-  <span className="text-sm font-medium">Client Secret</span>
-  <Secret
-    secret="pkcd_this-is-a-up-01K1DAFSDHASDXXSQDA9S6GE5KASKY"
-  />
-</div>
-</div>
+---
+title: Secret
+sidebar_icon: lock
+description: Use the Secret component to display and manage API keys in your APIToGo application.
+---
+
+import { Secret } from "@lukoweb/apitogo/ui/Secret";
+import { Value } from "@lukoweb/apitogo/ui/Value";
+
+The `Secret` component can be used to display secrets, typically API keys, in your APIToGo
+application.
+
+## Import
+
+```tsx
+import { Secret } from "@lukoweb/apitogo/ui/Secret";
+```
+
+## Usage
+
+```tsx
+<Secret
+  secret="pkcd_this-is-a-never-01K1DASDXXQDA9S6GKASKYAFSDH"
+  status="active"
+  preview={5}
+  onCopy={(secret) => {
+    console.log("Copied secret:", secret);
+  }}
+  onReveal={(revealed) => {
+    console.log("Revealed:", revealed);
+  }}
+/>
+```
+
+ <div className="flex flex-col gap-2">
+<Secret
+  secret="pkcd_this-is-a-never-01K1DASDXXQDA9S6GKASKYAFSDH"
+  status="active"
+  className="max-w-fit"
+/>
+
+<Secret
+  secret="pkcd_this-is-a-gonna-01K1DAFSDHAS9S6GE5KASKYSDXX"
+  status="expiring"
+  className="max-w-fit"
+/>
+
+<Secret
+  secret="pkcd_this-is-a-give-01K1DAFSSDHOOASDD9S6KYGE5KAS"
+  status="expired"
+  className="max-w-fit"
+/>
+
+<Secret
+  secret="pkcd_this-is-a-you-01K1DAGDN0NDDHXS7VBYGFME1SFSR"
+  status="revoked"
+  className="max-w-fit"
+/>
+
+<Secret
+  secret="pkcd_this-is-a-you-01K1DAGDN0NDDHXS7VBYGFME1SFSR"
+  status="none"
+  className="max-w-fit"
+/>
+
+<Secret secret="pkcd_this-is-a-up-01K1DAFSDHASDXXSQDA9S6GE5KASKY" className="max-w-fit" />
+
+<div className="flex flex-col gap-0 max-w-fit not-prose">
+  <span className="text-sm font-medium">Client ID</span>
+  <Value
+    value="client-id-01985b58-d7af-71eb-a27e-b2062935ece4"
+    className="w-full"
+  />
+  <span className="text-sm font-medium">Client Secret</span>
+  <Secret
+    secret="pkcd_this-is-a-up-01K1DAFSDHASDXXSQDA9S6GE5KASKY"
+  />
+</div>
+</div>

package/docs/components/select.mdx

@@ -1,176 +1,176 @@
----
-title: Select
-sidebar_icon: chevron-down
----
-
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue,
-} from "@lukoweb/apitogo/ui/Select";
-import { Label } from "@lukoweb/apitogo/ui/Label";
-
-A select component built on Radix UI primitives for choosing from a list of options.
-
-## Import
-
-<!-- prettier-ignore -->
-```tsx
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@lukoweb/apitogo/ui/Select";
-```
-
-## Components
-
-The Select component consists of several sub-components:
-
-- `Select` - The main container (root)
-- `SelectTrigger` - Button that opens the select menu
-- `SelectValue` - Displays the selected value
-- `SelectContent` - The dropdown content container
-- `SelectItem` - Individual selectable option
-- `SelectLabel` - Section labels within the dropdown
-- `SelectSeparator` - Visual separator between groups
-- `SelectGroup` - Groups related items together
-
-## Basic Usage
-
-<Select>
-  <SelectTrigger className="w-[180px]">
-    <SelectValue placeholder="Select a fruit" />
-  </SelectTrigger>
-  <SelectContent>
-    <SelectItem value="apple">Apple</SelectItem>
-    <SelectItem value="banana">Banana</SelectItem>
-    <SelectItem value="blueberry">Blueberry</SelectItem>
-    <SelectItem value="grapes">Grapes</SelectItem>
-    <SelectItem value="pineapple">Pineapple</SelectItem>
-  </SelectContent>
-</Select>
-
-```tsx
-<Select>
-  <SelectTrigger className="w-[180px]">
-    <SelectValue placeholder="Select a fruit" />
-  </SelectTrigger>
-  <SelectContent>
-    <SelectItem value="apple">Apple</SelectItem>
-    <SelectItem value="banana">Banana</SelectItem>
-    <SelectItem value="blueberry">Blueberry</SelectItem>
-    <SelectItem value="grapes">Grapes</SelectItem>
-    <SelectItem value="pineapple">Pineapple</SelectItem>
-  </SelectContent>
-</Select>
-```
-
-## With Labels and Groups
-
-<Select>
-  <SelectTrigger className="w-[280px]">
-    <SelectValue placeholder="Select a timezone" />
-  </SelectTrigger>
-  <SelectContent>
-    <SelectGroup>
-      <SelectLabel>North America</SelectLabel>
-      <SelectItem value="est">Eastern Standard Time (EST)</SelectItem>
-      <SelectItem value="cst">Central Standard Time (CST)</SelectItem>
-      <SelectItem value="mst">Mountain Standard Time (MST)</SelectItem>
-      <SelectItem value="pst">Pacific Standard Time (PST)</SelectItem>
-      <SelectItem value="akst">Alaska Standard Time (AKST)</SelectItem>
-      <SelectItem value="hst">Hawaii Standard Time (HST)</SelectItem>
-    </SelectGroup>
-    <SelectSeparator />
-    <SelectGroup>
-      <SelectLabel>Europe & Africa</SelectLabel>
-      <SelectItem value="gmt">Greenwich Mean Time (GMT)</SelectItem>
-      <SelectItem value="cet">Central European Time (CET)</SelectItem>
-      <SelectItem value="eet">Eastern European Time (EET)</SelectItem>
-      <SelectItem value="west">Western European Summer Time (WEST)</SelectItem>
-      <SelectItem value="cat">Central Africa Time (CAT)</SelectItem>
-      <SelectItem value="eat">East Africa Time (EAT)</SelectItem>
-    </SelectGroup>
-  </SelectContent>
-</Select>
-
-```tsx
-<Select>
-  <SelectTrigger className="w-[280px]">
-    <SelectValue placeholder="Select a timezone" />
-  </SelectTrigger>
-  <SelectContent>
-    <SelectGroup>
-      <SelectLabel>North America</SelectLabel>
-      <SelectItem value="est">Eastern Standard Time (EST)</SelectItem>
-      <SelectItem value="cst">Central Standard Time (CST)</SelectItem>
-      <SelectItem value="mst">Mountain Standard Time (MST)</SelectItem>
-      <SelectItem value="pst">Pacific Standard Time (PST)</SelectItem>
-      <SelectItem value="akst">Alaska Standard Time (AKST)</SelectItem>
-      <SelectItem value="hst">Hawaii Standard Time (HST)</SelectItem>
-    </SelectGroup>
-    <SelectSeparator />
-    <SelectGroup>
-      <SelectLabel>Europe & Africa</SelectLabel>
-      <SelectItem value="gmt">Greenwich Mean Time (GMT)</SelectItem>
-      <SelectItem value="cet">Central European Time (CET)</SelectItem>
-      <SelectItem value="eet">Eastern European Time (EET)</SelectItem>
-      <SelectItem value="west">Western European Summer Time (WEST)</SelectItem>
-      <SelectItem value="cat">Central Africa Time (CAT)</SelectItem>
-      <SelectItem value="eat">East Africa Time (EAT)</SelectItem>
-    </SelectGroup>
-  </SelectContent>
-</Select>
-```
-
-## With Label
-
-<div className="grid w-full max-w-sm items-center gap-1.5">
-  <Label htmlFor="framework">Framework</Label>
-  <Select>
-    <SelectTrigger id="framework">
-      <SelectValue placeholder="Select" />
-    </SelectTrigger>
-    <SelectContent position="popper">
-      <SelectItem value="next">Next.js</SelectItem>
-      <SelectItem value="sveltekit">SvelteKit</SelectItem>
-      <SelectItem value="nuxt">Nuxt.js</SelectItem>
-      <SelectItem value="remix">Remix</SelectItem>
-      <SelectItem value="astro">Astro</SelectItem>
-    </SelectContent>
-  </Select>
-</div>
-
-```tsx
-<div className="grid w-full max-w-sm items-center gap-1.5">
-  <Label htmlFor="framework">Framework</Label>
-  <Select>
-    <SelectTrigger id="framework">
-      <SelectValue placeholder="Select" />
-    </SelectTrigger>
-    <SelectContent position="popper">
-      <SelectItem value="next">Next.js</SelectItem>
-      <SelectItem value="sveltekit">SvelteKit</SelectItem>
-      <SelectItem value="nuxt">Nuxt.js</SelectItem>
-      <SelectItem value="remix">Remix</SelectItem>
-      <SelectItem value="astro">Astro</SelectItem>
-    </SelectContent>
-  </Select>
-</div>
-```
-
-## Features
-
-- **Keyboard Navigation**: Full keyboard support for navigation and selection
-- **Accessibility**: Proper ARIA attributes and screen reader support
-- **Controlled/Uncontrolled**: Can be used with or without state management
-- **Searchable**: Built-in search functionality when typing
-- **Custom Positioning**: Flexible positioning options
+---
+title: Select
+sidebar_icon: chevron-down
+---
+
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+} from "@lukoweb/apitogo/ui/Select";
+import { Label } from "@lukoweb/apitogo/ui/Label";
+
+A select component built on Radix UI primitives for choosing from a list of options.
+
+## Import
+
+<!-- prettier-ignore -->
+```tsx
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@lukoweb/apitogo/ui/Select";
+```
+
+## Components
+
+The Select component consists of several sub-components:
+
+- `Select` - The main container (root)
+- `SelectTrigger` - Button that opens the select menu
+- `SelectValue` - Displays the selected value
+- `SelectContent` - The dropdown content container
+- `SelectItem` - Individual selectable option
+- `SelectLabel` - Section labels within the dropdown
+- `SelectSeparator` - Visual separator between groups
+- `SelectGroup` - Groups related items together
+
+## Basic Usage
+
+<Select>
+  <SelectTrigger className="w-[180px]">
+    <SelectValue placeholder="Select a fruit" />
+  </SelectTrigger>
+  <SelectContent>
+    <SelectItem value="apple">Apple</SelectItem>
+    <SelectItem value="banana">Banana</SelectItem>
+    <SelectItem value="blueberry">Blueberry</SelectItem>
+    <SelectItem value="grapes">Grapes</SelectItem>
+    <SelectItem value="pineapple">Pineapple</SelectItem>
+  </SelectContent>
+</Select>
+
+```tsx
+<Select>
+  <SelectTrigger className="w-[180px]">
+    <SelectValue placeholder="Select a fruit" />
+  </SelectTrigger>
+  <SelectContent>
+    <SelectItem value="apple">Apple</SelectItem>
+    <SelectItem value="banana">Banana</SelectItem>
+    <SelectItem value="blueberry">Blueberry</SelectItem>
+    <SelectItem value="grapes">Grapes</SelectItem>
+    <SelectItem value="pineapple">Pineapple</SelectItem>
+  </SelectContent>
+</Select>
+```
+
+## With Labels and Groups
+
+<Select>
+  <SelectTrigger className="w-[280px]">
+    <SelectValue placeholder="Select a timezone" />
+  </SelectTrigger>
+  <SelectContent>
+    <SelectGroup>
+      <SelectLabel>North America</SelectLabel>
+      <SelectItem value="est">Eastern Standard Time (EST)</SelectItem>
+      <SelectItem value="cst">Central Standard Time (CST)</SelectItem>
+      <SelectItem value="mst">Mountain Standard Time (MST)</SelectItem>
+      <SelectItem value="pst">Pacific Standard Time (PST)</SelectItem>
+      <SelectItem value="akst">Alaska Standard Time (AKST)</SelectItem>
+      <SelectItem value="hst">Hawaii Standard Time (HST)</SelectItem>
+    </SelectGroup>
+    <SelectSeparator />
+    <SelectGroup>
+      <SelectLabel>Europe & Africa</SelectLabel>
+      <SelectItem value="gmt">Greenwich Mean Time (GMT)</SelectItem>
+      <SelectItem value="cet">Central European Time (CET)</SelectItem>
+      <SelectItem value="eet">Eastern European Time (EET)</SelectItem>
+      <SelectItem value="west">Western European Summer Time (WEST)</SelectItem>
+      <SelectItem value="cat">Central Africa Time (CAT)</SelectItem>
+      <SelectItem value="eat">East Africa Time (EAT)</SelectItem>
+    </SelectGroup>
+  </SelectContent>
+</Select>
+
+```tsx
+<Select>
+  <SelectTrigger className="w-[280px]">
+    <SelectValue placeholder="Select a timezone" />
+  </SelectTrigger>
+  <SelectContent>
+    <SelectGroup>
+      <SelectLabel>North America</SelectLabel>
+      <SelectItem value="est">Eastern Standard Time (EST)</SelectItem>
+      <SelectItem value="cst">Central Standard Time (CST)</SelectItem>
+      <SelectItem value="mst">Mountain Standard Time (MST)</SelectItem>
+      <SelectItem value="pst">Pacific Standard Time (PST)</SelectItem>
+      <SelectItem value="akst">Alaska Standard Time (AKST)</SelectItem>
+      <SelectItem value="hst">Hawaii Standard Time (HST)</SelectItem>
+    </SelectGroup>
+    <SelectSeparator />
+    <SelectGroup>
+      <SelectLabel>Europe & Africa</SelectLabel>
+      <SelectItem value="gmt">Greenwich Mean Time (GMT)</SelectItem>
+      <SelectItem value="cet">Central European Time (CET)</SelectItem>
+      <SelectItem value="eet">Eastern European Time (EET)</SelectItem>
+      <SelectItem value="west">Western European Summer Time (WEST)</SelectItem>
+      <SelectItem value="cat">Central Africa Time (CAT)</SelectItem>
+      <SelectItem value="eat">East Africa Time (EAT)</SelectItem>
+    </SelectGroup>
+  </SelectContent>
+</Select>
+```
+
+## With Label
+
+<div className="grid w-full max-w-sm items-center gap-1.5">
+  <Label htmlFor="framework">Framework</Label>
+  <Select>
+    <SelectTrigger id="framework">
+      <SelectValue placeholder="Select" />
+    </SelectTrigger>
+    <SelectContent position="popper">
+      <SelectItem value="next">Next.js</SelectItem>
+      <SelectItem value="sveltekit">SvelteKit</SelectItem>
+      <SelectItem value="nuxt">Nuxt.js</SelectItem>
+      <SelectItem value="remix">Remix</SelectItem>
+      <SelectItem value="astro">Astro</SelectItem>
+    </SelectContent>
+  </Select>
+</div>
+
+```tsx
+<div className="grid w-full max-w-sm items-center gap-1.5">
+  <Label htmlFor="framework">Framework</Label>
+  <Select>
+    <SelectTrigger id="framework">
+      <SelectValue placeholder="Select" />
+    </SelectTrigger>
+    <SelectContent position="popper">
+      <SelectItem value="next">Next.js</SelectItem>
+      <SelectItem value="sveltekit">SvelteKit</SelectItem>
+      <SelectItem value="nuxt">Nuxt.js</SelectItem>
+      <SelectItem value="remix">Remix</SelectItem>
+      <SelectItem value="astro">Astro</SelectItem>
+    </SelectContent>
+  </Select>
+</div>
+```
+
+## Features
+
+- **Keyboard Navigation**: Full keyboard support for navigation and selection
+- **Accessibility**: Proper ARIA attributes and screen reader support
+- **Controlled/Uncontrolled**: Can be used with or without state management
+- **Searchable**: Built-in search functionality when typing
+- **Custom Positioning**: Flexible positioning options

package/docs/components/shadcn.mdx

@@ -1,73 +1,73 @@
----
-sidebar_label: shadcn/ui
-sidebar_icon: puzzle
----
-
-All shadcn/ui components are available for direct import from their respective UI modules:
-
-export const components = [
-  "Accordion",
-  "Alert",
-  "AspectRatio",
-  "Badge",
-  "Breadcrumb",
-  "Button",
-  "Card",
-  "Carousel",
-  "Checkbox",
-  "Collapsible",
-  "Command",
-  "Dialog",
-  "Drawer",
-  "DropdownMenu",
-  "Form",
-  "HoverCard",
-  "Input",
-  "Label",
-  "Pagination",
-  "Popover",
-  "Progress",
-  "RadioGroup",
-  "ScrollArea",
-  "Select",
-  "Skeleton",
-  "Slider",
-  "Switch",
-  "Tabs",
-  "Textarea",
-  "Toggle",
-  "ToggleGroup",
-  "Tooltip",
-];
-
-# `shadcn/ui` components
-
-We use a couple components from [shadcn/ui](https://ui.shadcn.com). To make them re-usable for and
-use them in your project you can import them from `@lukoweb/apitogo/ui/*`.
-
-For example:
-
-```tsx
-import { Button } from "@lukoweb/apitogo/ui/Button";
-```
-
-Following components are available:
-
-<ul className="grid grid-cols-2 sm:grid-cols-3">
-  {components.map((comp) => {
-    const link = comp.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-
-    return (
-      <li key={comp}>
-        <a
-          target="_blank"
-          href={`https://ui.shadcn.com/docs/components/${link}`}
-        >
-          {comp}
-        </a>
-      </li>
-    );
-
-})}
-
-</ul>
+---
+sidebar_label: shadcn/ui
+sidebar_icon: puzzle
+---
+
+All shadcn/ui components are available for direct import from their respective UI modules:
+
+export const components = [
+  "Accordion",
+  "Alert",
+  "AspectRatio",
+  "Badge",
+  "Breadcrumb",
+  "Button",
+  "Card",
+  "Carousel",
+  "Checkbox",
+  "Collapsible",
+  "Command",
+  "Dialog",
+  "Drawer",
+  "DropdownMenu",
+  "Form",
+  "HoverCard",
+  "Input",
+  "Label",
+  "Pagination",
+  "Popover",
+  "Progress",
+  "RadioGroup",
+  "ScrollArea",
+  "Select",
+  "Skeleton",
+  "Slider",
+  "Switch",
+  "Tabs",
+  "Textarea",
+  "Toggle",
+  "ToggleGroup",
+  "Tooltip",
+];
+
+# `shadcn/ui` components
+
+We use a couple components from [shadcn/ui](https://ui.shadcn.com). To make them re-usable for and
+use them in your project you can import them from `@lukoweb/apitogo/ui/*`.
+
+For example:
+
+```tsx
+import { Button } from "@lukoweb/apitogo/ui/Button";
+```
+
+Following components are available:
+
+<ul className="grid grid-cols-2 sm:grid-cols-3">
+  {components.map((comp) => {
+    const link = comp.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+
+    return (
+      <li key={comp}>
+        <a
+          target="_blank"
+          href={`https://ui.shadcn.com/docs/components/${link}`}
+        >
+          {comp}
+        </a>
+      </li>
+    );
+
+})}
+
+</ul>