@calcifer-design/ui 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+export { Button } from './components/Button/Button.js';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './components/Button/Button.js';
+export { LinkButton } from './components/Button/LinkButton.js';
+export type { LinkButtonProps } from './components/Button/LinkButton.js';
+export { Tabs } from './components/Tabs/Tabs.js';
+export type { TabsProps, TabItem } from './components/Tabs/Tabs.js';
+export { Card } from './components/Card/Card.js';
+export type { CardProps } from './components/Card/Card.js';
+export { Tag } from './components/Tag/Tag.js';
+export type { TagProps } from './components/Tag/Tag.js';
+export { StatusDot } from './components/StatusDot/StatusDot.js';
+export type { StatusDotProps, RemoteStatus } from './components/StatusDot/StatusDot.js';
+export { SkipLink } from './components/SkipLink/SkipLink.js';
+export type { SkipLinkProps } from './components/SkipLink/SkipLink.js';
+export { LiveRegion } from './components/LiveRegion/LiveRegion.js';
+export type { LiveRegionProps } from './components/LiveRegion/LiveRegion.js';
+export { PageHeading } from './components/PageHeading/PageHeading.js';
+export type { PageHeadingProps } from './components/PageHeading/PageHeading.js';
+export { NavMenu } from './components/NavMenu/NavMenu.js';
+export type { NavMenuProps, NavItem, LinkRenderProps } from './components/NavMenu/NavMenu.js';
+export { useMediaQuery, minWidth } from './hooks/useMediaQuery.js';
+export { DataTable, createColumnHelper } from './components/DataTable/DataTable.js';
+export type { DataTableProps, ColumnDef, SortingState } from './components/DataTable/DataTable.js';

package/dist/index.js

@@ -0,0 +1,12 @@
+export { Button } from "./components/Button/Button.js";
+export { LinkButton } from "./components/Button/LinkButton.js";
+export { Tabs } from "./components/Tabs/Tabs.js";
+export { Card } from "./components/Card/Card.js";
+export { Tag } from "./components/Tag/Tag.js";
+export { StatusDot } from "./components/StatusDot/StatusDot.js";
+export { SkipLink } from "./components/SkipLink/SkipLink.js";
+export { LiveRegion } from "./components/LiveRegion/LiveRegion.js";
+export { PageHeading } from "./components/PageHeading/PageHeading.js";
+export { NavMenu } from "./components/NavMenu/NavMenu.js";
+export { minWidth, useMediaQuery } from "./hooks/useMediaQuery.js";
+export { DataTable, createColumnHelper } from "./components/DataTable/DataTable.js";

package/dist/styles/base.css

@@ -0,0 +1,58 @@
+*, :before, :after {
+  box-sizing: border-box;
+}
+
+html {
+  isolation: isolate;
+  font-family: var(--font-sans);
+  font-size: 100%;
+  line-height: var(--leading-body);
+  -webkit-text-size-adjust: 100%;
+  background: var(--color-surface-1);
+  color: var(--color-text);
+}
+
+body {
+  min-height: 100dvh;
+  margin: 0;
+}
+
+img, video {
+  max-width: 100%;
+  height: auto;
+}
+
+button, input, select, textarea {
+  font: inherit;
+  color: inherit;
+}
+
+:focus-visible {
+  outline: var(--focus-ring-width) solid var(--color-focus);
+  outline-offset: var(--focus-ring-offset);
+}
+
+h1, h2, h3 {
+  line-height: var(--leading-tight);
+  letter-spacing: var(--tracking-heading);
+  margin: 0;
+}
+
+p {
+  max-width: var(--measure);
+  margin: 0;
+}
+
+code, pre {
+  font-family: var(--font-mono);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *, :before, :after {
+    scroll-behavior: auto !important;
+    transition-duration: .01ms !important;
+    animation-duration: .01ms !important;
+    animation-iteration-count: 1 !important;
+  }
+}
+

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@calcifer-design/ui",
+  "version": "0.1.0",
+  "type": "module",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/juansrodz/calcifer-design.git",
+    "directory": "packages/ui"
+  },
+  "homepage": "https://juansrodz.github.io/calcifer-design/",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css",
+    "./dist/**/*.module.js"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./base.css": "./dist/styles/base.css"
+  },
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "typecheck": "bun run build && tsc -p tsconfig.json",
+    "test": "vitest run",
+    "test:dist": "vitest run --config vitest.dist.config.ts",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.8.0",
+    "@calcifer-design/tokens": "0.1.0",
+    "@tanstack/react-table": "^9.2.4"
+  },
+  "devDependencies": {
+    "@calcifer-design/tsconfig": "0.0.0",
+    "@rsbuild/core": "^2.2.3",
+    "@rsbuild/plugin-react": "^2.1.0",
+    "@rsbuild/plugin-typed-css-modules": "^1.2.4",
+    "@rslib/core": "1.0.0",
+    "@storybook/addon-a11y": "^10.6.0",
+    "@storybook/addon-docs": "^10.6.0",
+    "@storybook/react": "^10.6.0",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "jsdom": "^30.0.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "storybook": "^10.6.0",
+    "storybook-react-rsbuild": "^3.4.2",
+    "vitest": "^5.0.0",
+    "vitest-axe": "1.0.0-pre.5"
+  }
+}