@fleetia/components 1.1.1

package/dist/styles/ColorPicker/ColorPicker.css

@@ -0,0 +1,153 @@
+.ColorPicker_wrapper__1m4hgd40 {
+  position: relative;
+  display: inline-block;
+}
+.ColorPicker_trigger__1m4hgd41 {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35em;
+  padding: 0.2em 0.4em;
+  border: 1px solid var(--c-border);
+  border-radius: 4px;
+  background: var(--c-surface);
+  cursor: pointer;
+  font-size: 0.75rem;
+  font-family: inherit;
+  color: inherit;
+  transition: all 0.15s;
+}
+.ColorPicker_trigger__1m4hgd41:hover {
+  background: var(--c-hover-bg);
+  color: var(--c-hover-text);
+}
+.ColorPicker_swatch__1m4hgd42 {
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  border: 1px solid var(--c-border);
+  border-radius: 4px;
+  flex-shrink: 0;
+}
+.ColorPicker_panel__1m4hgd43 {
+  position: fixed;
+  z-index: 10000;
+  width: 240px;
+  padding: 0.75em;
+  border: 1px solid var(--c-border);
+  border-radius: 4px;
+  background: var(--c-surface);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+}
+.ColorPicker_canvasWrap__1m4hgd44 {
+  position: relative;
+  width: 100%;
+  aspect-ratio: 1;
+  margin-bottom: 0.5em;
+}
+.ColorPicker_canvasWrap__1m4hgd44 canvas {
+  display: block;
+  width: 100%;
+  height: 100%;
+  cursor: crosshair;
+}
+.ColorPicker_alphaSection__1m4hgd45 {
+  margin-bottom: 0.5em;
+}
+.ColorPicker_alphaLabel__1m4hgd46 {
+  display: block;
+  font-size: 0.7rem;
+  margin-bottom: 0.2em;
+  color: var(--c-muted);
+}
+.ColorPicker_alphaTrack__1m4hgd47 {
+  position: relative;
+  width: 100%;
+  height: 14px;
+  border: 1px solid var(--c-border);
+  cursor: pointer;
+  background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%);
+  background-size: 8px 8px;
+  background-position: 0 0, 0 4px, 4px -4px, -4px 0;
+  overflow: hidden;
+}
+.ColorPicker_alphaGradient__1m4hgd48 {
+  position: absolute;
+  inset: 0;
+}
+.ColorPicker_alphaThumb__1m4hgd49 {
+  position: absolute;
+  top: 0;
+  width: 4px;
+  height: 100%;
+  background: #fff;
+  border: 1px solid #999;
+  transform: translateX(-50%);
+  pointer-events: none;
+}
+.ColorPicker_formatRow__1m4hgd4a {
+  display: flex;
+  gap: 0.35em;
+  margin-bottom: 0.4em;
+}
+.ColorPicker_formatButton__1m4hgd4b {
+  flex: 1;
+  padding: 0.2em;
+  border: 1px solid var(--c-border);
+  border-radius: 4px;
+  background: var(--c-surface);
+  cursor: pointer;
+  font-size: 0.65rem;
+  font-family: inherit;
+  transition: all 0.15s;
+}
+.ColorPicker_formatButtonActive__1m4hgd4c {
+  background: var(--c-accent);
+  color: var(--c-accent-text);
+  border-color: var(--c-accent);
+}
+.ColorPicker_inputRow__1m4hgd4d {
+  display: flex;
+  gap: 0.25em;
+}
+.ColorPicker_fieldGroup__1m4hgd4e {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.1em;
+}
+.ColorPicker_fieldInput__1m4hgd4f {
+  width: 100%;
+  padding: 0.2em 0.3em;
+  border: 1px solid var(--c-border);
+  border-radius: 4px;
+  background: var(--c-surface);
+  font-size: 0.7rem;
+  font-family: inherit;
+  text-align: center;
+  color: inherit;
+}
+.ColorPicker_fieldInput__1m4hgd4f:focus {
+  outline: none;
+  box-shadow: 0 0 0 1px var(--c-accent);
+}
+.ColorPicker_fieldLabel__1m4hgd4g {
+  font-size: 0.6rem;
+  color: var(--c-muted);
+}
+.ColorPicker_backdrop__1m4hgd4h {
+  position: fixed;
+  inset: 0;
+  z-index: 9999;
+}
+.ColorPicker_nativeInput__1m4hgd4i {
+  position: absolute;
+  width: 0;
+  height: 0;
+  padding: 0;
+  border: none;
+  overflow: hidden;
+  opacity: 0;
+  pointer-events: none;
+}

package/dist/styles/ColorRow/ColorRow.css

@@ -0,0 +1,9 @@
+.ColorRow_colorRow__1oalhfi0 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.3em 0;
+}
+.ColorRow_colorRow__1oalhfi0 span {
+  font-size: 0.8rem;
+}

package/dist/styles/ConfirmDialog/ConfirmDialog.css

@@ -0,0 +1,52 @@
+.ConfirmDialog_overlay__115b6yi0 {
+  position: fixed;
+  inset: 0;
+  z-index: 1100;
+  background: rgba(0, 0, 0, 0.3);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ConfirmDialog_dialog__115b6yi1 {
+  background: var(--c-surface);
+  padding: 1.25em;
+  border: 1px solid var(--c-border);
+  max-width: 300px;
+  width: 100%;
+  text-align: center;
+}
+.ConfirmDialog_title__115b6yi2 {
+  font-size: 0.9rem;
+  font-weight: 600;
+  margin: 0 0 0.5em;
+}
+.ConfirmDialog_message__115b6yi3 {
+  font-size: 0.85rem;
+  margin: 0 0 1em;
+  color: var(--c-text);
+}
+.ConfirmDialog_actions__115b6yi4 {
+  display: flex;
+  gap: 0.5em;
+  justify-content: center;
+}
+.ConfirmDialog_actionButtonBase__115b6yi5 {
+  padding: 0.4em 1em;
+  border: 1px solid var(--c-border);
+  cursor: pointer;
+  font-size: 0.8rem;
+  transition: all 0.15s;
+}
+.ConfirmDialog_cancelButton__115b6yi6 {
+  background: var(--c-surface);
+  color: var(--c-text);
+}
+.ConfirmDialog_cancelButton__115b6yi6:hover {
+  background: var(--c-hover-bg);
+  color: var(--c-hover-text);
+}
+.ConfirmDialog_confirmButton__115b6yi7 {
+  background: var(--c-accent);
+  color: var(--c-accent-text);
+  border-color: var(--c-accent);
+}

package/dist/styles/ContextMenu/ContextMenu.css

@@ -0,0 +1,34 @@
+.ContextMenu_contextMenu__1hifssv0 {
+  position: fixed;
+  background: var(--c-surface);
+  border: 1px solid var(--c-border);
+  z-index: 1000;
+  overflow: hidden;
+  min-width: 120px;
+}
+.ContextMenu_contextMenuItem__1hifssv1 {
+  width: 100%;
+  padding: 10px 14px;
+  border: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+  background: var(--c-surface);
+  color: var(--c-text);
+  font-size: 0.85rem;
+  text-align: left;
+  cursor: pointer;
+  transition: all 0.15s;
+}
+.ContextMenu_contextMenuItem__1hifssv1:last-child {
+  border-bottom: none;
+}
+.ContextMenu_contextMenuItem__1hifssv1:hover {
+  background: var(--c-hover-bg);
+  color: var(--c-hover-text);
+}
+.ContextMenu_deleteVariant__1hifssv2 {
+  color: red;
+}
+.ContextMenu_deleteVariant__1hifssv2:hover {
+  background: red;
+  color: white;
+}

package/dist/styles/DateInput/DateInput.css

@@ -0,0 +1,47 @@
+.DateInput_input__1p13e9q0 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 0.3em;
+  width: 100%;
+  padding: 0.4em 0.5em;
+  line-height: 1.15;
+  border: 1px solid var(--c-border);
+  border-radius: 4px;
+  background: var(--c-surface);
+  font-size: 0.8rem;
+  color: var(--c-text);
+  box-sizing: border-box;
+  cursor: pointer;
+}
+.DateInput_input__1p13e9q0:focus-within {
+  outline: none;
+  box-shadow: 0 0 0 1px var(--c-accent);
+}
+.DateInput_inputError__1p13e9q1 {
+  border-color: #dc3545;
+}
+.DateInput_inputError__1p13e9q1:focus-within {
+  box-shadow: 0 0 0 1px #dc3545;
+}
+.DateInput_segment__1p13e9q2 {
+  font-size: inherit;
+  font-family: inherit;
+  color: inherit;
+  pointer-events: none;
+}
+.DateInput_separator__1p13e9q3 {
+  color: var(--c-muted);
+  user-select: none;
+  font-size: 0.75rem;
+  pointer-events: none;
+}
+.DateInput_nativeInput__1p13e9q4 {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  cursor: pointer;
+  box-sizing: border-box;
+}

package/dist/styles/IconButton/IconButton.css

@@ -0,0 +1,79 @@
+.IconButton_IconButton__18setjd0 {
+  display: grid;
+  grid-template-rows: 1fr 1fr;
+  min-width: var(--icon-width, calc(4 * var(--em)));
+  min-height: var(--icon-height, auto);
+  border: 1px solid var(--c-border);
+  place-items: center;
+  gap: calc(0.5 * var(--em));
+  padding: calc(0.5 * var(--em));
+  border-radius: var(--icon-borderRadius, calc(0.3 * var(--em)));
+  cursor: pointer;
+  transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, color 0.15s ease-in-out;
+  box-shadow: 0 0 0 transparent;
+  background-color: var(--icon-color, var(--c-surface));
+}
+.IconButton_IconButton__18setjd0:hover {
+  transform: translateY(calc(-0.3 * var(--em)));
+  box-shadow: 0 calc(0.3 * var(--em)) 0 var(--c-accent);
+  background-color: var(--c-hover-bg);
+  color: var(--c-hover-text);
+}
+.IconButton_icon__18setjd1 {
+  border-radius: var(--icon-iconRadius, calc(0.4 * var(--em)));
+  width: min(var(--icon-size), calc(2 * var(--em)));
+  height: min(var(--icon-size), calc(2 * var(--em)));
+  background-color: var(--c-accent);
+  color: var(--c-accent-text);
+  display: grid;
+  place-items: center;
+  border: 1px solid var(--c-border);
+  box-sizing: content-box;
+  overflow: hidden;
+}
+.IconButton_hasIcon__18setjd2 {
+  background-color: transparent;
+}
+.IconButton_hasIcon__18setjd2 img {
+  transform: scale(1.1);
+}
+.IconButton_name__18setjd3 {
+  color: var(--c-text);
+  font-size: calc(0.75 * var(--em));
+  word-break: break-all;
+  width: 100%;
+  overflow-x: hidden;
+  height: calc(2 * var(--em));
+  transition: color 0.15s;
+}
+.IconButton_IconButton__18setjd0:hover .IconButton_name__18setjd3 {
+  color: var(--c-hover-text);
+}
+.IconButton_horizontal__18setjd4 {
+  grid-template-rows: none;
+  grid-template-columns: auto 1fr;
+}
+.IconButton_horizontal__18setjd4 .IconButton_name__18setjd3 {
+  text-align: left;
+  height: auto;
+}
+.IconButton_folder__18setjd5 {
+  background-color: var(--folder-color, var(--icon-color, var(--c-surface)));
+  border-color: var(--folder-border, var(--c-border));
+}
+.IconButton_folder__18setjd5 .IconButton_icon__18setjd1 {
+  background-color: var(--folder-accent, var(--c-accent));
+  color: var(--folder-accent-text, var(--c-accent-text));
+  border-color: var(--folder-border, var(--c-border));
+}
+.IconButton_folder__18setjd5 .IconButton_name__18setjd3 {
+  color: var(--folder-text, var(--c-text));
+}
+.IconButton_empty__18setjd6 {
+  border: 1px dashed var(--c-border);
+}
+.IconButton_empty__18setjd6 .IconButton_icon__18setjd1 {
+  border: 1px solid var(--c-border);
+  background-color: var(--c-surface);
+  color: var(--c-text);
+}

package/dist/styles/Modal/Modal.css

@@ -0,0 +1,58 @@
+.Modal_overlay__xxu4lt0 {
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  background: rgba(0, 0, 0, 0.35);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.Modal_modalBase__xxu4lt1 {
+  width: 100%;
+  max-height: 85vh;
+  backdrop-filter: blur(12px);
+  color: var(--c-text);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  position: relative;
+  background: var(--c-surface);
+  border: 1px solid var(--c-border);
+}
+.Modal_modal_sm__xxu4lt2 {
+  max-width: 400px;
+}
+.Modal_modal_md__xxu4lt3 {
+  max-width: 560px;
+}
+.Modal_modal_lg__xxu4lt4 {
+  max-width: 720px;
+}
+.Modal_header__xxu4lt5 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.75em 1.25em;
+}
+.Modal_title__xxu4lt6 {
+  font-size: 0.9rem;
+  font-weight: 600;
+  margin: 0;
+}
+.Modal_closeButton__xxu4lt7 {
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 1rem;
+  color: var(--c-muted);
+  padding: 2px 6px;
+  transition: color 0.15s;
+}
+.Modal_closeButton__xxu4lt7:hover {
+  color: var(--c-text);
+}
+.Modal_body__xxu4lt8 {
+  flex: 1;
+  overflow-y: auto;
+  padding: 1em 1.25em;
+}

package/dist/styles/NavigationButton/NavigationButton.css

@@ -0,0 +1,13 @@
+.NavigationButton_pageButton__ras3f00 {
+  cursor: pointer;
+  border: 1px solid var(--c-border);
+  height: fit-content;
+  background: var(--c-surface);
+  color: var(--c-text);
+  padding: 4px;
+  transition: all 0.15s;
+}
+.NavigationButton_pageButton__ras3f00:hover {
+  background: var(--c-hover-bg);
+  color: var(--c-hover-text);
+}

package/dist/styles/PositionGrid/PositionGrid.css

@@ -0,0 +1,70 @@
+.PositionGrid_positionWrapper__1iy2ljo0 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  margin: 0.4em 0;
+}
+.PositionGrid_positionGrid__1iy2ljo1 {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 4px;
+  width: 80px;
+}
+.PositionGrid_positionCell__1iy2ljo2 {
+  aspect-ratio: 1;
+  border: 1px solid var(--c-border);
+  background: var(--c-surface);
+  cursor: pointer;
+  transition: all 0.15s;
+  padding: 0;
+}
+.PositionGrid_positionCell__1iy2ljo2:hover {
+  background: var(--c-hover-bg);
+}
+.PositionGrid_positionActive__1iy2ljo3 {
+  background: var(--c-accent);
+  border-color: var(--c-accent);
+}
+.PositionGrid_marginTop__1iy2ljo4 {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+.PositionGrid_marginBottom__1iy2ljo5 {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+.PositionGrid_marginMiddle__1iy2ljo6 {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.PositionGrid_marginSide__1iy2ljo7 {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+.PositionGrid_marginInput__1iy2ljo8 {
+  width: 42px;
+  padding: 2px 4px;
+  border: 1px solid var(--c-border);
+  background: var(--c-surface);
+  font-size: 0.7rem;
+  text-align: center;
+  color: inherit;
+  -moz-appearance: textfield;
+}
+.PositionGrid_marginInput__1iy2ljo8:focus {
+  outline: none;
+  box-shadow: 0 0 0 1px var(--c-accent);
+}
+.PositionGrid_marginInput__1iy2ljo8::-webkit-outer-spin-button, .PositionGrid_marginInput__1iy2ljo8::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.PositionGrid_marginUnit__1iy2ljo9 {
+  font-size: 0.65rem;
+  color: var(--c-muted);
+}

package/dist/styles/RadioGroup/RadioGroup.css

@@ -0,0 +1,26 @@
+.RadioGroup_group__1vsmdhf0 {
+  display: flex;
+  align-items: center;
+  gap: 1em;
+}
+.RadioGroup_label__1vsmdhf1 {
+  display: flex;
+  align-items: center;
+  gap: 0.3em;
+  cursor: pointer;
+  font-size: 0.8rem;
+  color: var(--c-text);
+  user-select: none;
+}
+.RadioGroup_label__1vsmdhf1[data-disabled] {
+  opacity: 0.5;
+  cursor: default;
+}
+.RadioGroup_input__1vsmdhf2 {
+  accent-color: var(--c-accent);
+  cursor: pointer;
+  margin: 0;
+}
+.RadioGroup_label__1vsmdhf1[data-disabled] .RadioGroup_input__1vsmdhf2 {
+  cursor: default;
+}

package/dist/styles/RangeInput/RangeInput.css

@@ -0,0 +1,33 @@
+.RangeInput_rangeInputWrapper__96j5at0 {
+  width: 100%;
+}
+.RangeInput_settingLabel__96j5at1 {
+  display: block;
+  margin-bottom: 0.4rem;
+}
+.RangeInput_rangeLabel__96j5at2 {
+  font-size: 0.8rem;
+  font-weight: 500;
+}
+.RangeInput_rangeInput__96j5at3 {
+  width: 100%;
+  margin: 0.4rem 0;
+  -webkit-appearance: none;
+  height: 2px;
+  background: var(--c-accent);
+  outline: none;
+}
+.RangeInput_rangeInput__96j5at3::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  width: 14px;
+  height: 14px;
+  background: var(--c-accent);
+  border: 2px solid var(--c-surface);
+  border-radius: 50%;
+  cursor: pointer;
+  box-shadow: 0 0 0 1px var(--c-accent);
+  transition: all 0.15s;
+}
+.RangeInput_rangeInput__96j5at3::-webkit-slider-thumb:hover {
+  transform: scale(1.2);
+}

package/dist/styles/Select/Select.css

@@ -0,0 +1,39 @@
+.Select_wrapper__19h9gyc0 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25em;
+}
+.Select_label__19h9gyc1 {
+  font-size: 0.8rem;
+  font-weight: 500;
+  color: var(--c-text);
+}
+.Select_base__19h9gyc2 {
+  width: 100%;
+  cursor: pointer;
+  border-radius: 4px;
+  border: 1px solid var(--c-border);
+  background: var(--c-surface);
+  color: var(--c-text);
+  transition: all 0.15s;
+}
+.Select_base__19h9gyc2:focus {
+  outline: none;
+  box-shadow: 0 0 0 1px var(--c-accent);
+}
+.Select_base__19h9gyc2:disabled {
+  opacity: 0.4;
+  cursor: default;
+}
+.Select_size_sm__19h9gyc3 {
+  padding: 0.3em 0.5em;
+  font-size: 0.75rem;
+}
+.Select_size_md__19h9gyc4 {
+  padding: 0.4em 0.6em;
+  font-size: 0.8rem;
+}
+.Select_size_lg__19h9gyc5 {
+  padding: 0.5em 0.8em;
+  font-size: 1rem;
+}

package/dist/styles/Sidebar/Sidebar.css

@@ -0,0 +1,18 @@
+.Sidebar_sidebar__1wau54s0 {
+  position: absolute;
+  width: 100%;
+  max-width: 380px;
+  background: var(--c-surface);
+  height: 100vh;
+  overflow-y: auto;
+  padding: 1.25em;
+  color: var(--c-text);
+}
+.Sidebar_sidebarRight__1wau54s1 {
+  right: 0;
+  border-left: 1px solid var(--c-border);
+}
+.Sidebar_sidebarLeft__1wau54s2 {
+  left: 0;
+  border-right: 1px solid var(--c-border);
+}

package/dist/styles/Tabs/Tabs.css

@@ -0,0 +1,61 @@
+.Tabs_container_primary__u7x5if1 {
+  display: flex;
+  flex-direction: row;
+}
+.Tabs_container_secondary__u7x5if2 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.15em;
+  padding: 0.75em 0.5em;
+  border: 1px solid var(--c-border);
+  min-width: 90px;
+  flex-shrink: 0;
+}
+.Tabs_tabBase__u7x5if3 {
+  background: none;
+  border: none;
+  cursor: pointer;
+  transition: all 0.15s;
+  color: var(--c-muted);
+}
+.Tabs_tabBase__u7x5if3:hover {
+  color: var(--c-text);
+}
+.Tabs_tab_primary__u7x5if4 {
+  padding: 0.45em 0.75em;
+  border-radius: 6px 6px 0 0;
+  font-size: 0.85rem;
+  font-weight: 500;
+  border-bottom: 1px solid var(--c-border);
+}
+.Tabs_tab_secondary__u7x5if5 {
+  padding: 0.4em 0.65em;
+  border-radius: 5px;
+  font-size: 0.78rem;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+}
+.Tabs_tab_secondary__u7x5if5:hover {
+  color: var(--c-text);
+  background: rgba(0, 0, 0, 0.04);
+}
+.Tabs_tabActive_primary__u7x5if6 {
+  color: var(--c-text);
+  font-weight: 700;
+  background: var(--c-surface);
+  flex: 1;
+  border: 1px solid var(--c-border);
+  border-bottom: none;
+}
+.Tabs_tabActive_secondary__u7x5if7 {
+  color: var(--c-text);
+  font-weight: 700;
+  background: rgba(0, 0, 0, 0.06);
+}
+.Tabs_panel__u7x5if8 {
+  border: 1px solid var(--c-border);
+  border-top: none;
+  padding: 1em;
+  background: #fff;
+}