@keenmate/pure-admin-core 1.0.0-rc01

package/dist/fonts/google/fonts-tracklist.txt

@@ -0,0 +1,48 @@
+https://fonts.gstatic.com/s/cuprum/v20/dg45_pLmvrkcOkBnKsOzXyGWTBcmg-X6VjbYJwQj.woff2
+https://fonts.gstatic.com/s/cuprum/v20/dg45_pLmvrkcOkBnKsOzXyGWTBcmg-X6Vj_YJwQj.woff2
+https://fonts.gstatic.com/s/cuprum/v20/dg45_pLmvrkcOkBnKsOzXyGWTBcmg-X6VjTYJwQj.woff2
+https://fonts.gstatic.com/s/cuprum/v20/dg45_pLmvrkcOkBnKsOzXyGWTBcmg-X6VjXYJwQj.woff2
+https://fonts.gstatic.com/s/cuprum/v20/dg45_pLmvrkcOkBnKsOzXyGWTBcmg-X6VjvYJw.woff2
+https://fonts.gstatic.com/s/firasanscondensed/v10/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfvtrftV.woff2
+https://fonts.gstatic.com/s/firasanscondensed/v10/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfLtrftV.woff2
+https://fonts.gstatic.com/s/firasanscondensed/v10/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfrtrftV.woff2
+https://fonts.gstatic.com/s/firasanscondensed/v10/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfXtrftV.woff2
+https://fonts.gstatic.com/s/firasanscondensed/v10/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfntrftV.woff2
+https://fonts.gstatic.com/s/firasanscondensed/v10/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfjtrftV.woff2
+https://fonts.gstatic.com/s/firasanscondensed/v10/wEOhEADFm8hSaQTFG18FErVhsC9x-tarUfbtrQ.woff2
+https://fonts.gstatic.com/s/manrope/v13/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_P-bnBeA.woff2
+https://fonts.gstatic.com/s/manrope/v13/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_G-bnBeA.woff2
+https://fonts.gstatic.com/s/manrope/v13/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_B-bnBeA.woff2
+https://fonts.gstatic.com/s/manrope/v13/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_N-bnBeA.woff2
+https://fonts.gstatic.com/s/manrope/v13/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_M-bnBeA.woff2
+https://fonts.gstatic.com/s/manrope/v13/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_C-bk.woff2
+https://fonts.gstatic.com/s/martel/v10/PN_xRfK9oXHga0XdZ8g_vT0.woff2
+https://fonts.gstatic.com/s/martel/v10/PN_xRfK9oXHga0XdaMg_vT0.woff2
+https://fonts.gstatic.com/s/martel/v10/PN_xRfK9oXHga0XdZsg_.woff2
+https://fonts.gstatic.com/s/mavenpro/v32/7Auup_AqnyWWAxW2Wk3swUz56MS91Eww8SX21nijogp5.woff2
+https://fonts.gstatic.com/s/mavenpro/v32/7Auup_AqnyWWAxW2Wk3swUz56MS91Eww8SX21nmjogp5.woff2
+https://fonts.gstatic.com/s/mavenpro/v32/7Auup_AqnyWWAxW2Wk3swUz56MS91Eww8SX21nejog.woff2
+https://fonts.gstatic.com/s/monda/v16/TK3tWkYFABsmjspuPho7vA.woff2
+https://fonts.gstatic.com/s/monda/v16/TK3tWkYFABsmjspvPho7vA.woff2
+https://fonts.gstatic.com/s/monda/v16/TK3tWkYFABsmjsphPho.woff2
+https://fonts.gstatic.com/s/play/v17/6aez4K2oVqwIvtg2H68T.woff2
+https://fonts.gstatic.com/s/play/v17/6aez4K2oVqwIvtE2H68T.woff2
+https://fonts.gstatic.com/s/play/v17/6aez4K2oVqwIvtY2H68T.woff2
+https://fonts.gstatic.com/s/play/v17/6aez4K2oVqwIvto2H68T.woff2
+https://fonts.gstatic.com/s/play/v17/6aez4K2oVqwIvts2H68T.woff2
+https://fonts.gstatic.com/s/play/v17/6aez4K2oVqwIvtU2Hw.woff2
+https://fonts.gstatic.com/s/signika/v20/vEFO2_JTCgwQ5ejvMV0O96D01E8J0tJXHKbOjM7sfA.woff2
+https://fonts.gstatic.com/s/signika/v20/vEFO2_JTCgwQ5ejvMV0O96D01E8J0tJXHKbPjM7sfA.woff2
+https://fonts.gstatic.com/s/signika/v20/vEFO2_JTCgwQ5ejvMV0O96D01E8J0tJXHKbBjM4.woff2
+https://fonts.gstatic.com/s/yanonekaffeesatz/v24/3y976aknfjLm_3lMKjiMgmUUYBs04Y8fH-qVHQ.woff2
+https://fonts.gstatic.com/s/yanonekaffeesatz/v24/3y976aknfjLm_3lMKjiMgmUUYBs04Y8UH-qVHQ.woff2
+https://fonts.gstatic.com/s/yanonekaffeesatz/v24/3y976aknfjLm_3lMKjiMgmUUYBs04Y8VH-qVHQ.woff2
+https://fonts.gstatic.com/s/yanonekaffeesatz/v24/3y976aknfjLm_3lMKjiMgmUUYBs04Y8bH-o.woff2
+https://fonts.gstatic.com/s/yanonekaffeesatz/v24/3y976aknfjLm_3lMKjiMgmUUYBs04Y8fH-qVHQ.woff2
+https://fonts.gstatic.com/s/yanonekaffeesatz/v24/3y976aknfjLm_3lMKjiMgmUUYBs04Y8UH-qVHQ.woff2
+https://fonts.gstatic.com/s/yanonekaffeesatz/v24/3y976aknfjLm_3lMKjiMgmUUYBs04Y8VH-qVHQ.woff2
+https://fonts.gstatic.com/s/yanonekaffeesatz/v24/3y976aknfjLm_3lMKjiMgmUUYBs04Y8bH-o.woff2
+https://fonts.gstatic.com/s/yanonekaffeesatz/v24/3y976aknfjLm_3lMKjiMgmUUYBs04Y8fH-qVHQ.woff2
+https://fonts.gstatic.com/s/yanonekaffeesatz/v24/3y976aknfjLm_3lMKjiMgmUUYBs04Y8UH-qVHQ.woff2
+https://fonts.gstatic.com/s/yanonekaffeesatz/v24/3y976aknfjLm_3lMKjiMgmUUYBs04Y8VH-qVHQ.woff2
+https://fonts.gstatic.com/s/yanonekaffeesatz/v24/3y976aknfjLm_3lMKjiMgmUUYBs04Y8bH-o.woff2

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@keenmate/pure-admin-core",
+  "version": "1.0.0-rc01",
+  "description": "Lightweight, data-focused HTML/CSS admin framework built with PureCSS foundation and comprehensive component system",
+  "style": "dist/css/main.css",
+  "exports": {
+    ".": "./dist/css/main.css",
+    "./css": "./dist/css/main.css",
+    "./css/*": "./dist/css/*",
+    "./scss": "./src/scss/main.scss",
+    "./scss/*": "./src/scss/*",
+    "./fonts/*": "./dist/fonts/*",
+    "./snippets/*": "./snippets/*"
+  },
+  "files": [
+    "dist/",
+    "src/scss/",
+    "snippets/",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build:scss": "sass src/scss/main.scss dist/css/main.css --no-source-map --silence-deprecation=import",
+    "build:scss:watch": "sass src/scss/main.scss dist/css/main.css --watch --silence-deprecation=import",
+    "build:fonts": "node scripts/copy-fonts.js",
+    "build": "npm run build:scss && npm run build:fonts",
+    "watch": "npm run build:scss:watch",
+    "generate-hashes": "node scripts/generate-hashes.js",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "admin",
+    "dashboard",
+    "css",
+    "scss",
+    "framework",
+    "pure-admin",
+    "components",
+    "ui-kit"
+  ],
+  "author": "Pure Admin",
+  "license": "MIT",
+  "peerDependencies": {
+    "sass": "^1.0.0"
+  },
+  "devDependencies": {
+    "sass": "^1.70.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pure-admin/core.git"
+  },
+  "bugs": {
+    "url": "https://github.com/pure-admin/core/issues"
+  },
+  "homepage": "https://github.com/pure-admin/core#readme",
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/snippets/alerts.html

@@ -0,0 +1,281 @@
+<!-- ================================
+     ALERT SNIPPETS
+     Pure Admin Visual Framework
+     ================================ -->
+
+<!-- BASIC ALERTS -->
+
+<!-- Primary Alert -->
+<div class="pa-alert pa-alert--primary">
+  <strong>Primary!</strong> This is a primary alert — check it out!
+</div>
+
+<!-- Secondary Alert -->
+<div class="pa-alert pa-alert--secondary">
+  <strong>Secondary!</strong> This is a secondary alert — check it out!
+</div>
+
+<!-- Success Alert -->
+<div class="pa-alert pa-alert--success">
+  <strong>Success!</strong> This is a success alert — your operation completed successfully.
+</div>
+
+<!-- Danger Alert -->
+<div class="pa-alert pa-alert--danger">
+  <strong>Danger!</strong> This is a danger alert — something went wrong!
+</div>
+
+<!-- Warning Alert -->
+<div class="pa-alert pa-alert--warning">
+  <strong>Warning!</strong> This is a warning alert — please review before proceeding.
+</div>
+
+<!-- Info Alert -->
+<div class="pa-alert pa-alert--info">
+  <strong>Info!</strong> This is an info alert — here's some useful information.
+</div>
+
+<!-- Light Alert -->
+<div class="pa-alert pa-alert--light">
+  <strong>Light!</strong> This is a light alert — subtle but important.
+</div>
+
+<!-- Dark Alert -->
+<div class="pa-alert pa-alert--dark">
+  <strong>Dark!</strong> This is a dark alert — for high contrast messaging.
+</div>
+
+
+<!-- ALERTS WITH ICONS -->
+
+<!-- Success Alert with Icon -->
+<div class="pa-alert pa-alert--success">
+  <span class="pa-alert__icon">✓</span>
+  <div class="pa-alert__content">
+    <strong>Success!</strong> Your changes have been saved successfully.
+  </div>
+</div>
+
+<!-- Danger Alert with Icon -->
+<div class="pa-alert pa-alert--danger">
+  <span class="pa-alert__icon">⚠</span>
+  <div class="pa-alert__content">
+    <strong>Error!</strong> Unable to process your request. Please try again.
+  </div>
+</div>
+
+<!-- Warning Alert with Icon -->
+<div class="pa-alert pa-alert--warning">
+  <span class="pa-alert__icon">!</span>
+  <div class="pa-alert__content">
+    <strong>Warning!</strong> Your session will expire in 5 minutes.
+  </div>
+</div>
+
+<!-- Info Alert with Icon -->
+<div class="pa-alert pa-alert--info">
+  <span class="pa-alert__icon">ⓘ</span>
+  <div class="pa-alert__content">
+    <strong>Information!</strong> New features are now available in your account.
+  </div>
+</div>
+
+
+<!-- DISMISSIBLE ALERTS -->
+
+<!-- Dismissible Success Alert -->
+<div class="pa-alert pa-alert--success pa-alert--dismissible">
+  <div class="pa-alert__content">
+    <strong>Well done!</strong> You successfully read this important alert message.
+  </div>
+  <button class="pa-alert__close" onclick="dismissAlert(this)" aria-label="Close">
+    <span aria-hidden="true">×</span>
+  </button>
+</div>
+
+<!-- Dismissible Danger Alert -->
+<div class="pa-alert pa-alert--danger pa-alert--dismissible">
+  <div class="pa-alert__content">
+    <strong>Oh snap!</strong> Change a few things and try submitting again.
+  </div>
+  <button class="pa-alert__close" onclick="dismissAlert(this)" aria-label="Close">
+    <span aria-hidden="true">×</span>
+  </button>
+</div>
+
+
+<!-- ALERTS WITH ADDITIONAL CONTENT -->
+
+<!-- Alert with Heading and Paragraph -->
+<div class="pa-alert pa-alert--success">
+  <h4 class="pa-alert__heading">Success!</h4>
+  <p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
+  <hr>
+  <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
+</div>
+
+<!-- Alert with List -->
+<div class="pa-alert pa-alert--info">
+  <h4 class="pa-alert__heading">System Update</h4>
+  <p>A new version of the application is available. This update includes:</p>
+  <ul class="pa-alert__list">
+    <li>Performance improvements</li>
+    <li>Bug fixes</li>
+    <li>New dashboard features</li>
+  </ul>
+  <div class="pa-alert__actions">
+    <button class="pa-btn pa-btn--sm pa-btn--primary">Update Now</button>
+    <button class="pa-btn pa-btn--sm pa-btn--secondary">Remind Me Later</button>
+  </div>
+</div>
+
+
+<!-- OUTLINE ALERTS -->
+
+<!-- Outline Primary Alert -->
+<div class="pa-alert pa-alert--outline-primary">
+  <strong>Primary Outline!</strong> This is a primary outline alert.
+</div>
+
+<!-- Outline Success Alert -->
+<div class="pa-alert pa-alert--outline-success">
+  <strong>Success Outline!</strong> This is a success outline alert.
+</div>
+
+<!-- Outline Danger Alert -->
+<div class="pa-alert pa-alert--outline-danger">
+  <strong>Danger Outline!</strong> This is a danger outline alert.
+</div>
+
+<!-- Outline Warning Alert -->
+<div class="pa-alert pa-alert--outline-warning">
+  <strong>Warning Outline!</strong> This is a warning outline alert.
+</div>
+
+<!-- Outline Info Alert -->
+<div class="pa-alert pa-alert--outline-info">
+  <strong>Info Outline!</strong> This is an info outline alert.
+</div>
+
+
+<!-- ALERT SIZES -->
+
+<!-- Small Alert -->
+<div class="pa-alert pa-alert--success pa-alert--sm">
+  <span class="pa-alert__icon">✓</span> Saved
+</div>
+
+<!-- Default Alert -->
+<div class="pa-alert pa-alert--info">
+  <span class="pa-alert__icon">ⓘ</span> Default size alert with standard padding
+</div>
+
+<!-- Large Alert -->
+<div class="pa-alert pa-alert--warning pa-alert--lg">
+  <span class="pa-alert__icon">!</span>
+  <div class="pa-alert__content">
+    <strong>Large Alert!</strong> This is a large alert with increased font size for better prominence.
+  </div>
+</div>
+
+
+<!-- COMPACT ALERTS -->
+
+<!-- Small Success Alert -->
+<div class="pa-alert pa-alert--success pa-alert--sm">
+  <span class="pa-alert__icon">✓</span> Saved
+</div>
+
+<!-- Small Warning Alert -->
+<div class="pa-alert pa-alert--warning pa-alert--sm">
+  <span class="pa-alert__icon">!</span> Pending
+</div>
+
+<!-- Small Danger Alert -->
+<div class="pa-alert pa-alert--danger pa-alert--sm">
+  <span class="pa-alert__icon">×</span> Failed
+</div>
+
+
+<!-- JAVASCRIPT FOR DISMISSIBLE ALERTS -->
+<script>
+function dismissAlert(button) {
+  const alert = button.closest('.pa-alert');
+  alert.style.transition = 'opacity 0.3s ease';
+  alert.style.opacity = '0';
+  setTimeout(() => {
+    alert.style.display = 'none';
+  }, 300);
+}
+</script>
+
+
+<!-- ================================
+     COMPONENT REFERENCE
+     ================================ -->
+
+<!--
+ALERT CLASSES:
+- .pa-alert: Base alert class
+
+VARIANTS (solid background):
+- .pa-alert--primary: Blue alert
+- .pa-alert--secondary: Gray alert
+- .pa-alert--success: Green alert
+- .pa-alert--danger: Red alert
+- .pa-alert--warning: Yellow/orange alert
+- .pa-alert--info: Cyan alert
+- .pa-alert--light: Light gray alert
+- .pa-alert--dark: Dark alert
+
+OUTLINE VARIANTS (border only):
+- .pa-alert--outline-primary: Blue outline
+- .pa-alert--outline-success: Green outline
+- .pa-alert--outline-danger: Red outline
+- .pa-alert--outline-warning: Orange outline
+- .pa-alert--outline-info: Cyan outline
+
+SIZES:
+- .pa-alert--sm: Small alert (reduced padding and font)
+- (default): Standard size
+- .pa-alert--lg: Large alert (increased padding and font)
+
+MODIFIERS:
+- .pa-alert--dismissible: Adds padding-right for close button
+
+ELEMENTS:
+- .pa-alert__icon: Icon container (displays to left of content)
+- .pa-alert__content: Content wrapper (used with icon layout)
+- .pa-alert__heading: Alert title/heading (h4)
+- .pa-alert__list: List container (ul) for bullet points
+- .pa-alert__actions: Button container for action buttons
+- .pa-alert__close: Close/dismiss button
+
+STRUCTURE PATTERNS:
+
+Simple alert:
+<div class="pa-alert pa-alert--success">
+  <strong>Success!</strong> Message here.
+</div>
+
+Alert with icon:
+<div class="pa-alert pa-alert--success">
+  <span class="pa-alert__icon">✓</span>
+  <div class="pa-alert__content">
+    <strong>Success!</strong> Message here.
+  </div>
+</div>
+
+Alert with list and actions:
+<div class="pa-alert pa-alert--info">
+  <h4 class="pa-alert__heading">Title</h4>
+  <p>Description text.</p>
+  <ul class="pa-alert__list">
+    <li>Item 1</li>
+    <li>Item 2</li>
+  </ul>
+  <div class="pa-alert__actions">
+    <button class="pa-btn pa-btn--sm pa-btn--primary">Action</button>
+  </div>
+</div>
+-->