phlex_kit 0.5.0 → 0.5.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 71cbb9b8727b67b80fe0bcbd69fb4eb3dd298529cd3ec43248c770df56c1554b
-  data.tar.gz: fa3abdc391af56d26491645a262a8d56657bf2ae21996370e82a7e0cc4704776
+  metadata.gz: a8140f5bead7563457fe7da7998915db03b3011c72bf82163236b75aff4ce15d
+  data.tar.gz: '08fe9d1bd2e68091e4586e10823a98d5d7226dd57fff7d8050cf073511f483d8'
 SHA512:
-  metadata.gz: 064253644752dac989e4585356a8896ce35a4ca8ec79eee58c603c6b807e3203ae5c64bd3ccc6d2e9340007af49a85488e9f4acf3147d1f7fd76680afd54103e
-  data.tar.gz: 6687d41814334c237479b7bdfbaa6e47f61c06a6c00505efeb218b62a7f2e1926b2b7441bd95b5d5216fe56491a2b03db82ff9c8cf613b9954954ca89d269c6b
+  metadata.gz: 250d307d76eacb729f7672be2a8e00cc7e0057b3fca3079e544f518eec8417615843a1e2ef2d2043d99cde927993d6383f5269cae06e164f6d68d9e4a4705c10
+  data.tar.gz: 5fb5b1a04c2483fb63c9ef761ba05fd3ebd01ef45f05a0be2bee40b979ae4da240d610d0ae555a6470dcd11be74d08475d488ed5861b9fba7472bcd5efe764c7

data/README.md

@@ -135,10 +135,13 @@ The full token surface: `--pk-bg`, `--pk-surface`, `--pk-surface-2`,
 `--pk-accent` (hover fills), `--pk-border`, `--pk-input` (control borders),
 `--pk-ring` (focus rings), `--pk-text`, `--pk-text-2`, `--pk-muted`,
 `--pk-brand`, `--pk-brand-ink`, `--pk-green`, `--pk-amber`, `--pk-red`,
-`--pk-chart-1..5`, `--pk-radius`, plus `--pk-font-sans` / `--pk-font-mono`
-(system stacks by default — override them after an @font-face to adopt Geist
+`--pk-chart-1..5`, `--pk-radius`, plus `--pk-font-sans` / `--pk-font-serif` /
+`--pk-font-mono` (system stacks by default — override them after an @font-face to adopt Geist
 like shadcn, as the docs site does). Want a fully custom palette? Drop the
-`_tokens.css` import and define them all yourself.
+`_tokens.css` import and define them all yourself. The complete reference —
+defaults, shadcn equivalents, the optional `--pk-sidebar-*` overrides, and
+every per-component knob (`--pk-card-spacing`, `--pk-cell-size`, …) — is in
+[docs/07-TOKENS.md](docs/07-TOKENS.md).
 
 Prefer a ready-made palette? The gem ships theme files under
 `app/assets/stylesheets/phlex_kit/themes/` (`neutral`, `zinc`, `claude`) —

data/app/assets/stylesheets/phlex_kit/_tokens.css

@@ -134,6 +134,7 @@
   --pk-chart-5: #1e40af;
   --pk-radius: 0.625rem;
   --pk-font-sans: ui-sans-serif, system-ui, -apple-system, sans-serif;
+  --pk-font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
   --pk-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
   color-scheme: dark;
 }

data/app/components/phlex_kit/button_group/button_group.css

@@ -36,6 +36,44 @@
 /* Nested groups keep their own corners — undo the squaring the parent applied. */
 .pk-button-group > .pk-button-group { border-radius: 0; border: 0; }
 
+/* Composite children (dropdown menu, popover, hover card, tooltip, select,
+   combobox) wrap their trigger control in inert divs — shadcn's asChild
+   merges the trigger onto the button, so its direct-child rules just work;
+   ours land on the wrapper. Re-apply the corner/border rules to the control
+   inside: wrapper→trigger-div→.pk-button for the div-trigger components,
+   wrapper→trigger for select/combobox (their trigger IS the control). The
+   absolutely-positioned panels are untouched. */
+.pk-button-group:not(.vertical) > :not(:first-child) > :is(.pk-dropdown-menu-trigger, .pk-popover-trigger, .pk-hover-card-trigger, .pk-tooltip-trigger) > .pk-button,
+.pk-button-group:not(.vertical) > :not(:first-child) > :is(.pk-select-trigger, .pk-combobox-trigger) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left: 0;
+}
+.pk-button-group:not(.vertical) > :not(:last-child) > :is(.pk-dropdown-menu-trigger, .pk-popover-trigger, .pk-hover-card-trigger, .pk-tooltip-trigger) > .pk-button,
+.pk-button-group:not(.vertical) > :not(:last-child) > :is(.pk-select-trigger, .pk-combobox-trigger) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.pk-button-group.vertical > :not(:first-child) > :is(.pk-dropdown-menu-trigger, .pk-popover-trigger, .pk-hover-card-trigger, .pk-tooltip-trigger) > .pk-button,
+.pk-button-group.vertical > :not(:first-child) > :is(.pk-select-trigger, .pk-combobox-trigger) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-top: 0;
+}
+.pk-button-group.vertical > :not(:last-child) > :is(.pk-dropdown-menu-trigger, .pk-popover-trigger, .pk-hover-card-trigger, .pk-tooltip-trigger) > .pk-button,
+.pk-button-group.vertical > :not(:last-child) > :is(.pk-select-trigger, .pk-combobox-trigger) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+/* .pk-select defaults to width:100%; as a group segment it hugs its trigger
+   and lets siblings (the input) take the leftover flex space — shadcn's
+   [&>[data-slot=select-trigger]]:w-fit. */
+.pk-button-group > .pk-select { width: fit-content; }
+
+/* A focused nested trigger lifts above its neighbor like a direct child. */
+.pk-button-group :is(.pk-dropdown-menu-trigger, .pk-popover-trigger, .pk-hover-card-trigger, .pk-tooltip-trigger) > .pk-button:focus-visible,
+.pk-button-group :is(.pk-select-trigger, .pk-combobox-trigger):focus-visible { position: relative; z-index: 10; }
+
 .pk-button-group-text {
   display: flex;
   align-items: center;

data/app/components/phlex_kit/dropdown_menu/dropdown_menu.css

@@ -29,6 +29,7 @@
   padding: .375rem .5rem;
   font-size: .875rem;
   color: var(--pk-text);
+  text-decoration: none; /* href items render as <a> — no UA underline at rest */
   outline: none;
 }
 .pk-dropdown-menu-item:hover,

data/app/components/phlex_kit/field/field.css

@@ -35,8 +35,9 @@
 .pk-field { display: flex; width: 100%; gap: .5rem; }
 .pk-field[data-invalid="true"] { color: var(--pk-red); }
 .pk-field[data-orientation="vertical"] { flex-direction: column; }
-.pk-field[data-orientation="vertical"] > * { width: 100%; }
-.pk-field[data-orientation="vertical"] > .pk-sr-only { width: auto; }
+/* Width coercion skips fixed-size controls (switch/checkbox/radio keep their
+   intrinsic track/box size — `> *` out-specifies their own width rules). */
+.pk-field[data-orientation="vertical"] > :not(.pk-sr-only, .pk-switch, .pk-checkbox, .pk-radio) { width: 100%; }
 .pk-field[data-orientation="horizontal"] { flex-direction: row; align-items: center; }
 .pk-field[data-orientation="horizontal"] > .pk-field-label,
 .pk-field[data-orientation="horizontal"] > .pk-field-content { flex: 1 1 auto; }
@@ -44,11 +45,10 @@
 .pk-field[data-orientation="horizontal"]:has(> .pk-field-content) > .pk-checkbox,
 .pk-field[data-orientation="horizontal"]:has(> .pk-field-content) > .pk-radio { margin-top: 1px; }
 .pk-field[data-orientation="responsive"] { flex-direction: column; }
-.pk-field[data-orientation="responsive"] > * { width: 100%; }
-.pk-field[data-orientation="responsive"] > .pk-sr-only { width: auto; }
+.pk-field[data-orientation="responsive"] > :not(.pk-sr-only, .pk-switch, .pk-checkbox, .pk-radio) { width: 100%; }
 @container (min-width: 28rem) {
   .pk-field[data-orientation="responsive"] { flex-direction: row; align-items: center; }
-  .pk-field[data-orientation="responsive"] > * { width: auto; }
+  .pk-field[data-orientation="responsive"] > :not(.pk-sr-only, .pk-switch, .pk-checkbox, .pk-radio) { width: auto; }
   .pk-field[data-orientation="responsive"] > .pk-field-label,
   .pk-field[data-orientation="responsive"] > .pk-field-content { flex: 1 1 auto; }
   .pk-field[data-orientation="responsive"]:has(> .pk-field-content) { align-items: flex-start; }

data/app/components/phlex_kit/select/select.css

@@ -50,7 +50,11 @@
   top: 100%;
   left: 0;
   z-index: 50;
-  width: 100%;
+  /* Content-hugging with the trigger width as the floor — items never wrap,
+     so a narrow trigger (e.g. the currency select in a button group) still
+     gets a readable panel; for form selects min-width keeps panel = trigger. */
+  width: max-content;
+  min-width: 100%;
   margin-top: .25rem;
 }
 .pk-select-content.hidden { display: none; }

data/app/components/phlex_kit/shortcut_key/shortcut_key.css

@@ -10,7 +10,7 @@
   border-radius: calc(var(--pk-radius) - 4px);
   background: var(--pk-surface-2);
   padding-inline: .375rem;
-  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-family: var(--pk-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
   font-size: 10px;
   font-weight: 500;
   color: var(--pk-muted);

data/lib/phlex_kit/icons/lucide.rb

@@ -29,6 +29,8 @@ module PhlexKit
         calendar: [ [ :path, { d: "M8 2v4" } ], [ :path, { d: "M16 2v4" } ], [ :rect, { rx: "2", x: "3", y: "4", width: "18", height: "18" } ], [ :path, { d: "M3 10h18" } ] ],
         user: [ [ :path, { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" } ], [ :circle, { cx: "12", cy: "7", r: "4" } ] ],
         users: [ [ :path, { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" } ], [ :path, { d: "M16 3.128a4 4 0 0 1 0 7.744" } ], [ :path, { d: "M22 21v-2a4 4 0 0 0-3-3.87" } ], [ :circle, { cx: "9", cy: "7", r: "4" } ] ],
+        user_x: [ [ :path, { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" } ], [ :circle, { cx: "9", cy: "7", r: "4" } ], [ :line, { x1: "17", x2: "22", y1: "8", y2: "13" } ], [ :line, { x1: "22", x2: "17", y1: "8", y2: "13" } ] ],
+        volume_off: [ [ :path, { d: "M16 9a5 5 0 0 1 .95 2.293" } ], [ :path, { d: "M19.364 5.636a9 9 0 0 1 1.889 9.96" } ], [ :path, { d: "m2 2 20 20" } ], [ :path, { d: "m7 7-.587.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298V11" } ], [ :path, { d: "M9.828 4.172A.686.686 0 0 1 11 4.657v.686" } ] ],
         settings: [ [ :path, { d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" } ], [ :circle, { cx: "12", cy: "12", r: "3" } ] ],
         trash: [ [ :path, { d: "M10 11v6" } ], [ :path, { d: "M14 11v6" } ], [ :path, { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" } ], [ :path, { d: "M3 6h18" } ], [ :path, { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" } ] ],
         plus: [ [ :path, { d: "M5 12h14" } ], [ :path, { d: "M12 5v14" } ] ],

data/lib/phlex_kit/icons/phosphor.rb

@@ -29,6 +29,8 @@ module PhlexKit
         calendar: [ [ :path, { d: "M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z" } ] ],
         user: [ [ :path, { d: "M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z" } ] ],
         users: [ [ :path, { d: "M117.25,157.92a60,60,0,1,0-66.5,0A95.83,95.83,0,0,0,3.53,195.63a8,8,0,1,0,13.4,8.74,80,80,0,0,1,134.14,0,8,8,0,0,0,13.4-8.74A95.83,95.83,0,0,0,117.25,157.92ZM40,108a44,44,0,1,1,44,44A44.05,44.05,0,0,1,40,108Zm210.14,98.7a8,8,0,0,1-11.07-2.33A79.83,79.83,0,0,0,172,168a8,8,0,0,1,0-16,44,44,0,1,0-16.34-84.87,8,8,0,1,1-5.94-14.85,60,60,0,0,1,55.53,105.64,95.83,95.83,0,0,1,47.22,37.71A8,8,0,0,1,250.14,206.7Z" } ] ],
+        user_x: [ [ :path, { d: "M168,56a8,8,0,0,1,8-8h48a8,8,0,0,1,0,16H176A8,8,0,0,1,168,56Zm58.08,37.33a103.93,103.93,0,1,1-80.76-67.89,8,8,0,0,1-2.64,15.78A88.07,88.07,0,0,0,40,128a87.62,87.62,0,0,0,22.24,58.41A79.66,79.66,0,0,1,98.3,157.66a48,48,0,1,1,59.4,0,79.66,79.66,0,0,1,36.06,28.75A88,88,0,0,0,211,98.67a8,8,0,0,1,15.09-5.34ZM128,152a32,32,0,1,0-32-32A32,32,0,0,0,128,152Zm0,64a87.57,87.57,0,0,0,53.92-18.5,64,64,0,0,0-107.84,0A87.57,87.57,0,0,0,128,216Z" } ] ],
+        volume_off: [ [ :path, { d: "M53.92,34.62A8,8,0,1,0,42.08,45.38L73.55,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H77.25l69.84,54.31A8,8,0,0,0,160,224V175.09l42.08,46.29a8,8,0,1,0,11.84-10.76ZM32,96H72v64H32ZM144,207.64,88,164.09V95.89l56,61.6Zm42-63.77a24,24,0,0,0,0-31.72,8,8,0,1,1,12-10.57,40,40,0,0,1,0,52.88,8,8,0,0,1-12-10.59Zm-80.16-76a8,8,0,0,1,1.4-11.23l39.85-31A8,8,0,0,1,160,32v74.83a8,8,0,0,1-16,0V48.36l-26.94,21A8,8,0,0,1,105.84,67.91ZM248,128a79.9,79.9,0,0,1-20.37,53.34,8,8,0,0,1-11.92-10.67,64,64,0,0,0,0-85.33,8,8,0,1,1,11.92-10.67A79.83,79.83,0,0,1,248,128Z" } ] ],
         settings: [ [ :path, { d: "M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm88-29.84q.06-2.16,0-4.32l14.92-18.64a8,8,0,0,0,1.48-7.06,107.21,107.21,0,0,0-10.88-26.25,8,8,0,0,0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186,40.54a8,8,0,0,0-3.94-6,107.71,107.71,0,0,0-26.25-10.87,8,8,0,0,0-7.06,1.49L130.16,40Q128,40,125.84,40L107.2,25.11a8,8,0,0,0-7.06-1.48A107.6,107.6,0,0,0,73.89,34.51a8,8,0,0,0-3.93,6L67.32,64.27q-1.56,1.49-3,3L40.54,70a8,8,0,0,0-6,3.94,107.71,107.71,0,0,0-10.87,26.25,8,8,0,0,0,1.49,7.06L40,125.84Q40,128,40,130.16L25.11,148.8a8,8,0,0,0-1.48,7.06,107.21,107.21,0,0,0,10.88,26.25,8,8,0,0,0,6,3.93l23.72,2.64q1.49,1.56,3,3L70,215.46a8,8,0,0,0,3.94,6,107.71,107.71,0,0,0,26.25,10.87,8,8,0,0,0,7.06-1.49L125.84,216q2.16.06,4.32,0l18.64,14.92a8,8,0,0,0,7.06,1.48,107.21,107.21,0,0,0,26.25-10.88,8,8,0,0,0,3.93-6l2.64-23.72q1.56-1.48,3-3L215.46,186a8,8,0,0,0,6-3.94,107.71,107.71,0,0,0,10.87-26.25,8,8,0,0,0-1.49-7.06Zm-16.1-6.5a73.93,73.93,0,0,1,0,8.68,8,8,0,0,0,1.74,5.48l14.19,17.73a91.57,91.57,0,0,1-6.23,15L187,173.11a8,8,0,0,0-5.1,2.64,74.11,74.11,0,0,1-6.14,6.14,8,8,0,0,0-2.64,5.1l-2.51,22.58a91.32,91.32,0,0,1-15,6.23l-17.74-14.19a8,8,0,0,0-5-1.75h-.48a73.93,73.93,0,0,1-8.68,0,8,8,0,0,0-5.48,1.74L100.45,215.8a91.57,91.57,0,0,1-15-6.23L82.89,187a8,8,0,0,0-2.64-5.1,74.11,74.11,0,0,1-6.14-6.14,8,8,0,0,0-5.1-2.64L46.43,170.6a91.32,91.32,0,0,1-6.23-15l14.19-17.74a8,8,0,0,0,1.74-5.48,73.93,73.93,0,0,1,0-8.68,8,8,0,0,0-1.74-5.48L40.2,100.45a91.57,91.57,0,0,1,6.23-15L69,82.89a8,8,0,0,0,5.1-2.64,74.11,74.11,0,0,1,6.14-6.14A8,8,0,0,0,82.89,69L85.4,46.43a91.32,91.32,0,0,1,15-6.23l17.74,14.19a8,8,0,0,0,5.48,1.74,73.93,73.93,0,0,1,8.68,0,8,8,0,0,0,5.48-1.74L155.55,40.2a91.57,91.57,0,0,1,15,6.23L173.11,69a8,8,0,0,0,2.64,5.1,74.11,74.11,0,0,1,6.14,6.14,8,8,0,0,0,5.1,2.64l22.58,2.51a91.32,91.32,0,0,1,6.23,15l-14.19,17.74A8,8,0,0,0,199.87,123.66Z" } ] ],
         trash: [ [ :path, { d: "M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z" } ] ],
         plus: [ [ :path, { d: "M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" } ] ],

data/lib/phlex_kit/icons/remix.rb

@@ -29,6 +29,8 @@ module PhlexKit
         calendar: [ [ :path, { d: "M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z" } ] ],
         user: [ [ :path, { d: "M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H18C18 18.6863 15.3137 16 12 16C8.68629 16 6 18.6863 6 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11Z" } ] ],
         users: [ [ :path, { d: "M2 22C2 17.5817 5.58172 14 10 14C14.4183 14 18 17.5817 18 22H16C16 18.6863 13.3137 16 10 16C6.68629 16 4 18.6863 4 22H2ZM10 13C6.685 13 4 10.315 4 7C4 3.685 6.685 1 10 1C13.315 1 16 3.685 16 7C16 10.315 13.315 13 10 13ZM10 11C12.21 11 14 9.21 14 7C14 4.79 12.21 3 10 3C7.79 3 6 4.79 6 7C6 9.21 7.79 11 10 11ZM18.2837 14.7028C21.0644 15.9561 23 18.752 23 22H21C21 19.564 19.5483 17.4671 17.4628 16.5271L18.2837 14.7028ZM17.5962 3.41321C19.5944 4.23703 21 6.20361 21 8.5C21 11.3702 18.8042 13.7252 16 13.9776V11.9646C17.6967 11.7222 19 10.264 19 8.5C19 7.11935 18.2016 5.92603 17.041 5.35635L17.5962 3.41321Z" } ] ],
+        user_x: [ [ :path, { d: "M14 14.252V16.3414C13.3744 16.1203 12.7013 16 12 16C8.68629 16 6 18.6863 6 22H4C4 17.5817 7.58172 14 12 14C12.6906 14 13.3608 14.0875 14 14.252ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11ZM19 17.5858L21.1213 15.4645L22.5355 16.8787L20.4142 19L22.5355 21.1213L21.1213 22.5355L19 20.4142L16.8787 22.5355L15.4645 21.1213L17.5858 19L15.4645 16.8787L16.8787 15.4645L19 17.5858Z" } ] ],
+        volume_off: [ [ :path, { d: "M10 7.22056L6.60282 10.0001H3V14.0001H6.60282L10 16.7796V7.22056ZM5.88889 16.0001H2C1.44772 16.0001 1 15.5524 1 15.0001V9.00007C1 8.44778 1.44772 8.00007 2 8.00007H5.88889L11.1834 3.66821C11.3971 3.49335 11.7121 3.52485 11.887 3.73857C11.9601 3.8279 12 3.93977 12 4.05519V19.9449C12 20.2211 11.7761 20.4449 11.5 20.4449C11.3846 20.4449 11.2727 20.405 11.1834 20.3319L5.88889 16.0001ZM20.4142 12.0001L23.9497 15.5356L22.5355 16.9498L19 13.4143L15.4645 16.9498L14.0503 15.5356L17.5858 12.0001L14.0503 8.46454L15.4645 7.05032L19 10.5859L22.5355 7.05032L23.9497 8.46454L20.4142 12.0001Z" } ] ],
         settings: [ [ :path, { d: "M3.33946 17.0002C2.90721 16.2515 2.58277 15.4702 2.36133 14.6741C3.3338 14.1779 3.99972 13.1668 3.99972 12.0002C3.99972 10.8345 3.3348 9.824 2.36353 9.32741C2.81025 7.71651 3.65857 6.21627 4.86474 4.99001C5.7807 5.58416 6.98935 5.65534 7.99972 5.072C9.01009 4.48866 9.55277 3.40635 9.4962 2.31604C11.1613 1.8846 12.8847 1.90004 14.5031 2.31862C14.4475 3.40806 14.9901 4.48912 15.9997 5.072C17.0101 5.65532 18.2187 5.58416 19.1346 4.99007C19.7133 5.57986 20.2277 6.25151 20.66 7.00021C21.0922 7.7489 21.4167 8.53025 21.6381 9.32628C20.6656 9.82247 19.9997 10.8336 19.9997 12.0002C19.9997 13.166 20.6646 14.1764 21.6359 14.673C21.1892 16.2839 20.3409 17.7841 19.1347 19.0104C18.2187 18.4163 17.0101 18.3451 15.9997 18.9284C14.9893 19.5117 14.4467 20.5941 14.5032 21.6844C12.8382 22.1158 11.1148 22.1004 9.49633 21.6818C9.55191 20.5923 9.00929 19.5113 7.99972 18.9284C6.98938 18.3451 5.78079 18.4162 4.86484 19.0103C4.28617 18.4205 3.77172 17.7489 3.33946 17.0002ZM8.99972 17.1964C10.0911 17.8265 10.8749 18.8227 11.2503 19.9659C11.7486 20.0133 12.2502 20.014 12.7486 19.9675C13.1238 18.8237 13.9078 17.8268 14.9997 17.1964C16.0916 16.5659 17.347 16.3855 18.5252 16.6324C18.8146 16.224 19.0648 15.7892 19.2729 15.334C18.4706 14.4373 17.9997 13.2604 17.9997 12.0002C17.9997 10.74 18.4706 9.5632 19.2729 8.6665C19.1688 8.4405 19.0538 8.21822 18.9279 8.00021C18.802 7.78219 18.667 7.57148 18.5233 7.36842C17.3457 7.61476 16.0911 7.43414 14.9997 6.80405C13.9083 6.17395 13.1246 5.17768 12.7491 4.03455C12.2509 3.98714 11.7492 3.98646 11.2509 4.03292C10.8756 5.17671 10.0916 6.17364 8.99972 6.80405C7.9078 7.43447 6.65245 7.61494 5.47428 7.36803C5.18485 7.77641 4.93463 8.21117 4.72656 8.66637C5.52881 9.56311 5.99972 10.74 5.99972 12.0002C5.99972 13.2604 5.52883 14.4372 4.72656 15.3339C4.83067 15.5599 4.94564 15.7822 5.07152 16.0002C5.19739 16.2182 5.3324 16.4289 5.47612 16.632C6.65377 16.3857 7.90838 16.5663 8.99972 17.1964ZM11.9997 15.0002C10.3429 15.0002 8.99972 13.6571 8.99972 12.0002C8.99972 10.3434 10.3429 9.00021 11.9997 9.00021C13.6566 9.00021 14.9997 10.3434 14.9997 12.0002C14.9997 13.6571 13.6566 15.0002 11.9997 15.0002ZM11.9997 13.0002C12.552 13.0002 12.9997 12.5525 12.9997 12.0002C12.9997 11.4479 12.552 11.0002 11.9997 11.0002C11.4474 11.0002 10.9997 11.4479 10.9997 12.0002C10.9997 12.5525 11.4474 13.0002 11.9997 13.0002Z" } ] ],
         trash: [ [ :path, { d: "M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM9 11H11V17H9V11ZM13 11H15V17H13V11ZM9 4V6H15V4H9Z" } ] ],
         plus: [ [ :path, { d: "M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z" } ] ],

data/lib/phlex_kit/icons/tabler.rb

@@ -29,6 +29,8 @@ module PhlexKit
         calendar: [ [ :path, { d: "M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12" } ], [ :path, { d: "M16 3v4" } ], [ :path, { d: "M8 3v4" } ], [ :path, { d: "M4 11h16" } ], [ :path, { d: "M11 15h1" } ], [ :path, { d: "M12 15v3" } ] ],
         user: [ [ :path, { d: "M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" } ], [ :path, { d: "M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" } ] ],
         users: [ [ :path, { d: "M5 7a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" } ], [ :path, { d: "M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" } ], [ :path, { d: "M16 3.13a4 4 0 0 1 0 7.75" } ], [ :path, { d: "M21 21v-2a4 4 0 0 0 -3 -3.85" } ] ],
+        user_x: [ [ :path, { d: "M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" } ], [ :path, { d: "M6 21v-2a4 4 0 0 1 4 -4h3.5" } ], [ :path, { d: "M22 22l-5 -5" } ], [ :path, { d: "M17 22l5 -5" } ] ],
+        volume_off: [ [ :path, { d: "M15 8a5 5 0 0 1 1.912 4.934m-1.377 2.602a5 5 0 0 1 -.535 .464" } ], [ :path, { d: "M17.7 5a9 9 0 0 1 2.362 11.086m-1.676 2.299a9 9 0 0 1 -.686 .615" } ], [ :path, { d: "M9.069 5.054l.431 -.554a.8 .8 0 0 1 1.5 .5v2m0 4v8a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l1.294 -1.664" } ], [ :path, { d: "M3 3l18 18" } ] ],
         settings: [ [ :path, { d: "M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065" } ], [ :path, { d: "M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" } ] ],
         trash: [ [ :path, { d: "M4 7l16 0" } ], [ :path, { d: "M10 11l0 6" } ], [ :path, { d: "M14 11l0 6" } ], [ :path, { d: "M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" } ], [ :path, { d: "M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" } ] ],
         plus: [ [ :path, { d: "M12 5l0 14" } ], [ :path, { d: "M5 12l14 0" } ] ],

data/lib/phlex_kit/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module PhlexKit
-  VERSION = "0.5.0"
+  VERSION = "0.5.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: phlex_kit
 version: !ruby/object:Gem::Version
-  version: 0.5.0
+  version: 0.5.1
 platform: ruby
 authors:
 - Matt Kennedy