@nqmcreative/ui 0.1.0

package/registry.json

@@ -0,0 +1,669 @@
+{
+	"name": "@nqmcreative/ui",
+	"homepage": "https://github.com/mukhsamr/nqmcreative-ui",
+	"count": 57,
+	"components": [
+		{
+			"name": "Accordion",
+			"subpath": "@nqmcreative/ui/accordion",
+			"file": "src/lib/components/Accordion.svelte",
+			"category": "layout & navigation",
+			"description": "Wrapper that stacks collapsible items with hairlines between them.",
+			"uses": [],
+			"modules": []
+		},
+		{
+			"name": "AccordionItem",
+			"subpath": "@nqmcreative/ui/accordion-item",
+			"file": "src/lib/components/AccordionItem.svelte",
+			"category": "layout & navigation",
+			"description": "A single collapsible row, built on <details> so it works without JS.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "Alert",
+			"subpath": "@nqmcreative/ui/alert",
+			"file": "src/lib/components/Alert.svelte",
+			"category": "feedback",
+			"description": "Inline message in any tone, optionally dismissible.",
+			"uses": [],
+			"modules": [
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "Avatar",
+			"subpath": "@nqmcreative/ui/avatar",
+			"file": "src/lib/components/Avatar.svelte",
+			"category": "data display",
+			"description": "Image or initials, circular or squared, in five sizes.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "AvatarGroup",
+			"subpath": "@nqmcreative/ui/avatar-group",
+			"file": "src/lib/components/AvatarGroup.svelte",
+			"category": "data display",
+			"description": "Overlapping row of avatars with a ring cut out of the background.",
+			"uses": [],
+			"modules": []
+		},
+		{
+			"name": "Badge",
+			"subpath": "@nqmcreative/ui/badge",
+			"file": "src/lib/components/Badge.svelte",
+			"category": "data display",
+			"description": "Pill label for status and counts. Solid, soft or outline.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "Breadcrumb",
+			"subpath": "@nqmcreative/ui/breadcrumb",
+			"file": "src/lib/components/Breadcrumb.svelte",
+			"category": "layout & navigation",
+			"description": "Trail of links to the current page.",
+			"uses": [],
+			"modules": [
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "Button",
+			"subpath": "@nqmcreative/ui/button",
+			"file": "src/lib/components/Button.svelte",
+			"category": "actions",
+			"description": "Five variants and four sizes, with a loading state and an href mode.",
+			"uses": [
+				"Spinner"
+			],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "Calendar",
+			"subpath": "@nqmcreative/ui/calendar",
+			"file": "src/lib/components/Calendar.svelte",
+			"category": "forms",
+			"description": "Month grid with keyboard navigation, bounds and disabled days.",
+			"uses": [],
+			"modules": [
+				"date",
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "Card",
+			"subpath": "@nqmcreative/ui/card",
+			"file": "src/lib/components/Card.svelte",
+			"category": "data display",
+			"description": "Bordered, filled or tinted surface with an optional header and footer.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "Checkbox",
+			"subpath": "@nqmcreative/ui/checkbox",
+			"file": "src/lib/components/Checkbox.svelte",
+			"category": "forms",
+			"description": "Single checkbox with a label, description and indeterminate state.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "CheckboxGroup",
+			"subpath": "@nqmcreative/ui/checkbox-group",
+			"file": "src/lib/components/CheckboxGroup.svelte",
+			"category": "forms",
+			"description": "A set of checkboxes bound to a string array, with an optional cap.",
+			"uses": [
+				"Checkbox"
+			],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "Combobox",
+			"subpath": "@nqmcreative/ui/combobox",
+			"file": "src/lib/components/Combobox.svelte",
+			"category": "forms",
+			"description": "Single-select with a text filter and keyboard navigation.",
+			"uses": [],
+			"modules": [
+				"actions/anchor",
+				"actions/dismissable",
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "CommandPalette",
+			"subpath": "@nqmcreative/ui/command-palette",
+			"file": "src/lib/components/CommandPalette.svelte",
+			"category": "overlay",
+			"description": "Cmd+K launcher with grouping, shortcuts and hidden keywords.",
+			"uses": [
+				"Kbd"
+			],
+			"modules": [
+				"actions/dismissable",
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "ConfirmDialog",
+			"subpath": "@nqmcreative/ui/confirm-dialog",
+			"file": "src/lib/components/ConfirmDialog.svelte",
+			"category": "overlay",
+			"description": "Small dialog that stays busy until an async confirm settles.",
+			"uses": [
+				"Button",
+				"Modal"
+			],
+			"modules": [
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "ContextMenu",
+			"subpath": "@nqmcreative/ui/context-menu",
+			"file": "src/lib/components/ContextMenu.svelte",
+			"category": "overlay",
+			"description": "Right-click menu placed at the pointer, flipped near the edges.",
+			"uses": [],
+			"modules": [
+				"actions/anchor",
+				"actions/dismissable",
+				"locale"
+			]
+		},
+		{
+			"name": "DatePicker",
+			"subpath": "@nqmcreative/ui/date-picker",
+			"file": "src/lib/components/DatePicker.svelte",
+			"category": "forms",
+			"description": "Text field plus a calendar popover. Value is a YYYY-MM-DD string.",
+			"uses": [
+				"Calendar"
+			],
+			"modules": [
+				"actions/anchor",
+				"actions/dismissable",
+				"date",
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "Divider",
+			"subpath": "@nqmcreative/ui/divider",
+			"file": "src/lib/components/Divider.svelte",
+			"category": "layout & navigation",
+			"description": "Hairline rule, horizontal or vertical, with an optional caption.",
+			"uses": [],
+			"modules": []
+		},
+		{
+			"name": "Drawer",
+			"subpath": "@nqmcreative/ui/drawer",
+			"file": "src/lib/components/Drawer.svelte",
+			"category": "overlay",
+			"description": "Panel that slides in from any edge, on the native dialog top layer.",
+			"uses": [],
+			"modules": [
+				"locale"
+			]
+		},
+		{
+			"name": "Dropdown",
+			"subpath": "@nqmcreative/ui/dropdown",
+			"file": "src/lib/components/Dropdown.svelte",
+			"category": "overlay",
+			"description": "Menu anchored to a trigger, with focus trap and viewport flipping.",
+			"uses": [],
+			"modules": [
+				"actions/anchor",
+				"actions/dismissable",
+				"locale"
+			]
+		},
+		{
+			"name": "Dropzone",
+			"subpath": "@nqmcreative/ui/dropzone",
+			"file": "src/lib/components/Dropzone.svelte",
+			"category": "forms",
+			"description": "Drag-and-drop file input with type, size and count validation.",
+			"uses": [],
+			"modules": [
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "EmptyState",
+			"subpath": "@nqmcreative/ui/empty-state",
+			"file": "src/lib/components/EmptyState.svelte",
+			"category": "feedback",
+			"description": "Placeholder for an empty list, with a glyph and an action slot.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "Field",
+			"subpath": "@nqmcreative/ui/field",
+			"file": "src/lib/components/Field.svelte",
+			"category": "forms",
+			"description": "Wraps any control with a label, hint and error message.",
+			"uses": [],
+			"modules": []
+		},
+		{
+			"name": "Footer",
+			"subpath": "@nqmcreative/ui/footer",
+			"file": "src/lib/components/Footer.svelte",
+			"category": "app shell",
+			"description": "Site footer with link columns and a bottom bar.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "Input",
+			"subpath": "@nqmcreative/ui/input",
+			"file": "src/lib/components/Input.svelte",
+			"category": "forms",
+			"description": "Text field with prefix and suffix slots, sizes and an invalid state.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "InputGroup",
+			"subpath": "@nqmcreative/ui/input-group",
+			"file": "src/lib/components/InputGroup.svelte",
+			"category": "forms",
+			"description": "Joins an input to a button or addon with a single shared border.",
+			"uses": [],
+			"modules": []
+		},
+		{
+			"name": "Kbd",
+			"subpath": "@nqmcreative/ui/kbd",
+			"file": "src/lib/components/Kbd.svelte",
+			"category": "data display",
+			"description": "Keyboard key, styled with a thicker bottom edge.",
+			"uses": [],
+			"modules": []
+		},
+		{
+			"name": "Label",
+			"subpath": "@nqmcreative/ui/label",
+			"file": "src/lib/components/Label.svelte",
+			"category": "forms",
+			"description": "Form label with an optional required marker.",
+			"uses": [],
+			"modules": []
+		},
+		{
+			"name": "Link",
+			"subpath": "@nqmcreative/ui/link",
+			"file": "src/lib/components/Link.svelte",
+			"category": "actions",
+			"description": "Anchor in any tone, with an external variant.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "LocaleProvider",
+			"subpath": "@nqmcreative/ui/locale-provider",
+			"file": "src/lib/components/LocaleProvider.svelte",
+			"category": "locale",
+			"description": "Scopes a locale to a subtree — the SSR-safe way to translate.",
+			"uses": [],
+			"modules": [
+				"locale"
+			]
+		},
+		{
+			"name": "MenuItem",
+			"subpath": "@nqmcreative/ui/menu-item",
+			"file": "src/lib/components/MenuItem.svelte",
+			"category": "overlay",
+			"description": "Row inside a Dropdown or ContextMenu, with a shortcut hint.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "MenuSeparator",
+			"subpath": "@nqmcreative/ui/menu-separator",
+			"file": "src/lib/components/MenuSeparator.svelte",
+			"category": "overlay",
+			"description": "Rule between menu groups, with an optional caption.",
+			"uses": [],
+			"modules": []
+		},
+		{
+			"name": "Modal",
+			"subpath": "@nqmcreative/ui/modal",
+			"file": "src/lib/components/Modal.svelte",
+			"category": "overlay",
+			"description": "Centred dialog on the native top layer, with a footer slot.",
+			"uses": [],
+			"modules": [
+				"locale"
+			]
+		},
+		{
+			"name": "MultiSelect",
+			"subpath": "@nqmcreative/ui/multi-select",
+			"file": "src/lib/components/MultiSelect.svelte",
+			"category": "forms",
+			"description": "Multi-select with chips, grouping and a selection cap.",
+			"uses": [],
+			"modules": [
+				"actions/anchor",
+				"actions/dismissable",
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "Navbar",
+			"subpath": "@nqmcreative/ui/navbar",
+			"file": "src/lib/components/Navbar.svelte",
+			"category": "app shell",
+			"description": "Top bar that collapses into a drawer below the md breakpoint.",
+			"uses": [
+				"Drawer",
+				"Dropdown",
+				"MenuItem"
+			],
+			"modules": [
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "NumberInput",
+			"subpath": "@nqmcreative/ui/number-input",
+			"file": "src/lib/components/NumberInput.svelte",
+			"category": "forms",
+			"description": "Number field with steppers, clamping and decimal handling.",
+			"uses": [],
+			"modules": [
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "Pagination",
+			"subpath": "@nqmcreative/ui/pagination",
+			"file": "src/lib/components/Pagination.svelte",
+			"category": "layout & navigation",
+			"description": "Page numbers that collapse to an ellipsis around the current one.",
+			"uses": [],
+			"modules": [
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "PasswordInput",
+			"subpath": "@nqmcreative/ui/password-input",
+			"file": "src/lib/components/PasswordInput.svelte",
+			"category": "forms",
+			"description": "Password field with a visibility toggle and a strength meter.",
+			"uses": [],
+			"modules": [
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "Popover",
+			"subpath": "@nqmcreative/ui/popover",
+			"file": "src/lib/components/Popover.svelte",
+			"category": "overlay",
+			"description": "Anchored panel that opens on click or hover.",
+			"uses": [],
+			"modules": [
+				"actions/anchor",
+				"actions/dismissable"
+			]
+		},
+		{
+			"name": "Progress",
+			"subpath": "@nqmcreative/ui/progress",
+			"file": "src/lib/components/Progress.svelte",
+			"category": "feedback",
+			"description": "Determinate or indeterminate bar, in three sizes.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "Radio",
+			"subpath": "@nqmcreative/ui/radio",
+			"file": "src/lib/components/Radio.svelte",
+			"category": "forms",
+			"description": "Single radio bound to a shared group value.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "RadioGroup",
+			"subpath": "@nqmcreative/ui/radio-group",
+			"file": "src/lib/components/RadioGroup.svelte",
+			"category": "forms",
+			"description": "A set of radios, optionally rendered as selectable cards.",
+			"uses": [
+				"Radio"
+			],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "SegmentedControl",
+			"subpath": "@nqmcreative/ui/segmented-control",
+			"file": "src/lib/components/SegmentedControl.svelte",
+			"category": "forms",
+			"description": "Exclusive choice as one joined row, with arrow-key movement.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "Select",
+			"subpath": "@nqmcreative/ui/select",
+			"file": "src/lib/components/Select.svelte",
+			"category": "forms",
+			"description": "Native select with a chevron and data-driven options.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "Sidebar",
+			"subpath": "@nqmcreative/ui/sidebar",
+			"file": "src/lib/components/Sidebar.svelte",
+			"category": "app shell",
+			"description": "Nested, collapsible navigation rail for an app shell.",
+			"uses": [],
+			"modules": [
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "Skeleton",
+			"subpath": "@nqmcreative/ui/skeleton",
+			"file": "src/lib/components/Skeleton.svelte",
+			"category": "feedback",
+			"description": "Pulsing placeholder in text, block or circle form.",
+			"uses": [],
+			"modules": []
+		},
+		{
+			"name": "Slider",
+			"subpath": "@nqmcreative/ui/slider",
+			"file": "src/lib/components/Slider.svelte",
+			"category": "forms",
+			"description": "Range input with ticks, a value bubble and dual-handle mode.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "Spinner",
+			"subpath": "@nqmcreative/ui/spinner",
+			"file": "src/lib/components/Spinner.svelte",
+			"category": "feedback",
+			"description": "Rotating ring that inherits the surrounding colour.",
+			"uses": [],
+			"modules": [
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "Stat",
+			"subpath": "@nqmcreative/ui/stat",
+			"file": "src/lib/components/Stat.svelte",
+			"category": "data display",
+			"description": "Figure with a label, delta and trend arrow.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "Steps",
+			"subpath": "@nqmcreative/ui/steps",
+			"file": "src/lib/components/Steps.svelte",
+			"category": "layout & navigation",
+			"description": "Progress through a flow, horizontal or vertical, with a failed state.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "Switch",
+			"subpath": "@nqmcreative/ui/switch",
+			"file": "src/lib/components/Switch.svelte",
+			"category": "forms",
+			"description": "On/off toggle with a label and description.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "Table",
+			"subpath": "@nqmcreative/ui/table",
+			"file": "src/lib/components/Table.svelte",
+			"category": "data display",
+			"description": "Data-driven table with sorting, row selection and a cell snippet.",
+			"uses": [
+				"Checkbox"
+			],
+			"modules": [
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "Tabs",
+			"subpath": "@nqmcreative/ui/tabs",
+			"file": "src/lib/components/Tabs.svelte",
+			"category": "layout & navigation",
+			"description": "Underline, pill or segmented tabs bound to a value.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "Textarea",
+			"subpath": "@nqmcreative/ui/textarea",
+			"file": "src/lib/components/Textarea.svelte",
+			"category": "forms",
+			"description": "Multi-line field that can grow with its content.",
+			"uses": [],
+			"modules": [
+				"tones"
+			]
+		},
+		{
+			"name": "ThemeToggle",
+			"subpath": "@nqmcreative/ui/theme-toggle",
+			"file": "src/lib/components/ThemeToggle.svelte",
+			"category": "overlay",
+			"description": "Light, dark and system, remembered in localStorage.",
+			"uses": [],
+			"modules": [
+				"locale",
+				"tones"
+			]
+		},
+		{
+			"name": "Toaster",
+			"subpath": "@nqmcreative/ui/toaster",
+			"file": "src/lib/components/Toaster.svelte",
+			"category": "feedback",
+			"description": "Renders the toast queue. Mount once, near the root.",
+			"uses": [
+				"Spinner"
+			],
+			"modules": [
+				"actions/dismissable",
+				"locale",
+				"toast",
+				"tones"
+			]
+		},
+		{
+			"name": "Tooltip",
+			"subpath": "@nqmcreative/ui/tooltip",
+			"file": "src/lib/components/Tooltip.svelte",
+			"category": "overlay",
+			"description": "CSS-only label on hover and focus, in four placements.",
+			"uses": [],
+			"modules": []
+		}
+	]
+}