@gxp-dev/mod-ui 2.0.0 → 2.0.1

package/src/components/compositions/elements/editor/ImageEditor.stories.ts

@@ -1,13 +1,15 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import ImageEditor from "./ImageEditor.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Editor/ImageEditor",
+  title: "Elements/Editor/ImageEditor",
   component: ImageEditor,
   tags: ["autodocs"],
   args: {
     label: "Field label",
   },
+  parameters: componentDoc("ImageEditor", { barrel: "editor" }),
 } satisfies Meta<typeof ImageEditor>
 
 export default meta

package/src/components/compositions/elements/editor/MarkdownEditor.stories.ts

@@ -1,14 +1,16 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import MarkdownEditor from "./MarkdownEditor.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Editor/MarkdownEditor",
+  title: "Elements/Editor/MarkdownEditor",
   component: MarkdownEditor,
   tags: ["autodocs"],
   args: {
     label: "Body",
     placeholder: "Write markdown here...",
   },
+  parameters: componentDoc("MarkdownEditor", { barrel: "editor" }),
 } satisfies Meta<typeof MarkdownEditor>
 
 export default meta

package/src/components/compositions/elements/editor/RichTextEditor.stories.ts

@@ -1,14 +1,16 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import { ref } from "vue"
 import RichTextEditor from "./RichTextEditor.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Editor/RichTextEditor",
+  title: "Elements/Editor/RichTextEditor",
   component: RichTextEditor,
   tags: ["autodocs"],
   args: {
     label: "Body",
   },
+  parameters: componentDoc("RichTextEditor", { barrel: "editor" }),
   decorators: [
     () => ({
       template: '<div class="max-w-2xl p-4"><story /></div>',

package/src/components/compositions/elements/file/AssetPickerFile.stories.ts

@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import type { Asset } from "./AssetPickerFile.vue"
 import AssetPickerFile from "./AssetPickerFile.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const SAMPLE_ASSETS: Asset[] = [
   {
@@ -75,13 +76,14 @@ function mockUpload(file: File): Promise<Asset> {
 }
 
 const meta = {
-  title: "Compositions/Elements/File/AssetPickerFile",
+  title: "Elements/File/AssetPickerFile",
   component: AssetPickerFile,
   tags: ["autodocs"],
   args: {
     label: "Asset",
     onBrowse: mockBrowse,
   },
+  parameters: componentDoc("AssetPickerFile", { barrel: "file" }),
   decorators: [
     () => ({
       template: '<div class="w-96 p-4"><story /></div>',

package/src/components/compositions/elements/file/DropzoneFile.stories.ts

@@ -1,10 +1,12 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import DropzoneFile from "./DropzoneFile.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/File/DropzoneFile",
+  title: "Elements/File/DropzoneFile",
   component: DropzoneFile,
   tags: ["autodocs"],
+  parameters: componentDoc("DropzoneFile", { barrel: "file" }),
   decorators: [
     () => ({
       template: '<div class="w-96 p-4"><story /></div>',

package/src/components/compositions/elements/file/UploadFile.stories.ts

@@ -1,10 +1,12 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import UploadFile from "./UploadFile.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/File/UploadFile",
+  title: "Elements/File/UploadFile",
   component: UploadFile,
   tags: ["autodocs"],
+  parameters: componentDoc("UploadFile", { barrel: "file" }),
   decorators: [
     () => ({
       template: '<div class="w-96 p-4"><story /></div>',

package/src/components/compositions/elements/input/BarcodeScannerInput.stories.ts

@@ -1,13 +1,15 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import BarcodeScannerInput from "./BarcodeScannerInput.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Input/BarcodeScannerInput",
+  title: "Elements/Input/BarcodeScannerInput",
   component: BarcodeScannerInput,
   tags: ["autodocs"],
   args: {
     label: "Scan ticket",
   },
+  parameters: componentDoc("BarcodeScannerInput", { barrel: "input" }),
 } satisfies Meta<typeof BarcodeScannerInput>
 
 export default meta

package/src/components/compositions/elements/input/EmailInput.stories.ts

@@ -1,14 +1,16 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import EmailInput from "./EmailInput.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Input/EmailInput",
+  title: "Elements/Input/EmailInput",
   component: EmailInput,
   tags: ["autodocs"],
   args: {
     label: "Email",
     placeholder: "you@example.com",
   },
+  parameters: componentDoc("EmailInput", { barrel: "input" }),
 } satisfies Meta<typeof EmailInput>
 
 export default meta

package/src/components/compositions/elements/input/NumberInput.stories.ts

@@ -1,14 +1,16 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import NumberInput from "./NumberInput.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Input/NumberInput",
+  title: "Elements/Input/NumberInput",
   component: NumberInput,
   tags: ["autodocs"],
   args: {
     label: "Field label",
     placeholder: "Enter a number...",
   },
+  parameters: componentDoc("NumberInput", { barrel: "input" }),
 } satisfies Meta<typeof NumberInput>
 
 export default meta

package/src/components/compositions/elements/input/PasswordInput.stories.ts

@@ -1,14 +1,16 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import PasswordInput from "./PasswordInput.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Input/PasswordInput",
+  title: "Elements/Input/PasswordInput",
   component: PasswordInput,
   tags: ["autodocs"],
   args: {
     label: "Password",
     placeholder: "Enter your password",
   },
+  parameters: componentDoc("PasswordInput", { barrel: "input" }),
 } satisfies Meta<typeof PasswordInput>
 
 export default meta

package/src/components/compositions/elements/input/RangeSliderInput.stories.ts

@@ -1,8 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import RangeSliderInput from "./RangeSliderInput.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Input/RangeSliderInput",
+  title: "Elements/Input/RangeSliderInput",
   component: RangeSliderInput,
   tags: ["autodocs"],
   args: {
@@ -11,6 +12,7 @@ const meta = {
     max: 100,
     step: 1,
   },
+  parameters: componentDoc("RangeSliderInput", { barrel: "input" }),
 } satisfies Meta<typeof RangeSliderInput>
 
 export default meta

package/src/components/compositions/elements/input/SearchInput.stories.ts

@@ -1,14 +1,16 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import SearchInput from "./SearchInput.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Input/SearchInput",
+  title: "Elements/Input/SearchInput",
   component: SearchInput,
   tags: ["autodocs"],
   args: {
     label: "Search",
     placeholder: "Search...",
   },
+  parameters: componentDoc("SearchInput", { barrel: "input" }),
 } satisfies Meta<typeof SearchInput>
 
 export default meta

package/src/components/compositions/elements/input/TelInput.stories.ts

@@ -1,14 +1,16 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import TelInput from "./TelInput.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Input/TelInput",
+  title: "Elements/Input/TelInput",
   component: TelInput,
   tags: ["autodocs"],
   args: {
     label: "Phone",
     placeholder: "+1 555 123 4567",
   },
+  parameters: componentDoc("TelInput", { barrel: "input" }),
 } satisfies Meta<typeof TelInput>
 
 export default meta

package/src/components/compositions/elements/input/TextInput.stories.ts

@@ -1,14 +1,16 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import TextInput from "./TextInput.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Input/TextInput",
+  title: "Elements/Input/TextInput",
   component: TextInput,
   tags: ["autodocs"],
   args: {
     label: "Field label",
     placeholder: "Type something...",
   },
+  parameters: componentDoc("TextInput", { barrel: "input" }),
 } satisfies Meta<typeof TextInput>
 
 export default meta

package/src/components/compositions/elements/input/TextareaInput.stories.ts

@@ -1,8 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import TextareaInput from "./TextareaInput.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Input/TextareaInput",
+  title: "Elements/Input/TextareaInput",
   component: TextareaInput,
   tags: ["autodocs"],
   args: {
@@ -10,6 +11,7 @@ const meta = {
     placeholder: "Tell us about yourself...",
     rows: 3,
   },
+  parameters: componentDoc("TextareaInput", { barrel: "input" }),
 } satisfies Meta<typeof TextareaInput>
 
 export default meta

package/src/components/compositions/elements/input/UrlInput.stories.ts

@@ -1,14 +1,16 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import UrlInput from "./UrlInput.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Input/UrlInput",
+  title: "Elements/Input/UrlInput",
   component: UrlInput,
   tags: ["autodocs"],
   args: {
     label: "Website",
     placeholder: "https://example.com",
   },
+  parameters: componentDoc("UrlInput", { barrel: "input" }),
 } satisfies Meta<typeof UrlInput>
 
 export default meta

package/src/components/compositions/elements/option-select/AsyncSelectOption.stories.ts

@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import type { SelectOptionLike } from "@/definitions/shared/select-options"
 import AsyncSelectOption from "./AsyncSelectOption.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const FRUITS: SelectOptionLike[] = [
   { label: "Apple", value: "apple" },
@@ -26,7 +27,7 @@ function mockSearch(query: string): Promise<SelectOptionLike[]> {
 }
 
 const meta = {
-  title: "Compositions/Elements/OptionSelect/AsyncSelectOption",
+  title: "Elements/OptionSelect/AsyncSelectOption",
   component: AsyncSelectOption,
   tags: ["autodocs"],
   args: {
@@ -34,6 +35,7 @@ const meta = {
     placeholder: "Search remotely…",
     onSearch: mockSearch,
   },
+  parameters: componentDoc("AsyncSelectOption", { barrel: "option-select" }),
   decorators: [
     () => ({
       template: '<div class="w-96 p-4"><story /></div>',

package/src/components/compositions/elements/option-select/AutoCompleteOption.stories.ts

@@ -1,8 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import AutoCompleteOption from "./AutoCompleteOption.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/OptionSelect/AutoCompleteOption",
+  title: "Elements/OptionSelect/AutoCompleteOption",
   component: AutoCompleteOption,
   tags: ["autodocs"],
   args: {
@@ -15,6 +16,7 @@ const meta = {
       { label: "Dublin", value: "DUB" },
     ],
   },
+  parameters: componentDoc("AutoCompleteOption", { barrel: "option-select" }),
 } satisfies Meta<typeof AutoCompleteOption>
 
 export default meta

package/src/components/compositions/elements/option-select/CheckboxOption.stories.ts

@@ -1,8 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import CheckboxOption from "./CheckboxOption.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/OptionSelect/CheckboxOption",
+  title: "Elements/OptionSelect/CheckboxOption",
   component: CheckboxOption,
   tags: ["autodocs"],
   args: {
@@ -13,6 +14,7 @@ const meta = {
       { label: "Push", value: "push" },
     ],
   },
+  parameters: componentDoc("CheckboxOption", { barrel: "option-select" }),
 } satisfies Meta<typeof CheckboxOption>
 
 export default meta

package/src/components/compositions/elements/option-select/IntegrationConnectorOption.stories.ts

@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import type { Connector } from "@/definitions/shared/connector"
 import IntegrationConnectorOption from "./IntegrationConnectorOption.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const CONNECTORS: Connector[] = [
   {
@@ -55,13 +56,14 @@ function mockConnect(delay = 500): (id: string) => Promise<void> {
 }
 
 const meta = {
-  title: "Compositions/Elements/OptionSelect/IntegrationConnectorOption",
+  title: "Elements/OptionSelect/IntegrationConnectorOption",
   component: IntegrationConnectorOption,
   tags: ["autodocs"],
   args: {
     label: "Integration Connector",
     onLoadConnectors: mockLoad(),
   },
+  parameters: componentDoc("IntegrationConnectorOption", { barrel: "option-select" }),
   decorators: [
     () => ({
       template: '<div class="w-96 p-4"><story /></div>',

package/src/components/compositions/elements/option-select/ListOption.stories.ts

@@ -1,8 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import ListOption from "./ListOption.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/OptionSelect/ListOption",
+  title: "Elements/OptionSelect/ListOption",
   component: ListOption,
   tags: ["autodocs"],
   args: {
@@ -13,6 +14,7 @@ const meta = {
       { label: "Closed", value: "closed" },
     ],
   },
+  parameters: componentDoc("ListOption", { barrel: "option-select" }),
 } satisfies Meta<typeof ListOption>
 
 export default meta

package/src/components/compositions/elements/option-select/PillSelectOption.stories.ts

@@ -1,8 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import PillSelectOption from "./PillSelectOption.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/OptionSelect/PillSelectOption",
+  title: "Elements/OptionSelect/PillSelectOption",
   component: PillSelectOption,
   tags: ["autodocs"],
   args: {
@@ -14,6 +15,7 @@ const meta = {
       { label: "Solid", value: "solid" },
     ],
   },
+  parameters: componentDoc("PillSelectOption", { barrel: "option-select" }),
 } satisfies Meta<typeof PillSelectOption>
 
 export default meta

package/src/components/compositions/elements/option-select/RadioOption.stories.ts

@@ -1,8 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import RadioOption from "./RadioOption.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/OptionSelect/RadioOption",
+  title: "Elements/OptionSelect/RadioOption",
   component: RadioOption,
   tags: ["autodocs"],
   args: {
@@ -13,6 +14,7 @@ const meta = {
       { label: "Large", value: "l" },
     ],
   },
+  parameters: componentDoc("RadioOption", { barrel: "option-select" }),
 } satisfies Meta<typeof RadioOption>
 
 export default meta

package/src/components/compositions/elements/option-select/SelectMultipleOption.stories.ts

@@ -1,8 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import SelectMultipleOption from "./SelectMultipleOption.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/OptionSelect/SelectMultipleOption",
+  title: "Elements/OptionSelect/SelectMultipleOption",
   component: SelectMultipleOption,
   tags: ["autodocs"],
   args: {
@@ -14,6 +15,7 @@ const meta = {
       { label: "Cherry", value: "cherry" },
     ],
   },
+  parameters: componentDoc("SelectMultipleOption", { barrel: "option-select" }),
 } satisfies Meta<typeof SelectMultipleOption>
 
 export default meta

package/src/components/compositions/elements/option-select/SelectOption.stories.ts

@@ -1,8 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import SelectOption from "./SelectOption.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/OptionSelect/SelectOption",
+  title: "Elements/OptionSelect/SelectOption",
   component: SelectOption,
   tags: ["autodocs"],
   args: {
@@ -14,6 +15,7 @@ const meta = {
       { label: "Three", value: "3" },
     ],
   },
+  parameters: componentDoc("SelectOption", { barrel: "option-select" }),
 } satisfies Meta<typeof SelectOption>
 
 export default meta

package/src/components/compositions/elements/picker/AsyncSelectPicker.stories.ts

@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import type { SelectOptionLike } from "@/definitions/shared/select-options"
 import AsyncSelectPicker from "./AsyncSelectPicker.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const USERS: SelectOptionLike[] = [
   { label: "Alice Anderson", value: "u1" },
@@ -26,7 +27,7 @@ function mockSearch(query: string): Promise<SelectOptionLike[]> {
 }
 
 const meta = {
-  title: "Compositions/Elements/Picker/AsyncSelectPicker",
+  title: "Elements/Picker/AsyncSelectPicker",
   component: AsyncSelectPicker,
   tags: ["autodocs"],
   args: {
@@ -34,6 +35,7 @@ const meta = {
     placeholder: "Pick a user…",
     onSearch: mockSearch,
   },
+  parameters: componentDoc("AsyncSelectPicker", { barrel: "picker" }),
   decorators: [
     () => ({
       template: '<div class="w-96 p-4"><story /></div>',

package/src/components/compositions/elements/picker/ColorPicker.stories.ts

@@ -1,13 +1,15 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import ColorPicker from "./ColorPicker.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Picker/ColorPicker",
+  title: "Elements/Picker/ColorPicker",
   component: ColorPicker,
   tags: ["autodocs"],
   args: {
     label: "Brand color",
   },
+  parameters: componentDoc("ColorPicker", { barrel: "picker" }),
   decorators: [
     () => ({
       template: '<div class="w-80 p-4"><story /></div>',

package/src/components/compositions/elements/picker/DataModelPicker.stories.ts

@@ -1,8 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import DataModelPicker from "./DataModelPicker.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Picker/DataModelPicker",
+  title: "Elements/Picker/DataModelPicker",
   component: DataModelPicker,
   tags: ["autodocs"],
   args: {
@@ -17,6 +18,7 @@ const meta = {
       "ends_at",
     ],
   },
+  parameters: componentDoc("DataModelPicker", { barrel: "picker" }),
   decorators: [
     () => ({
       template: '<div class="w-96 p-4"><story /></div>',

package/src/components/compositions/elements/picker/DatePicker.stories.ts

@@ -1,13 +1,15 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import DatePicker from "./DatePicker.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Picker/DatePicker",
+  title: "Elements/Picker/DatePicker",
   component: DatePicker,
   tags: ["autodocs"],
   args: {
     label: "Starts at",
   },
+  parameters: componentDoc("DatePicker", { barrel: "picker" }),
   decorators: [
     () => ({
       template: '<div class="w-80 p-4"><story /></div>',

package/src/components/compositions/elements/picker/DateTimePicker.stories.ts

@@ -1,13 +1,15 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import DateTimePicker from "./DateTimePicker.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Picker/DateTimePicker",
+  title: "Elements/Picker/DateTimePicker",
   component: DateTimePicker,
   tags: ["autodocs"],
   args: {
     label: "Starts at",
   },
+  parameters: componentDoc("DateTimePicker", { barrel: "picker" }),
   decorators: [
     () => ({
       template: '<div class="w-80 p-4"><story /></div>',

package/src/components/compositions/elements/picker/IconPicker.stories.ts

@@ -1,13 +1,15 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import IconPicker from "./IconPicker.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Picker/IconPicker",
+  title: "Elements/Picker/IconPicker",
   component: IconPicker,
   tags: ["autodocs"],
   args: {
     label: "Icon",
   },
+  parameters: componentDoc("IconPicker", { barrel: "picker" }),
   decorators: [
     () => ({
       template: '<div class="w-96 p-4"><story /></div>',

package/src/components/compositions/elements/{components → picker}/IconPickerInline.stories.ts

@@ -1,10 +1,12 @@
 import type { Meta, StoryObj } from "@storybook/vue3"
 import IconPickerInline from "./IconPickerInline.vue"
+import { componentDoc } from "@/lib/storybook"
 
 const meta = {
-  title: "Compositions/Elements/Components/IconPickerInline",
+  title: "Elements/Picker/IconPickerInline",
   component: IconPickerInline,
   tags: ["autodocs"],
+  parameters: componentDoc("IconPickerInline", { deep: "components/compositions/elements/picker/IconPickerInline.vue" }),
   decorators: [
     () => ({
       template: '<div class="max-w-md p-4"><story /></div>',