@nar-bus/ui-kit 1.0.0

package/dist/utils/focusTrap.d.ts

@@ -0,0 +1,24 @@
+/**
+ * focusTrap.ts — PAT-061 compliant focus-trap helpers.
+ *
+ * Plain functions, NOT React hooks. No useXxx exports.
+ * Single source of truth for focus-trap logic across all overlay organisms.
+ *
+ * Consumers: Sheet.tsx, Dialog.tsx, FilterPanel.tsx (incoming Wave 4).
+ *
+ * Rationale (D-172): The byte-identical 30-LOC block that previously lived
+ * in both Sheet.tsx and Dialog.tsx is extracted here to eliminate duplication
+ * and guarantee a single fix/update point for ARIA focus-trap behaviour.
+ */
+export declare const FOCUSABLE_SELECTOR = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+/**
+ * Returns all focusable, visible, non-aria-hidden elements within `container`.
+ */
+export declare function getFocusables(container: HTMLElement | null): HTMLElement[];
+/**
+ * Traps keyboard Tab / Shift+Tab focus cycling within `container`.
+ * Must be attached to a `keydown` event listener on `document`.
+ * No-ops on non-Tab keys so callers can pass all keydown events safely.
+ */
+export declare function trapFocus(e: KeyboardEvent, container: HTMLElement | null): void;
+//# sourceMappingURL=focusTrap.d.ts.map

package/dist/utils/focusTrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusTrap.d.ts","sourceRoot":"","sources":["../../src/utils/focusTrap.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,eAAO,MAAM,kBAAkB,+IAC6G,CAAC;AAE7I;;GAEG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,EAAE,CAK1E;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAkB/E"}

package/dist/utils/formatters.d.ts

@@ -0,0 +1,25 @@
+type Locale = "tr" | "en";
+export declare function formatDate(date: Date | string | number | null | undefined, locale?: Locale): string;
+export declare function formatDateTime(date: Date | string | number | null | undefined, locale?: Locale): string;
+/**
+ * Like {@link formatDateTime} but includes seconds — for screens where the exact
+ * second matters (e.g. outage start/end on the modem detail screen, FIX-414).
+ */
+export declare function formatDateTimeWithSeconds(date: Date | string | number | null | undefined, locale?: Locale): string;
+export declare function formatNumber(num: number | null | undefined, locale?: Locale): string;
+export declare function formatDecimal(num: number, decimals?: number, locale?: Locale): string;
+export declare function formatSlug(flag: string, serial: string): string;
+export declare function formatRelativeTime(date: Date | string | number | null | undefined, locale?: Locale): string;
+export declare function formatPercentage(value: number | undefined | null, decimals?: number): string;
+/**
+ * Format a duration given in seconds as a human-readable string.
+ *
+ * - < 60 s         → "{N} sn" (1 decimal place if non-integer)
+ * - < 3600 s       → "{M} dk {S} sn" (S omitted when zero)
+ * - >= 3600 s      → "{H} sa {M} dk" (M omitted when zero)
+ *
+ * Negative or non-finite inputs return "--".
+ */
+export declare function formatDuration(seconds: number | null | undefined, locale?: Locale): string;
+export {};
+//# sourceMappingURL=formatters.d.ts.map

package/dist/utils/formatters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.d.ts","sourceRoot":"","sources":["../../src/utils/formatters.ts"],"names":[],"mappings":"AAGA,KAAK,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAQ1B,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,MAAM,GAAE,MAAa,GAAG,MAAM,CAKzG;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,MAAM,GAAE,MAAa,GAAG,MAAM,CAK7G;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EAC/C,MAAM,GAAE,MAAa,GACpB,MAAM,CAKR;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,MAAM,GAAE,MAAa,GAAG,MAAM,CAG1F;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,SAAI,EAAE,MAAM,GAAE,MAAa,GAAG,MAAM,CAKtF;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAE/D;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,MAAM,GAAE,MAAa,GAAG,MAAM,CAKjH;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EAAE,QAAQ,SAAI,GAAG,MAAM,CAGvF;AAOD;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,MAAM,GAAE,MAAa,GAAG,MAAM,CAoBhG"}

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './cn';
+export { formatDate, formatDateTime, formatDateTimeWithSeconds, formatNumber, formatDecimal, formatSlug, formatRelativeTime, formatPercentage, formatDuration, } from './formatters';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EACL,UAAU,EACV,cAAc,EACd,yBAAyB,EACzB,YAAY,EACZ,aAAa,EACb,UAAU,EACV,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,GACf,MAAM,cAAc,CAAC"}

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@nar-bus/ui-kit",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./theme.css": "./dist/theme.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "vite build && node -e \"const fs=require('fs');const f=fs.readdirSync('dist').find(x=>x.endsWith('.css'));if(f&&f!=='theme.css')fs.copyFileSync('dist/'+f,'dist/theme.css')\"",
+    "dev": "vite build --watch",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src/",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "storybook": "storybook dev -p 6006 --no-open",
+    "build-storybook": "storybook build -o storybook-static",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-i18next": "^15.0.0",
+    "i18next": "^24.0.0",
+    "sonner": "^2.0.0",
+    "@tanstack/react-table": "^8.0.0",
+    "@tanstack/react-virtual": "^3.0.0",
+    "tailwindcss": "^4.0.0"
+  },
+  "devDependencies": {
+    "@nar-bus/ui-shared": "*",
+    "@storybook/addon-a11y": "^8.4.0",
+    "@storybook/addon-essentials": "^8.6.18",
+    "@storybook/addon-themes": "^8.4.0",
+    "@storybook/react": "^8.4.0",
+    "@storybook/react-vite": "^8.4.0",
+    "@storybook/test": "^8.4.0",
+    "@tailwindcss/vite": "^4.2.2",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.7.0",
+    "jsdom": "^25.0.1",
+    "storybook": "^8.4.0",
+    "tailwindcss": "^4.2.2",
+    "typescript": "~5.9.3",
+    "vite": "^6.2.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^2.1.9"
+  },
+  "dependencies": {
+    "@fontsource-variable/geist": "^5.2.8",
+    "@fontsource-variable/geist-mono": "^5.2.7",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "lucide-react": "^0.475.0",
+    "react-colorful": "^5.6.1",
+    "tailwind-merge": "^3.0.2",
+    "zod": "^3.25.76"
+  }
+}