aplance-ui 1.0.1

package/registry/registry.json

@@ -0,0 +1,719 @@
+{
+  "$schema": "https://ui.aplance.com/registry.schema.json",
+  "version": 3,
+  "generated": "2026-05-10T12:02:29.390Z",
+  "units": [
+    {
+      "name": "accordion",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/accordion/accordion.module.css",
+        "components/ui/accordion/accordion.tsx"
+      ],
+      "deps": [
+        "useResizeObserver"
+      ],
+      "externalDeps": [
+        "@tabler/icons-react",
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "avatar",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/avatar/avatar.module.css",
+        "components/ui/avatar/avatar.tsx"
+      ],
+      "deps": [
+        "lib-string"
+      ],
+      "externalDeps": [
+        "clsx"
+      ]
+    },
+    {
+      "name": "badge",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/badge/badge.module.css",
+        "components/ui/badge/badge.tsx"
+      ],
+      "deps": [],
+      "externalDeps": [
+        "clsx"
+      ]
+    },
+    {
+      "name": "button",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/button/button.module.css",
+        "components/ui/button/button.tsx"
+      ],
+      "deps": [],
+      "externalDeps": [
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "chart",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/chart/chart.module.css",
+        "components/ui/chart/chart.tsx",
+        "components/ui/chart/types.ts",
+        "components/ui/chart/utils.ts"
+      ],
+      "deps": [
+        "loader"
+      ],
+      "externalDeps": [
+        "clsx",
+        "react",
+        "recharts"
+      ]
+    },
+    {
+      "name": "color-picker",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/input-fields/color-picker/color-palette.module.css",
+        "components/ui/input-fields/color-picker/color-palette.tsx",
+        "components/ui/input-fields/color-picker/color-picker.module.css",
+        "components/ui/input-fields/color-picker/color-picker.tsx"
+      ],
+      "deps": [
+        "button",
+        "field-message",
+        "popover"
+      ],
+      "externalDeps": [
+        "clsx",
+        "react",
+        "react-colorful"
+      ]
+    },
+    {
+      "name": "copy-button",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/copy-button/copy-button.module.css",
+        "components/ui/copy-button/copy-button.tsx"
+      ],
+      "deps": [
+        "button"
+      ],
+      "externalDeps": [
+        "@tabler/icons-react",
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "countdown",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/countdown/countdown.module.css",
+        "components/ui/countdown/countdown.tsx"
+      ],
+      "deps": [],
+      "externalDeps": [
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "custom-select",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/input-fields/custom-select/custom-select.module.css",
+        "components/ui/input-fields/custom-select/custom-select.tsx"
+      ],
+      "deps": [
+        "button",
+        "field-message",
+        "icon",
+        "input",
+        "popover"
+      ],
+      "externalDeps": [
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "data-table",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/data-table/checkbox-column.tsx",
+        "components/ui/data-table/data-table.module.css",
+        "components/ui/data-table/data-table.tsx",
+        "components/ui/data-table/filter-bar.tsx",
+        "components/ui/data-table/pagination-bar.tsx",
+        "components/ui/data-table/types.ts",
+        "components/ui/data-table/useDataTable.tsx",
+        "components/ui/data-table/utils.ts"
+      ],
+      "deps": [
+        "button",
+        "custom-select",
+        "input",
+        "lib-dom",
+        "loader",
+        "tooltip"
+      ],
+      "externalDeps": [
+        "@tabler/icons-react",
+        "@tanstack/react-table",
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "date-picker",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/input-fields/date-picker/calendar.module.css",
+        "components/ui/input-fields/date-picker/calendar.tsx",
+        "components/ui/input-fields/date-picker/date-picker.module.css",
+        "components/ui/input-fields/date-picker/date-picker.tsx",
+        "components/ui/input-fields/date-picker/types.ts",
+        "components/ui/input-fields/date-picker/utils.ts"
+      ],
+      "deps": [
+        "button",
+        "custom-select",
+        "field-message",
+        "icon",
+        "input",
+        "popover",
+        "time-picker"
+      ],
+      "externalDeps": [
+        "@tabler/icons-react",
+        "clsx",
+        "react",
+        "react-day-picker"
+      ]
+    },
+    {
+      "name": "emoji-picker",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/input-fields/emoji-picker/emoji-palette.module.css",
+        "components/ui/input-fields/emoji-picker/emoji-palette.tsx",
+        "components/ui/input-fields/emoji-picker/emoji-picker.module.css",
+        "components/ui/input-fields/emoji-picker/emoji-picker.tsx",
+        "components/ui/input-fields/emoji-picker/utils.ts"
+      ],
+      "deps": [
+        "button",
+        "field-message",
+        "icon",
+        "input",
+        "popover"
+      ],
+      "externalDeps": [
+        "@tabler/icons-react",
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "empty-state",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/empty-state/empty-state.module.css",
+        "components/ui/empty-state/empty-state.tsx"
+      ],
+      "deps": [
+        "icon"
+      ],
+      "externalDeps": [
+        "react"
+      ]
+    },
+    {
+      "name": "field-group",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/input-fields/field-group/field-group.module.css",
+        "components/ui/input-fields/field-group/field-group.tsx"
+      ],
+      "deps": [
+        "field-message"
+      ],
+      "externalDeps": [
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "field-message",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/input-fields/common/field-message/field-message.module.css",
+        "components/ui/input-fields/common/field-message/field-message.tsx",
+        "components/ui/input-fields/common/input-field-common.module.css",
+        "components/ui/input-fields/common/input-field-native.module.css",
+        "components/ui/input-fields/common/picker-popover-common.module.css",
+        "components/ui/input-fields/common/select-button/select-button.module.css",
+        "components/ui/input-fields/common/select-button/select-button.tsx",
+        "components/ui/input-fields/common/types.ts"
+      ],
+      "deps": [
+        "button",
+        "icon",
+        "popover",
+        "tooltip"
+      ],
+      "externalDeps": [
+        "@tabler/icons-react",
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "icon",
+      "kind": "component",
+      "group": "primitives",
+      "files": [
+        "components/primitives/icon/icon.module.css",
+        "components/primitives/icon/icon.tsx"
+      ],
+      "deps": [],
+      "externalDeps": [
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "input",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/input-fields/input/input.tsx"
+      ],
+      "deps": [
+        "button",
+        "field-message",
+        "icon"
+      ],
+      "externalDeps": [
+        "@tabler/icons-react",
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "lib-dom",
+      "kind": "lib",
+      "group": null,
+      "files": [
+        "lib/dom.ts"
+      ],
+      "deps": [],
+      "externalDeps": []
+    },
+    {
+      "name": "lib-string",
+      "kind": "lib",
+      "group": null,
+      "files": [
+        "lib/string.ts"
+      ],
+      "deps": [],
+      "externalDeps": []
+    },
+    {
+      "name": "loader",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/loader/loader.module.css",
+        "components/ui/loader/loader.tsx"
+      ],
+      "deps": [],
+      "externalDeps": [
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "media-input",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/input-fields/media-input/kind-icons.tsx",
+        "components/ui/input-fields/media-input/media-input.module.css",
+        "components/ui/input-fields/media-input/media-input.tsx",
+        "components/ui/input-fields/media-input/media-preview.tsx",
+        "components/ui/input-fields/media-input/types.ts",
+        "components/ui/input-fields/media-input/useMediaUpload.tsx",
+        "components/ui/input-fields/media-input/utils.ts"
+      ],
+      "deps": [
+        "button",
+        "field-message",
+        "icon"
+      ],
+      "externalDeps": [
+        "@tabler/icons-react",
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "modal",
+      "kind": "component",
+      "group": "primitives",
+      "files": [
+        "components/primitives/modal/modal-context.ts",
+        "components/primitives/modal/modal.module.css",
+        "components/primitives/modal/modal.tsx"
+      ],
+      "deps": [
+        "button",
+        "icon",
+        "useFocusOutside"
+      ],
+      "externalDeps": [
+        "@tabler/icons-react",
+        "clsx",
+        "react",
+        "react-dom"
+      ]
+    },
+    {
+      "name": "otp-input",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/input-fields/otp-input/otp-input.module.css",
+        "components/ui/input-fields/otp-input/otp-input.tsx"
+      ],
+      "deps": [
+        "button",
+        "field-message"
+      ],
+      "externalDeps": [
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "popover",
+      "kind": "component",
+      "group": "primitives",
+      "files": [
+        "components/primitives/popover/popover-context.ts",
+        "components/primitives/popover/popover.module.css",
+        "components/primitives/popover/popover.tsx"
+      ],
+      "deps": [
+        "useFocusOutside"
+      ],
+      "externalDeps": [
+        "clsx",
+        "react",
+        "react-dom"
+      ]
+    },
+    {
+      "name": "select",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/input-fields/select/select.tsx"
+      ],
+      "deps": [
+        "button",
+        "field-message",
+        "icon"
+      ],
+      "externalDeps": [
+        "@tabler/icons-react",
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "stepper",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/stepper/stepper.module.css",
+        "components/ui/stepper/stepper.tsx"
+      ],
+      "deps": [],
+      "externalDeps": [
+        "@tabler/icons-react",
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "switch",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/input-fields/switch/switch.module.css",
+        "components/ui/input-fields/switch/switch.tsx"
+      ],
+      "deps": [
+        "field-message"
+      ],
+      "externalDeps": [
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "tabs",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/tabs/tabs.module.css",
+        "components/ui/tabs/tabs.tsx"
+      ],
+      "deps": [
+        "useResizeObserver"
+      ],
+      "externalDeps": [
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "textarea",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/input-fields/textarea/textarea.tsx"
+      ],
+      "deps": [
+        "button",
+        "field-message"
+      ],
+      "externalDeps": [
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "time-picker",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/input-fields/time-picker/time-picker.module.css",
+        "components/ui/input-fields/time-picker/time-picker.tsx"
+      ],
+      "deps": [
+        "button",
+        "field-message",
+        "icon",
+        "popover"
+      ],
+      "externalDeps": [
+        "@tabler/icons-react",
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "toast",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/toast/toast.module.css",
+        "components/ui/toast/toast.tsx"
+      ],
+      "deps": [],
+      "externalDeps": [
+        "sonner"
+      ]
+    },
+    {
+      "name": "tooltip",
+      "kind": "component",
+      "group": "ui",
+      "files": [
+        "components/ui/tooltip/tooltip.module.css",
+        "components/ui/tooltip/tooltip.tsx"
+      ],
+      "deps": [
+        "popover"
+      ],
+      "externalDeps": [
+        "clsx",
+        "react"
+      ]
+    },
+    {
+      "name": "useFocusOutside",
+      "kind": "hook",
+      "group": null,
+      "files": [
+        "hooks/useFocusOutside.tsx"
+      ],
+      "deps": [],
+      "externalDeps": [
+        "react"
+      ]
+    },
+    {
+      "name": "useResizeObserver",
+      "kind": "hook",
+      "group": null,
+      "files": [
+        "hooks/useResizeObserver.tsx"
+      ],
+      "deps": [],
+      "externalDeps": [
+        "react"
+      ]
+    }
+  ],
+  "themes": {
+    "colors": [
+      {
+        "id": "default",
+        "label": "Default",
+        "description": "Neutral grayscale - the base palette (no overrides)",
+        "file": ""
+      },
+      {
+        "id": "blue",
+        "label": "Blue",
+        "description": "Classic blue primary",
+        "file": "themes/colors/blue.css"
+      },
+      {
+        "id": "green",
+        "label": "Green",
+        "description": "Fresh green primary",
+        "file": "themes/colors/green.css"
+      },
+      {
+        "id": "rose",
+        "label": "Rose",
+        "description": "Warm pink-leaning primary",
+        "file": "themes/colors/rose.css"
+      },
+      {
+        "id": "slate",
+        "label": "Slate",
+        "description": "Cool neutral with blue undertones",
+        "file": "themes/colors/slate.css"
+      },
+      {
+        "id": "stone",
+        "label": "Stone",
+        "description": "Warm neutral with earthy undertones",
+        "file": "themes/colors/stone.css"
+      },
+      {
+        "id": "violet",
+        "label": "Violet",
+        "description": "Rich purple primary",
+        "file": "themes/colors/violet.css"
+      },
+      {
+        "id": "zinc",
+        "label": "Zinc",
+        "description": "Neutral gray with a cool bias",
+        "file": "themes/colors/zinc.css"
+      }
+    ],
+    "radii": [
+      {
+        "id": "default",
+        "label": "Default",
+        "description": "Standard radius scale (no overrides)",
+        "file": ""
+      },
+      {
+        "id": "pill",
+        "label": "Pill",
+        "description": "Aggressive rounding for pill-shaped controls",
+        "file": "themes/radius/pill.css"
+      },
+      {
+        "id": "rounded",
+        "label": "Rounded",
+        "description": "Softer, more generous corners",
+        "file": "themes/radius/rounded.css"
+      },
+      {
+        "id": "sharp",
+        "label": "Sharp",
+        "description": "Flat, zero-radius surfaces",
+        "file": "themes/radius/sharp.css"
+      }
+    ],
+    "spacing": [
+      {
+        "id": "default",
+        "label": "Default",
+        "description": "Standard spacing scale (no overrides)",
+        "file": ""
+      },
+      {
+        "id": "compact",
+        "label": "Compact",
+        "description": "Tighter gutters, ~80% of the default step",
+        "file": "themes/spacing/compact.css"
+      },
+      {
+        "id": "spacious",
+        "label": "Spacious",
+        "description": "Airier gutters, ~120% of the default step",
+        "file": "themes/spacing/spacious.css"
+      }
+    ]
+  },
+  "installMeta": {
+    "baseDependencies": {
+      "react": ">=19.0.0",
+      "react-dom": ">=19.0.0"
+    },
+    "baseDevDependencies": {
+      "postcss": "^8.4.49",
+      "postcss-preset-env": "^11.1.1",
+      "@csstools/postcss-global-data": "^4.0.0",
+      "autoprefixer": "^10.4.23"
+    },
+    "utilitiesDevDependencies": {
+      "postcss-token-utilities": "^1.5.0"
+    },
+    "packageVersions": {
+      "@tabler/icons-react": "^3.36.1",
+      "@tanstack/react-table": "^8.21.3",
+      "clsx": "^2.1.1",
+      "react": ">=19.0.0",
+      "react-colorful": "^5.6.1",
+      "react-day-picker": "^9.14.0",
+      "react-dom": ">=19.0.0",
+      "recharts": "^2.15.0",
+      "sonner": "^2.0.7"
+    }
+  }
+}