@startupjs-ui/loader 0.1.3

package/CHANGELOG.md

@@ -0,0 +1,27 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [0.1.3](https://github.com/startupjs/startupjs-ui/compare/v0.1.2...v0.1.3) (2025-12-29)
+
+**Note:** Version bump only for package @startupjs-ui/loader
+
+
+
+
+
+## [0.1.2](https://github.com/startupjs/startupjs-ui/compare/v0.1.1...v0.1.2) (2025-12-29)
+
+
+### Bug Fixes
+
+* **div:** Refactor to use Pressable and get rid of an extra wrapper when the Div is pressable ([9e7c852](https://github.com/startupjs/startupjs-ui/commit/9e7c852f383f540cab58b7a31aba0bd64a531adc))
+
+
+### Features
+
+* add Loader ([b042db3](https://github.com/startupjs/startupjs-ui/commit/b042db357b311badfeabedd43193632e2ab92537))
+* add mdx and docs packages. Refactor docs to get rid of any @startupjs/ui usage and use startupjs-ui instead ([703c926](https://github.com/startupjs/startupjs-ui/commit/703c92636efb0421ffd11783f692fc892b74018f))
+* auto-generate .d.ts files for components on commit ([7d51efe](https://github.com/startupjs/startupjs-ui/commit/7d51efed601aabd217670490ae1cd438b7852970))
+* **tag:** refactor Tag component. Add support for handling extension of Omit<> interfaces ([01f4833](https://github.com/startupjs/startupjs-ui/commit/01f483350ad61f8ecad9d11f20d7e56e3dc35952))

package/README.mdx

@@ -0,0 +1,54 @@
+import Loader, { _PropsJsonSchema as LoaderPropsJsonSchema } from './index'
+import Div from '@startupjs-ui/div'
+import { Sandbox } from '@startupjs-ui/docs'
+
+# Loader
+
+Loaders are used to show a wait time.
+
+```jsx
+import { Loader } from 'startupjs-ui'
+```
+
+## Simple example
+
+```jsx example
+return (
+  <Loader />
+)
+```
+
+## Sizes
+
+Loaders can be of two sizes - `s` and `m` (default).
+
+```jsx example
+return (
+  <Div row align='around'>
+    <Loader size='s' />
+    <Loader size='m' />
+  </Div>
+)
+```
+
+## Colors
+
+Color is `text-description` by default. It can be changed by passing color name from the config colors to `color` property. Possible values of property can be found in the `Sandbox` section at the bottom of the page.
+
+```jsx example
+return (
+  <Div row align='around'>
+    <Loader />
+    <Loader color='success' />
+    <Loader color='error' />
+    <Loader color='warning' />
+  </Div>
+)
+```
+
+## Sandbox
+
+<Sandbox
+  Component={Loader}
+  propsJsonSchema={LoaderPropsJsonSchema}
+/>

package/index.d.ts

@@ -0,0 +1,13 @@
+/* eslint-disable */
+// DO NOT MODIFY THIS FILE - IT IS AUTOMATICALLY GENERATED ON COMMITS.
+
+import { type ActivityIndicatorProps } from 'react-native';
+declare const _default: import("react").ComponentType<LoaderProps>;
+export default _default;
+export declare const _PropsJsonSchema: {};
+export interface LoaderProps extends Omit<ActivityIndicatorProps, 'size' | 'color' | 'children'> {
+    /** Color token defined in Colors @default 'text-description' */
+    color?: string;
+    /** Component size @default 'm' */
+    size?: 's' | 'm';
+}

package/index.tsx

@@ -0,0 +1,35 @@
+import { type ReactNode } from 'react'
+import { ActivityIndicator, type ActivityIndicatorProps } from 'react-native'
+import { pug, observer } from 'startupjs'
+import { Colors, themed, useColors } from '@startupjs-ui/core'
+
+const SIZES = { s: 'small', m: 'large' }
+
+export default observer(themed('Loader', Loader))
+
+export const _PropsJsonSchema = {/* LoaderProps */}
+
+export interface LoaderProps extends Omit<ActivityIndicatorProps, 'size' | 'color' | 'children'> {
+  /** Color token defined in Colors @default 'text-description' */
+  color?: string
+  /** Component size @default 'm' */
+  size?: 's' | 'm'
+}
+
+function Loader ({
+  color = Colors['text-description'],
+  size = 'm',
+  ...props
+}: LoaderProps): ReactNode {
+  const getColor = useColors()
+  const _color = getColor(color)
+  if (!_color) console.error('Loader component: Color for color property is incorrect. Use colors from Colors')
+
+  return pug`
+    ActivityIndicator(
+      color=_color
+      size=SIZES[size]
+      ...props
+    )
+  `
+}

package/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@startupjs-ui/loader",
+  "version": "0.1.3",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "index.tsx",
+  "types": "index.d.ts",
+  "type": "module",
+  "dependencies": {
+    "@startupjs-ui/core": "^0.1.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "startupjs": "*"
+  },
+  "gitHead": "fd964ebc3892d3dd0a6c85438c0af619cc50c3f0"
+}