startupjs-ui 0.1.1 → 0.1.3

package/README.mdx

@@ -0,0 +1,62 @@
+# startupjs-ui
+
+startupjs-ui is the modular UI component library for StartupJS. You can import any component directly from `startupjs-ui` or from the individual subpaths `startupjs-ui/*`.
+
+```js
+import { Button, Form } from 'startupjs-ui'
+// or
+import Button from 'startupjs-ui/Button'
+import Form from 'startupjs-ui/Form'
+```
+
+## UiProvider
+
+UiProvider wires up theming and shared UI infrastructure (CSS variables, portal, toasts, dialogs). It is plugged in automatically as a plugin into `StartupjsProvider`, so the only thing you need at the root of your app is:
+
+```jsx
+import { StartupjsProvider } from 'startupjs'
+import { Stack } from 'expo-router'
+
+export default function RootLayout () {
+  return (
+    <StartupjsProvider>
+      <Stack />
+    </StartupjsProvider>
+  )
+}
+```
+
+You can pass UiProvider options via `StartupjsProvider` props:
+
+```jsx
+import styleOverrides from './style.cssx.styl'
+
+<StartupjsProvider
+  style={styleOverrides}
+  palette={palette}
+  colors={colors}
+  componentColors={componentColors}
+>
+  <Stack />
+</StartupjsProvider>
+```
+
+```styl
+// style.cssx.styl
+
+:root
+  --color-primary #0000ff
+  --color-error #ff0000
+
+.Button
+  border-radius 12px
+  &:part(hover)
+    background-color #0000cc
+```
+
+### Options
+
+- `style`: CSSX style overrides for UI components. You can also override static CSS variables by specifying them inside the `:root` section of `style`.
+- `palette`: theme palette overrides.
+- `colors`: theme color overrides.
+- `componentColors`: component-level color overrides.

package/UiProvider.tsx

@@ -0,0 +1,50 @@
+import { type ReactNode } from 'react'
+import { pug, observer } from 'startupjs'
+import { CssVariables, useCssVariablesMeta, StyleContext } from '@startupjs-ui/core'
+import Portal from '@startupjs-ui/portal'
+import { ToastProvider } from '@startupjs-ui/toast'
+import DialogsProvider from '@startupjs-ui/dialogs/DialogsProvider'
+
+export const _PropsJsonSchema = {/* UiProviderProps */}
+
+export interface UiProviderProps {
+  /** App content rendered inside the provider */
+  children?: ReactNode
+  /** CSSX style overrides (use ':root' for static overrides) */
+  style?: Record<string, any>
+  /** Theme palette overrides */
+  palette?: Record<string, any>
+  /** Color overrides */
+  colors?: Record<string, any>
+  /** Component color overrides */
+  componentColors?: Record<string, any>
+}
+
+function UiProvider ({
+  children,
+  style,
+  palette,
+  colors,
+  componentColors
+}: UiProviderProps): ReactNode {
+  const staticOverrides = style?.[':root']
+  const cssVariablesMeta = useCssVariablesMeta({
+    staticOverrides,
+    palette,
+    colors,
+    componentColors
+  })
+
+  return pug`
+    if cssVariablesMeta
+      CssVariables(meta=cssVariablesMeta)
+
+    StyleContext.Provider(value=style)
+      Portal.Provider
+        ToastProvider
+        = children
+      DialogsProvider
+  `
+}
+
+export default observer(UiProvider)

package/exports/AbstractPopover.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/abstract-popover'

package/exports/Alert.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/alert'

package/exports/ArrayInput.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/array-input'

package/exports/AutoSuggest.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/auto-suggest'

package/exports/Avatar.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/avatar'

package/exports/Badge.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/badge'

package/exports/Br.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/br'

package/exports/Breadcrumbs.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/breadcrumbs'

package/exports/Button.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/button'

package/exports/Card.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/card'

package/exports/Carousel.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/carousel'

package/exports/Checkbox.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/checkbox'

package/exports/Collapse.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/collapse'

package/exports/ColorPicker.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/color-picker'

package/exports/Colors.tsx

@@ -0,0 +1 @@
+export { Colors as default } from '@startupjs-ui/core'

package/exports/Content.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/content'

package/exports/CssVariables.tsx

@@ -0,0 +1 @@
+export { CssVariables as default } from '@startupjs-ui/core'

package/exports/DateTimePicker.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/date-time-picker'

package/exports/DialogsProvider.tsx

@@ -0,0 +1 @@
+export { DialogsProvider as default } from '@startupjs-ui/dialogs'

package/exports/Div.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/div'

package/exports/Divider.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/divider'

package/exports/DragDropProvider.tsx

@@ -0,0 +1 @@
+export { DragDropProvider as default } from '@startupjs-ui/draggable'

package/exports/Draggable.tsx

@@ -0,0 +1 @@
+export { Draggable as default } from '@startupjs-ui/draggable'

package/exports/Drawer.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/drawer'

package/exports/DrawerSidebar.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/drawer-sidebar'

package/exports/Dropdown.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/dropdown'

package/exports/Droppable.tsx

@@ -0,0 +1 @@
+export { Droppable as default } from '@startupjs-ui/draggable'

package/exports/FileInput.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/file-input'

package/exports/FlatList.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/flat-list'

package/exports/Form.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/form'

package/exports/Icon.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/icon'

package/exports/Input.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/input'

package/exports/Item.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/item'

package/exports/Layout.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/layout'

package/exports/Link.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/link'

package/exports/Loader.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/loader'

package/exports/Menu.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/menu'

package/exports/Modal.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/modal'

package/exports/MultiSelect.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/multi-select'

package/exports/NumberInput.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/number-input'

package/exports/ObjectInput.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/object-input'

package/exports/Pagination.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/pagination'

package/exports/PasswordInput.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/password-input'

package/exports/Popover.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/popover'

package/exports/Portal.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/portal'

package/exports/Progress.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/progress'

package/exports/Radio.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/radio'

package/exports/RangeInput.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/range-input'

package/exports/Rank.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/rank'

package/exports/Rating.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/rating'

package/exports/ScrollView.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/scroll-view'

package/exports/Select.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/select'

package/exports/Sidebar.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/sidebar'

package/exports/SmartSidebar.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/smart-sidebar'

package/exports/Span.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/span'

package/exports/Table.tsx

@@ -0,0 +1 @@
+export { Table as default } from '@startupjs-ui/table'

package/exports/Tabs.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/tabs'

package/exports/Tag.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/tag'

package/exports/Tbody.tsx

@@ -0,0 +1 @@
+export { Tbody as default } from '@startupjs-ui/table'

package/exports/Td.tsx

@@ -0,0 +1 @@
+export { Td as default } from '@startupjs-ui/table'

package/exports/TextInput.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/text-input'

package/exports/Th.tsx

@@ -0,0 +1 @@
+export { Th as default } from '@startupjs-ui/table'

package/exports/Thead.tsx

@@ -0,0 +1 @@
+export { Thead as default } from '@startupjs-ui/table'

package/exports/ThemeContext.tsx

@@ -0,0 +1 @@
+export { ThemeContext as default } from '@startupjs-ui/core'

package/exports/ThemeProvider.tsx

@@ -0,0 +1 @@
+export { ThemeProvider as default } from '@startupjs-ui/core'

package/exports/Toast.tsx

@@ -0,0 +1 @@
+export { Toast as default } from '@startupjs-ui/toast'

package/exports/ToastProvider.tsx

@@ -0,0 +1 @@
+export { ToastProvider as default } from '@startupjs-ui/toast'

package/exports/Tr.tsx

@@ -0,0 +1 @@
+export { Tr as default } from '@startupjs-ui/table'

package/exports/UiProvider.tsx

@@ -0,0 +1 @@
+export { default } from '../UiProvider'

package/exports/User.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/user'

package/exports/_DEPRECATED_H1.tsx

@@ -0,0 +1,3 @@
+export default function H1 () {
+  throw Error('H1 component is removed. Please use <Span h1> instead.')
+}

package/exports/_DEPRECATED_H2.tsx

@@ -0,0 +1,3 @@
+export default function H2 () {
+  throw Error('H2 component is removed. Please use <Span h2> instead.')
+}

package/exports/_DEPRECATED_H3.tsx

@@ -0,0 +1,3 @@
+export default function H3 () {
+  throw Error('H3 component is removed. Please use <Span h3> instead.')
+}

package/exports/_DEPRECATED_H4.tsx

@@ -0,0 +1,3 @@
+export default function H4 () {
+  throw Error('H4 component is removed. Please use <Span h4> instead.')
+}

package/exports/_DEPRECATED_H5.tsx

@@ -0,0 +1,3 @@
+export default function H5 () {
+  throw Error('H5 component is removed. Please use <Span h5> instead.')
+}

package/exports/_DEPRECATED_H6.tsx

@@ -0,0 +1,3 @@
+export default function H6 () {
+  throw Error('H6 component is removed. Please use <Span h6> instead.')
+}

package/exports/_DEPRECATED_Multiselect.tsx

@@ -0,0 +1,3 @@
+export default function Multiselect () {
+  throw Error('Multiselect component is renamed. Please use <MultiSelect> instead.')
+}

package/exports/_DEPRECATED_Row.tsx

@@ -0,0 +1,3 @@
+export default function Row () {
+  throw Error('Row component is removed. Please use <Div row> instead.')
+}

package/exports/_DEPRECATED_Tooltip.tsx

@@ -0,0 +1,3 @@
+export default function Tooltip () {
+  throw Error('Tooltip component is removed. Please use <Div tooltip=\'text\'> or <Popover> or <Dropdown> instead.')
+}

package/exports/_alert.tsx

@@ -0,0 +1 @@
+export { alert as default } from '@startupjs-ui/dialogs'

package/exports/_toast.tsx

@@ -0,0 +1 @@
+export { toast as default } from '@startupjs-ui/toast'

package/exports/confirm.tsx

@@ -0,0 +1 @@
+export { confirm as default } from '@startupjs-ui/dialogs'

package/exports/deleteFile.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/file-input/deleteFile'

package/exports/generateColors.tsx

@@ -0,0 +1 @@
+export { generateColors as default } from '@startupjs-ui/core'

package/exports/getCssVariable.tsx

@@ -0,0 +1 @@
+export { getCssVariable as default } from '@startupjs-ui/core'

package/exports/guessInput.tsx

@@ -0,0 +1 @@
+export { guessInput as default } from '@startupjs-ui/input'

package/exports/palette.tsx

@@ -0,0 +1 @@
+export { Palette as default } from '@startupjs-ui/core'

package/exports/prompt.tsx

@@ -0,0 +1 @@
+export { prompt as default } from '@startupjs-ui/dialogs'

package/exports/themed.tsx

@@ -0,0 +1 @@
+export { themed as default } from '@startupjs-ui/core'

package/exports/uploadFile.tsx

@@ -0,0 +1 @@
+export { default } from '@startupjs-ui/file-input/uploadFile'

package/exports/useColors.tsx

@@ -0,0 +1 @@
+export { useColors as default } from '@startupjs-ui/core'

package/exports/useFormFields$.tsx

@@ -0,0 +1 @@
+export { useFormFields$ as default } from '@startupjs-ui/form'

package/exports/useFormFields.tsx

@@ -0,0 +1 @@
+export { useFormFields as default } from '@startupjs-ui/form'

package/exports/useFormProps.tsx

@@ -0,0 +1 @@
+export { useFormProps as default } from '@startupjs-ui/form'

package/exports/useMedia.tsx

@@ -0,0 +1 @@
+export { useMedia as default } from '@startupjs-ui/core'

package/exports/useValidate.tsx

@@ -0,0 +1 @@
+export { useValidate as default } from '@startupjs-ui/form'

package/exports/wrapInput.tsx

@@ -0,0 +1 @@
+export { wrapInput as default } from '@startupjs-ui/input'

package/index.tsx

@@ -0,0 +1,114 @@
+// IMPORTANT: This file exports should match package.json/exports
+//            which are used by 'babel-plugin-startupjs' to generate
+//            precise components' import paths for tree-shaking
+//
+export { default as Alert } from '@startupjs-ui/alert'
+export { default as AutoSuggest } from '@startupjs-ui/auto-suggest'
+export { default as Avatar } from '@startupjs-ui/avatar'
+export { default as Badge } from '@startupjs-ui/badge'
+export { default as Br } from '@startupjs-ui/br'
+export { default as Breadcrumbs } from '@startupjs-ui/breadcrumbs'
+export { default as Button } from '@startupjs-ui/button'
+export { default as Card } from '@startupjs-ui/card'
+export { default as Carousel } from '@startupjs-ui/carousel'
+export { default as Collapse } from '@startupjs-ui/collapse'
+export { default as Content } from '@startupjs-ui/content'
+
+// dialogs
+export { DialogsProvider, alert, confirm, prompt } from '@startupjs-ui/dialogs'
+
+export { default as Div } from '@startupjs-ui/div'
+export { default as Divider } from '@startupjs-ui/divider'
+
+// draggable
+export { DragDropProvider, Draggable, Droppable } from '@startupjs-ui/draggable'
+
+export { default as DrawerSidebar } from '@startupjs-ui/drawer-sidebar'
+export { default as FlatList } from '@startupjs-ui/flat-list'
+
+// inputs
+export { wrapInput, guessInput } from '@startupjs-ui/input'
+export { default as Form, useFormProps } from '@startupjs-ui/form'
+export { default as Input } from '@startupjs-ui/input'
+export { default as ArrayInput } from '@startupjs-ui/array-input'
+export { default as Checkbox } from '@startupjs-ui/checkbox'
+export { default as ColorPicker } from '@startupjs-ui/color-picker'
+export { default as DateTimePicker } from '@startupjs-ui/date-time-picker'
+export { default as MultiSelect } from '@startupjs-ui/multi-select'
+export { default as Multiselect } from './exports/_DEPRECATED_Multiselect'
+export { default as NumberInput } from '@startupjs-ui/number-input'
+export { default as ObjectInput } from '@startupjs-ui/object-input'
+export { default as PasswordInput } from '@startupjs-ui/password-input'
+export { default as Radio } from '@startupjs-ui/radio'
+export { default as RangeInput } from '@startupjs-ui/range-input'
+export { default as Rank } from '@startupjs-ui/rank'
+export { default as Select } from '@startupjs-ui/select'
+export { default as TextInput } from '@startupjs-ui/text-input'
+export { default as FileInput } from '@startupjs-ui/file-input'
+export { default as deleteFile } from '@startupjs-ui/file-input/deleteFile'
+export { default as uploadFile } from '@startupjs-ui/file-input/uploadFile'
+
+export { default as Icon } from '@startupjs-ui/icon'
+export { default as Item } from '@startupjs-ui/item'
+export { default as Layout } from '@startupjs-ui/layout'
+export { default as Link } from '@startupjs-ui/link'
+export { default as Loader } from '@startupjs-ui/loader'
+export { default as Menu } from '@startupjs-ui/menu'
+export { default as Modal } from '@startupjs-ui/modal'
+export { default as Pagination } from '@startupjs-ui/pagination'
+
+// popups
+export { default as AbstractPopover } from '@startupjs-ui/abstract-popover'
+export { default as Drawer } from '@startupjs-ui/drawer'
+export { default as Popover } from '@startupjs-ui/popover'
+export { default as Dropdown } from '@startupjs-ui/dropdown'
+
+export { default as Portal } from '@startupjs-ui/portal'
+export { default as Progress } from '@startupjs-ui/progress'
+export { default as Rating } from '@startupjs-ui/rating'
+export { default as Row } from './exports/_DEPRECATED_Row'
+export { default as ScrollView } from '@startupjs-ui/scroll-view'
+export { default as Sidebar } from '@startupjs-ui/sidebar'
+export { default as SmartSidebar } from '@startupjs-ui/smart-sidebar'
+
+// table
+export { Table, Tbody, Td, Th, Thead, Tr } from '@startupjs-ui/table'
+
+export { default as Tabs } from '@startupjs-ui/tabs'
+export { default as Tag } from '@startupjs-ui/tag'
+
+// toast
+export { ToastProvider, Toast, toast } from '@startupjs-ui/toast'
+
+export { default as Tooltip } from './exports/_DEPRECATED_Tooltip'
+
+// typography
+export { default as Span } from '@startupjs-ui/span'
+export { default as H1 } from './exports/_DEPRECATED_H1'
+export { default as H2 } from './exports/_DEPRECATED_H2'
+export { default as H3 } from './exports/_DEPRECATED_H3'
+export { default as H4 } from './exports/_DEPRECATED_H4'
+export { default as H5 } from './exports/_DEPRECATED_H5'
+export { default as H6 } from './exports/_DEPRECATED_H6'
+
+export { default as User } from '@startupjs-ui/user'
+
+// theming
+export {
+  CssVariables,
+  palette,
+  generateColors,
+  getCssVariable,
+  Palette,
+  Colors,
+  themed,
+  ThemeProvider,
+  ThemeContext
+} from '@startupjs-ui/core'
+
+// hooks
+export { useMedia, useColors } from '@startupjs-ui/core'
+export { useFormFields, useFormFields$, useValidate } from '@startupjs-ui/form'
+
+// UiProvider
+export { default as UiProvider } from './UiProvider'

package/package.json

@@ -1,11 +1,178 @@
 {
   "name": "startupjs-ui",
   "description": "Universal React-Native and Web UI components",
+  "version": "0.1.3",
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.1",
   "type": "module",
+  "exports": {
+    ".": "./index.tsx",
+    "./plugin": "./plugin.js",
+    "./Alert": "./exports/Alert.tsx",
+    "./AutoSuggest": "./exports/AutoSuggest.tsx",
+    "./Avatar": "./exports/Avatar.tsx",
+    "./Badge": "./exports/Badge.tsx",
+    "./Br": "./exports/Br.tsx",
+    "./Breadcrumbs": "./exports/Breadcrumbs.tsx",
+    "./Button": "./exports/Button.tsx",
+    "./Card": "./exports/Card.tsx",
+    "./Carousel": "./exports/Carousel.tsx",
+    "./Collapse": "./exports/Collapse.tsx",
+    "./Content": "./exports/Content.tsx",
+    "./DialogsProvider": "./exports/DialogsProvider.tsx",
+    "./alert": "./exports/_alert.tsx",
+    "./confirm": "./exports/confirm.tsx",
+    "./prompt": "./exports/prompt.tsx",
+    "./Div": "./exports/Div.tsx",
+    "./Divider": "./exports/Divider.tsx",
+    "./DragDropProvider": "./exports/DragDropProvider.tsx",
+    "./Draggable": "./exports/Draggable.tsx",
+    "./Droppable": "./exports/Droppable.tsx",
+    "./DrawerSidebar": "./exports/DrawerSidebar.tsx",
+    "./FlatList": "./exports/FlatList.tsx",
+    "./wrapInput": "./exports/wrapInput.tsx",
+    "./guessInput": "./exports/guessInput.tsx",
+    "./Form": "./exports/Form.tsx",
+    "./useFormProps": "./exports/useFormProps.tsx",
+    "./Input": "./exports/Input.tsx",
+    "./ArrayInput": "./exports/ArrayInput.tsx",
+    "./Checkbox": "./exports/Checkbox.tsx",
+    "./ColorPicker": "./exports/ColorPicker.tsx",
+    "./DateTimePicker": "./exports/DateTimePicker.tsx",
+    "./MultiSelect": "./exports/MultiSelect.tsx",
+    "./Multiselect": "./exports/_DEPRECATED_Multiselect.tsx",
+    "./NumberInput": "./exports/NumberInput.tsx",
+    "./ObjectInput": "./exports/ObjectInput.tsx",
+    "./PasswordInput": "./exports/PasswordInput.tsx",
+    "./Radio": "./exports/Radio.tsx",
+    "./RangeInput": "./exports/RangeInput.tsx",
+    "./Rank": "./exports/Rank.tsx",
+    "./Select": "./exports/Select.tsx",
+    "./TextInput": "./exports/TextInput.tsx",
+    "./FileInput": "./exports/FileInput.tsx",
+    "./deleteFile": "./exports/deleteFile.tsx",
+    "./uploadFile": "./exports/uploadFile.tsx",
+    "./Icon": "./exports/Icon.tsx",
+    "./Item": "./exports/Item.tsx",
+    "./Layout": "./exports/Layout.tsx",
+    "./Link": "./exports/Link.tsx",
+    "./Loader": "./exports/Loader.tsx",
+    "./Menu": "./exports/Menu.tsx",
+    "./Modal": "./exports/Modal.tsx",
+    "./Pagination": "./exports/Pagination.tsx",
+    "./AbstractPopover": "./exports/AbstractPopover.tsx",
+    "./Drawer": "./exports/Drawer.tsx",
+    "./Popover": "./exports/Popover.tsx",
+    "./Dropdown": "./exports/Dropdown.tsx",
+    "./Portal": "./exports/Portal.tsx",
+    "./Progress": "./exports/Progress.tsx",
+    "./Rating": "./exports/Rating.tsx",
+    "./Row": "./exports/_DEPRECATED_Row.tsx",
+    "./ScrollView": "./exports/ScrollView.tsx",
+    "./Sidebar": "./exports/Sidebar.tsx",
+    "./SmartSidebar": "./exports/SmartSidebar.tsx",
+    "./Table": "./exports/Table.tsx",
+    "./Tbody": "./exports/Tbody.tsx",
+    "./Td": "./exports/Td.tsx",
+    "./Th": "./exports/Th.tsx",
+    "./Thead": "./exports/Thead.tsx",
+    "./Tr": "./exports/Tr.tsx",
+    "./Tabs": "./exports/Tabs.tsx",
+    "./Tag": "./exports/Tag.tsx",
+    "./ToastProvider": "./exports/ToastProvider.tsx",
+    "./Toast": "./exports/Toast.tsx",
+    "./toast": "./exports/_toast.tsx",
+    "./Tooltip": "./exports/_DEPRECATED_Tooltip.tsx",
+    "./Span": "./exports/Span.tsx",
+    "./H1": "./exports/_DEPRECATED_H1.tsx",
+    "./H2": "./exports/_DEPRECATED_H2.tsx",
+    "./H3": "./exports/_DEPRECATED_H3.tsx",
+    "./H4": "./exports/_DEPRECATED_H4.tsx",
+    "./H5": "./exports/_DEPRECATED_H5.tsx",
+    "./H6": "./exports/_DEPRECATED_H6.tsx",
+    "./User": "./exports/User.tsx",
+    "./CssVariables": "./exports/CssVariables.tsx",
+    "./palette": "./exports/palette.tsx",
+    "./generateColors": "./exports/generateColors.tsx",
+    "./getCssVariable": "./exports/getCssVariable.tsx",
+    "./Palette": "./exports/Palette.tsx",
+    "./Colors": "./exports/Colors.tsx",
+    "./themed": "./exports/themed.tsx",
+    "./ThemeProvider": "./exports/ThemeProvider.tsx",
+    "./ThemeContext": "./exports/ThemeContext.tsx",
+    "./useMedia": "./exports/useMedia.tsx",
+    "./useColors": "./exports/useColors.tsx",
+    "./useFormFields": "./exports/useFormFields.tsx",
+    "./useFormFields$": "./exports/useFormFields$.tsx",
+    "./useValidate": "./exports/useValidate.tsx",
+    "./UiProvider": "./exports/UiProvider.tsx"
+  },
+  "dependencies": {
+    "@startupjs-ui/abstract-popover": "^0.1.3",
+    "@startupjs-ui/alert": "^0.1.3",
+    "@startupjs-ui/array-input": "^0.1.3",
+    "@startupjs-ui/auto-suggest": "^0.1.3",
+    "@startupjs-ui/avatar": "^0.1.3",
+    "@startupjs-ui/badge": "^0.1.3",
+    "@startupjs-ui/br": "^0.1.3",
+    "@startupjs-ui/breadcrumbs": "^0.1.3",
+    "@startupjs-ui/button": "^0.1.3",
+    "@startupjs-ui/card": "^0.1.3",
+    "@startupjs-ui/carousel": "^0.1.3",
+    "@startupjs-ui/checkbox": "^0.1.3",
+    "@startupjs-ui/collapse": "^0.1.3",
+    "@startupjs-ui/color-picker": "^0.1.3",
+    "@startupjs-ui/content": "^0.1.3",
+    "@startupjs-ui/core": "^0.1.3",
+    "@startupjs-ui/date-time-picker": "^0.1.3",
+    "@startupjs-ui/dialogs": "^0.1.3",
+    "@startupjs-ui/div": "^0.1.3",
+    "@startupjs-ui/divider": "^0.1.3",
+    "@startupjs-ui/draggable": "^0.1.3",
+    "@startupjs-ui/drawer": "^0.1.3",
+    "@startupjs-ui/drawer-sidebar": "^0.1.3",
+    "@startupjs-ui/dropdown": "^0.1.3",
+    "@startupjs-ui/file-input": "^0.1.3",
+    "@startupjs-ui/flat-list": "^0.1.3",
+    "@startupjs-ui/form": "^0.1.3",
+    "@startupjs-ui/icon": "^0.1.3",
+    "@startupjs-ui/input": "^0.1.3",
+    "@startupjs-ui/item": "^0.1.3",
+    "@startupjs-ui/layout": "^0.1.3",
+    "@startupjs-ui/link": "^0.1.3",
+    "@startupjs-ui/loader": "^0.1.3",
+    "@startupjs-ui/menu": "^0.1.3",
+    "@startupjs-ui/modal": "^0.1.3",
+    "@startupjs-ui/multi-select": "^0.1.3",
+    "@startupjs-ui/number-input": "^0.1.3",
+    "@startupjs-ui/object-input": "^0.1.3",
+    "@startupjs-ui/pagination": "^0.1.3",
+    "@startupjs-ui/password-input": "^0.1.3",
+    "@startupjs-ui/popover": "^0.1.3",
+    "@startupjs-ui/portal": "^0.1.3",
+    "@startupjs-ui/progress": "^0.1.3",
+    "@startupjs-ui/radio": "^0.1.3",
+    "@startupjs-ui/range-input": "^0.1.3",
+    "@startupjs-ui/rank": "^0.1.3",
+    "@startupjs-ui/rating": "^0.1.3",
+    "@startupjs-ui/scroll-view": "^0.1.3",
+    "@startupjs-ui/select": "^0.1.3",
+    "@startupjs-ui/sidebar": "^0.1.3",
+    "@startupjs-ui/smart-sidebar": "^0.1.3",
+    "@startupjs-ui/span": "^0.1.3",
+    "@startupjs-ui/table": "^0.1.3",
+    "@startupjs-ui/tabs": "^0.1.3",
+    "@startupjs-ui/tag": "^0.1.3",
+    "@startupjs-ui/text-input": "^0.1.3",
+    "@startupjs-ui/toast": "^0.1.3",
+    "@startupjs-ui/user": "^0.1.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "startupjs": "*"
+  },
   "license": "MIT",
-  "gitHead": "da5f3c2a20f6d976d8c48f679a1242ca98217f00"
+  "gitHead": "fd964ebc3892d3dd0a6c85438c0af619cc50c3f0"
 }

package/plugin.js

@@ -0,0 +1,44 @@
+import { createElement as el } from 'react'
+import { createPlugin, ROOT_MODULE as MODULE } from 'startupjs/registry'
+import { setCustomInputs } from '@startupjs-ui/input/globalCustomInputs'
+import { setCustomIcons } from '@startupjs-ui/icon/globalCustomIcons'
+import UiProvider from './UiProvider'
+
+let hasCustomElementsInitialized = false
+
+export default createPlugin({
+  name: 'ui',
+  enabled: true,
+  order: 'system ui',
+  client: (props) => ({
+    renderRoot ({ children }) {
+      if (!hasCustomElementsInitialized) {
+        hasCustomElementsInitialized = true
+        const mergePlugins = (hookName, errorMessage, setFunction) => {
+          const data = MODULE.hook(hookName)
+            .reduce((allItems, pluginItems = {}) => {
+              for (const item in pluginItems) {
+                if (allItems[item]) {
+                  console.warn(errorMessage(item))
+                }
+              }
+              return { ...allItems, ...pluginItems }
+            }, {})
+          setFunction(data)
+        }
+        mergePlugins('customIcons', ERRORS.iconAlreadyDefined, setCustomIcons)
+        mergePlugins('customInputs', ERRORS.inputAlreadyDefined, setCustomInputs)
+      }
+      return el(UiProvider, props, children)
+    }
+  })
+})
+
+const ERRORS = {
+  inputAlreadyDefined: input => `
+    Custom input type "${input}" is already defined by another plugin. It will be overridden!
+  `,
+  iconAlreadyDefined: icon => `
+    Custom icons "${icon}" is already defined by another plugin. It will be overridden!
+  `
+}

package/CHANGELOG.md

@@ -1,9 +0,0 @@
-# v0.1.1 (Sun Nov 16 2025)
-
-#### ⚠️ Pushed to `master`
-
-- initial ([@cray0000](https://github.com/cray0000))
-
-#### Authors: 1
-
-- Pavel Zhukov ([@cray0000](https://github.com/cray0000))